vue
文章平均质量分 80
程序媛~~~
这个作者很懒,什么都没留下…
展开
-
vue数据双向绑定的原理
vue数据双向绑定的原理一 复习闭包1 闭包含义:当函数嵌套时,内部函数使用了外部函数的变量,就会产生闭包当函数可以记住并访问自己的作用域时,就会产生闭包2 闭包注意点① 队列里的代码执行完毕,同步的已经执行完了② 作用域时js代码解析时创建,关浏览器时销毁③ 作用域是来维护变量的查找规则的④ 一个函数作用域一般对应一个执行上下文,除非函数被递归调用⑤ 执行上下文是函数调用时创建,调用完销毁⑥ 执行上下文是来存函数执行时需要的数据的3 鸡肋闭包// 5.在全局作用域对应的处于活动状原创 2021-07-14 14:06:13 · 283 阅读 · 1 评论 -
vant-联系人卡片
vanthttps://vant-contrib.gitee.io/vant/#/zh-CN/安装:npm i vant1 使用vant1.1 按需引入组件npm i babel-plugin-import -D1.2 配置babel(新增配置){ "plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style": true }] ]原创 2021-07-14 14:05:50 · 1951 阅读 · 1 评论 -
vuex-辅助函数
vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化vuex 安装npm i vuex 1 vuex核心概念vuex是存储组件数据的集中式的仓库(如何优雅的读写仓库中的数据)state:仓库内存数据的配置getters:仓库内的计算属性action:操作数据的工具mutation:操作数据的工具仓库每一个 Vuex 应用的核心就是 store(仓库)。“s原创 2021-07-14 14:00:50 · 1882 阅读 · 1 评论 -
vue-promise-axios
1 回调函数1.1 回调函数定义:① 函数是不是你定义的 你定义的② 函数你要有没有调用 你没调用③ 最终函数有没有被执行 最终执行了1.2 回调函数分类:同步的回调:数组api中的回调函数基本都是同步的;promise的执行器是同步的异步的回调:定时器的回调 dom事件的回调 ajax请求的回调遇到异步回调函数需注意以下两点:① 回调什么时候进队列② 回调什么时候被执行内存结构:堆 栈 队列[外链图片转存失败,源站可能有防盗链机制,建议将图片保存原创 2021-07-12 08:48:13 · 489 阅读 · 0 评论 -
vue-router
vue-router1 介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为安装脚手架vue init webpack roter-demo安原创 2021-07-12 08:46:24 · 2294 阅读 · 0 评论 -
vue2.0-脚手架-todolist案例
一 vue脚手架2.0安装npm install vue-cli -g查阅一下脚手架可支持的模板 vue list 可以查到 template-name使用脚手架生成项目(以下命令得运行在项目的包裹目录下)vue init webpack projectName启动项目1 进入到项目目录2 启动开发环境:npm run dev 或者 npm start(开发环境)3 启动生产环境:npm run bulid(生产打包)4 自动启动chrom:在dev中加入: --open原创 2021-07-12 08:45:26 · 475 阅读 · 1 评论 -
webpack
webpack客户端 静态资源服务器 接口服务器 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。五个核心概念Entry:入口起点(entry point)指示 webpack原创 2021-07-03 15:06:39 · 115 阅读 · 0 评论 -
less-postcss
LessLess 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端https://www.bootcss.com/也可以通过编译工具来进行编译,比如考拉:http://koala-app.com/全局安装lessnpm infonpm i less -D lessc -h 查看如何使用lessc 地址.less 编译成.css 进行编译(源文件到目标文件)1 变量@wid原创 2021-07-03 14:59:00 · 1378 阅读 · 0 评论 -
Eslint
EslintESLint 是一个开源的 JavaScript 代码检查工具,由 Nicholas C. Zakas 于2013年6月创建.JavaScript 是一个动态的弱类型语言,在开发中比较容易出错。ESLint 的初衷是为了让程序员可以创建自己的检测规则。一 复习ES6模块化暴露export default { } 暴露的是default代码块,内容是对象export { } 暴露代码块标识:内容要具体分析(函数,对象。。)export const原创 2021-07-03 14:57:34 · 337 阅读 · 0 评论 -
git-底层-高层指令
一 版本控制版本控制最重要的就是历史记录1 集中化的版本控制系统集中化的版本控制系统诸如 cvs,svn以及 perforce 等,都有一个单一的集中管理的服务器,保存所有文件的修订版本,而协同工作的人们都通过客户端连到这台服务器,取出最新的文件或者提交更新优点:每个人都可以在一定程度上看到项目中的其他人正在做些什么。而管理员也可以轻松掌控每个开发者的权限,并且管理一个集中化的版本控制系统; 要远比在各个客户端上维护本地数据库来得轻松容易缺点:① 中央服务器的单点故障。如果服务器宕机一小时,那么原创 2021-07-02 10:58:49 · 279 阅读 · 0 评论 -
babel
can i use 兼容性一 复习ES6js:ECMA(babel---ES6转ES5)DOM:(JQ VUE react)BOM:(window.loaction.href)ES6:1 新增语法let const async await 拓展运算符 for of ()=>解构赋值 import export2 新增APIObject.assgin()Promise通病:兼容性不高二 Babel解决ES6的兼容性问题 chr原创 2021-07-02 10:57:07 · 222 阅读 · 0 评论