vue-cli2 的配置文件详细介绍
webpack 的运行流程 npm run dev (webpack-dev-server --inline --progress --config build/webpack.dev.conf.js) 在 配置了一些参数 调用 npm run build(node build/build.js) 引入了配置文件，如 npm run dev 流程中的配置文件 调用 webpack.prod.con…
最新文章
分类全部
标签全部
你想要的 vue 源码分析 · 08
组件化 组件化，把页面拆分成若干个组件，每个组件依赖的 css，js，模板，图片等资源放在一块，组件之间是相互独立的，可已复用与嵌套 组件 vnode 的创建什么时候执行 在 vm._update 中会调用_createComponent 方法，这个方法有一段代码是先判断 tag 是否是一个普通 div，如果是普通 div，那么会实例化一个普通的 VNode，否则就通过 createCompone…
你想要的 vue 源码分析 · 07
new vue 后生成真实 dom 的过程
你想要的 vue 源码分析 · 06
vm._update() _update 方法的作用是把 VNode 渲染成真实的 DOM，调用时期是首次渲染和数据改变，数据改变驱动视图变化。 vm._ patch 调用了 方法的返回值，因为把 VNode 渲染到不同平台的方法是不同的，所以使用了 createPatchFunction 进行函数柯里化，把差异函数提前固化，不同每次调用 patch 的时候传入 nodeOps 和 modules…
你想要的 vue 源码分析 · 05
vm._render 的实现 vm._render 最终是执行 createElement 返回 VNode 可以看出，vm._render 最终是执行 createElement 返回 vnode Virtual DOM 是 DOM 的一种抽象描述，是 js 对象，是生成几个关键属性：标签名、数据、子节点、键值等，其它属性都是都是用来扩展 VNode 的灵活性以及实现一些特殊 feature 的…
你想要的 vue 源码分析 · 04
vue $mount 的实现 vue 中是通过$mount 实例方法挂载 vm， 本质是把 template 和 el 转成 render 方法 转成 render 方法后，执行 mountComponent 本质是一个 new Watcher 的实现，当 vm 实例中监测到的数据发生变化的时候执行 updateComponent，进而渲染出 vm._render(vnode)
前端 CSRF 攻击
CSRF 跨站请求伪造 在其他网站向本网站发送非法请求，原理：在 a 网站登录，b 网站带 a 网站身份向 a 网站发送请求 CSRF 特征 b 网站向 a 网站发送请求 带 a 网站 cookie 不访问 a 网站前端 header 头里面的 referer 为 b 网站 如何防御 禁止第三方网站带 cookie same-site 在前端页面加入验证信息 验证码 必须访问前端页面 token，…
前端 XSS 攻击
XSS 跨站脚本攻击 程序+数据 = 结构，在动态输入数据的位置加入一段脚本 获取页面数据,偷取网站任意数据 获取 cookies，偷取用户资料 劫持前端逻辑，偷取用户密码和登录状态 发起请求，欺骗用户 类型 反射性：url 参数直接注入 存储型：存储到 数据库 后读取时注入，比如在在留言板进行存入一个脚本 XSS 攻击注入点 HTML 节点内容，html 节点内混入 script 脚本 HTML…
nodejs 如何使用 ES6 的 import 等语法
nodejs 如何使用 ES6 的 import 等语法 package.json start.js server.js
github 授权登录
源代码地址 准备前提 在 github 的 setting 中找到 client_id 和 client_secret，具体参考 怎么得到 client_id 和 client_secret 搭建前端和后端服务器，我这里前端是 vue，后端是 koa webpack 注意代理的设置 安装 nodemon 开启环境 npm install npm run server npm run dev 前端
你想要的 vue 源码分析 · 03
如上例所示，vue 的核心思想是数据驱动，那数据怎么渲染到 DOM 中？ new Vue 发生了什么 initState initData getData proxy 总结 执行 new Vue 的时候，执行 initMixin 先对 options 进行合并，初始化得到 this.$options 然后执行一系列的init方法，其中有initState，在initState中 把this.dat…
你想要的 vue 源码分析 · 02
vuejs 源码学习第二天 这里用到的 vue 版本是 vue 目录 编译相关，把模版解析成抽象语法树 核心代码核心代码：1、内置组件，2、全局 API ，3、vue 实例化 ，4、观察者 5、虚拟 DOM 6、工具函数 不同平台的支持分别打包成运行在 weex 和 web 上的 vue.js 服务端渲染服务端渲染的代码 .vue 文件解析把.vue 文件解析成一个 javascript 对象 共…
你想要的 vue 源码分析 · 01
vue 源码学习第一天 vue 内部运行机制 new Vue()后有几个过程 初始化和挂载 初始化 初始化生命周期，事件，props，methods，data，computed 和 watch 等，最重要是通过 设置 和 来实现响应式和依赖收集。 挂载 $mount 会挂载所有组件，如果存在 template，需要进行编译 编译 编译分为三个过程 1.parse 2.optimize 3.gene…
nuxt.js 的使用
nuxt.js 的使用 nuxt 是什么 nuxt.js 是服务端渲染(SSR)的一种解决方案，当然 nuxt.js 也支持 SPA，SSR 与 SPA 的区别，请移步 这里 nuxt.js 整合了 webpack,vue-loader,vuex,vue-router,vue-meta 等组件/框架 nuxt.js 结合 vue 提供了一系列的钩子函数来支持服务端渲染 nuxt.js 可实现 代码…
vue 实现全局的组件、分页组件
代码地址 import msgboxVue from './index.vue' // 定义插件对象 const MessageBox = {} // vue的install方法，用于定义vue插件 MessageBox.install = function(Vue, options) { const MessageBoxInstance = Vue.extend(msgboxVu
node+koa 实现图片的上传
[代码地址](https://github.com/dirkhe1051931999/common-demo) 服务端接口以及中间件 依赖的包 const Koa = require('koa'); // 解析成json const koaJson = require('koa-json'); // 解析body的 const bodyParser = requir
node+koa 的项目的增删改查及项目的表结构
项目的增删改查代码可参考项目下 /server/api/post.controller.js 项目的表结构 -- ---------------------------- -- Table structure for laboratory -- ---------------------------- DROP TABLE IF EXISTS `laboratory`; CREATE TABLE
node+koa 的标签的增删改查及标签的表结构
标签的增删改查代码可参考项目下 /server/api/laboratory.controller.js 标签的表结构 -- ---------------------------- -- Table structure for post_tag -- ---------------------------- DROP TABLE IF EXISTS `post_tag`; CREATE TABL
node+koa 的分类的增删改查及分类的表结构
分类的增删改查代码可参考项目下 /server/api/category.controller.js 分类的表结构 -- ---------------------------- -- Table structure for category -- ---------------------------- DROP TABLE IF EXISTS `category`; CREATE TABLE
node+koa 的文章的增删改查及文章的表结构
文章的增删改查代码可参考项目下 /server/api/post.controller.js 文章的表结构 -- ---------------------------- -- Table structure for post -- ---------------------------- DROP TABLE IF EXISTS `post`; CREATE TABLE `post` ( `id
已显示 20 / 173 篇文章
也可以浏览：全部文章档
确认评论邮箱
邀请制评论