02 2020 档案
摘要：write less do more 核心：操作dom（通过面向对象） 1.jq是一种链式操作 。 $可以拿到dom元素 $(document).ready(function() { 页面加载好执行 }) //等同于 $(function() { 页面加载好执行 }) $(document).rea
阅读全文
摘要：问题出现 jquery中 绑定事件中 用箭头函数 导致内部this指向出错 //绑定事件内部不要用箭头函数
阅读全文
摘要：vscode开发微信小程序安装的插件:1. wechat-snippet微信小程序代码辅助,代码片段自动完成2. minapp微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）需要输入<才会触发标签补全输入空格会触发对应标签的属性补全3.
阅读全文
摘要：结构 WXML 样式 WXSS 逻辑 javascript 配置 JSON 结构文件 pages utils 写公共方法 app.js项目入口文件 app.json 公共设置（全局配置文件） app.wxss全局样式 project.config.json 小程序详情设置 7.配置文件介绍 全局配置
阅读全文
摘要：MVC (Model-View-Controller) 是一种软件设计模式.它强调分离软件的业务逻辑和显示. 这种“分离”提供了更好的分工和改进的维护. 一些其他的模式也是基于MVC来设计的, 对MVC软件设计模式的三个部分可以被描述如下： Model: 模型持有所有的数据、状态和程序逻辑. Vie
阅读全文
摘要：浏览器的执行结果和node的执行结果不同！！ 遇到问题要多想想。不要着急 。
阅读全文
摘要：两条非常重要的知识点 首先上题 var a = '322' var preview = function() { var a = '123' console.log(a, this, this.a) } preview() // 123 window 322 //每个函数在被调用的时候 //1.自动
阅读全文
摘要：node作为服务器更多的是web服务器 1.http模块 首先：http是一个协议。里面有通信机制，状态码一大堆乱七八糟的东西。自己写猴年马月都写不出来，node通过这个http这个对象帮我们集成。直接用 服务器对象： http.createSever()【快速搭建一个服务器，集成好】 let ht
阅读全文
摘要：node模块 1.全局模块（对象）（像js中的window document） 定义：何时何地都可以访问，不需要引用 1.process.env 环境变量 计算机属性 高级系统设置 高级 环境变量 作用：用于判断 if （process .env.dev）{} 2。process.argv 传入的命
阅读全文
摘要：高并发，负载均衡。自己写接口，自己调接口 node其实也是一门js。多了一些api 1.node的作用和应用 脱离浏览器运行JS（调用cpu，内存，文件的读写） 后台api编写（前端就是写页面和调接口） webpack,gulp,npm等等（前端这些工程化工具都是强依赖node） 中间层：服务器中负
阅读全文
摘要：1. js数据类型（两种数据类型） 基本数据类型：null undefined number boolean symbol string 引用数据类型： array object null： 空对象 document.getElementById('') //娶不到的时候返回 null undefi
阅读全文
摘要：symbol声明的类型独一无二 概念：表示独一无二的值，永远不相等 s1 = Symbol() s2 = Symbol() s1 !== s2 基本使用： 通过Symbol函数生成，得到一个symbol类型的值 使用场景：一般用在对象属性名，确保在对象中不会出现同名的属性，防止不小心修改或者覆盖。
阅读全文
摘要：类型转换主要指，将其他数据类型转换为（String、Number、Boolean） 类型转换有显式类型转换 和隐式类型转换 显式类型转换 1.1转换为string 调用数据的 toString() 方法 null和undefined 没有这个方法 1.2.调用String()函数，并将转换的数据作为
阅读全文
摘要：1.css常见选择器 id class 标签 div p 后代选择器 div > p 子带选择器 div+p 相邻选择器 div相邻的右边的第一个 同级别 div～p 兄弟选择器 div后面所有的p 同级别 div, p 分组选择器（两个都选择） 伪类关键字 选择器 : hover {} 不是真实存
阅读全文
摘要：html文件不区分大小写。//vue项目中组件名字驼峰 使用时候却全部小写 说明不区分 html语义化的意思， 就是标签名带有一定含义和一些css样式。比如h1-h6是标题 自动放大变粗，img是图片，table是表单等等，html5新增了一些header footer nav导航栏目 便于程序员阅
阅读全文
摘要：使用二级路由 会显示父路由下面的子路由 且父子路由同时显示 因为父子同时显示 路由地址在同一级别/ 路由的显示模式有两种（都是为了减少数据库后台请求次数） #hash模式（#是特殊字符，很多场合不满足，微信支付，分享url作为参数传递时候不行） 地址栏不改变，不会发送请求。#后面后台不获取 hist
阅读全文
摘要：快速构建一个项目（流行的做法：采用前后端分离的方式进行web架构） 完整的前端环境搭建有更高的要求有：预编译模版，合并压缩资源，模拟生产环境，注入依赖 等等一系列 这些vue-cli都可以实现 协助，配合，帮助我们来构筑一个项目 相比人工：高效，安全。 //vue-cli 平台无关 功能齐全 内存占
阅读全文
摘要：引子： 2020.2.24.最近刚写完一个vue项目。项目用到ES6的模块化 想到之前写node项目用到过commonjs模块化 就想着把所有用到过的模块化技术 总结学习一下 在看阮一峰老师的 es6入门那本书中讲到的module语法 想着webstorm实现一下 ，验证书里写的一些特性 问题 写了
阅读全文
摘要：在《Javascript权威指南》中这样定义： 参数有形参（parameter）和实参（argument）的区别，形参相当于函数中定义的变量，实参是在运行时的函数调用时传入的参数。 说明白就是，形参就是函数声明时的变量，实参是我们调用该函数时传入的具体参数。 例子： 声明函数add时，a，b就是形参
阅读全文
摘要：Q首先一道题 if(false){ var a = 1; } console.log(a); //undefined //我以为输出ReferenceError: aa is not defined //但是实际输出undefined //因为js没有块级作用域，所以最后代码就成了这样 var a;
阅读全文
摘要：js是一个单线程，非阻塞，异步脚本语言 在执行栈中先进后出 （相对与函数中调用函数，单行代码执行直接出去了） 栈里面表现很慢的东西叫阻塞 slow //比如http请求 如果我们在浏览器控制台中运行'foo'函数，是否会导致堆栈溢出错误？ function foo() { setTimeout(fo
阅读全文
摘要：1. let 命令 ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 上面代码在代码块之
阅读全文
摘要：阮一峰Module 的语法 1.概述 历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。 在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6
阅读全文
摘要：CommonJS规范 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰 1.概述 Node 应用由模块组成，采用 CommonJS 模块规范。 每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。 // example.js
阅读全文
摘要：创建文件夹 mkdir name 创建文件 touch name/name.html 制定软件打开 open -a softwareName name/name.html
阅读全文
摘要：router文件中的 index component： （）=> import（‘path’） // 这样 访问一个页面 就只请求这个页面的js逻辑 //当app很小的的时候不需要做异步拆分 //进入首页是快，但是进入其他页面还要进行一次http请求 //也就是说发送一个http请求代价比加载一点代
阅读全文
摘要：1.去bootstrap中拷贝适口 2.在项目中 index。html head中复制样式
阅读全文
摘要：何为项目接口联调？ 前端代码编译好了 后端接口写好了 我们就需要去掉前端模拟数据干掉 用后端提供的数据。进行前后端的一个调试 如何联调？ config目录下面 index.js 文件 dev 中proxyTable 中的‘api ’ 中的taget 目标换成后端地址（注意端口） http://loc
阅读全文
摘要：两个组件只同时显示一个 可以用 a v-show='variable' b: v-show='!variable' 1.对全局事件的解绑 //代码容易出现大量bug 因为影响其他组件 keep-alive还提供了一个生命周期函数 deactivated 执行事件：页面即将被隐藏或者页面即将被替换新的
阅读全文
摘要：getHomeInfo () { this.axios.get('/api/index.json?city=' + this.city) .then(this.getHomeInfoSucc) } 尽量不要在父组件中 过多的操作子组件 最多操作 v-show ：数据传递
阅读全文
摘要：1.src中创建 common 再创建 gallery。然后gallery.vue 2.build 中webpack.base.conf 中配置更短路径 module.exports {}中 resolve "common": resolve('src/common') 3.其他组件引用这个组件 4
阅读全文
摘要：1.图片渐变效果 background linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,.8))
阅读全文
摘要：1.<router-link>标签 a标签就会把里面文字的颜色变掉 那我们可以换一种写法 <router-link tag='li'> //这样vue就会把这个标签渲染成li标签 < :to="'/detail' + item.id"> //to做一个动态绑定 //并且实现了一个参数传递，通过url
阅读全文
摘要：flex 是 flex-grow、flex-shrink、flex-basis的缩写 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> #main { width:
阅读全文
摘要：我们网页请求时候 我们点击路由切换 可以看network中数据请求 因为每次路由切换都会执行mounted钩子函数 我们这个函数中数据请求 //每次切换路由，页面都会重新渲染 在根组件中使用 路由切换 标签包裹 <keep-alive> <router-view/> </ keep-alive> 包
阅读全文
摘要：vuex 是数据框架(一个插件)（单项数据的改变流程，组件改数据必须先调Action用dispatch方法） 大型项目vue只能承担视图层的主要内容 大量数据传递的时候，往往需要一个数据框架辅助 例子：多个组件之间的传值很困难的时候，如果我们能吧公用的数据放在一个公共的空间 存储，然后某一个组件改变
阅读全文
摘要：keyword 监听时间做一个节流处理 keyword为input输入的内容 //当逻辑卡壳的时候 可以试着重启服务器，浏览器 当搜索内容出现很多的时候 内容无法滚动 可以引入 better-scroll //( !this.keyword) 可以用来判断一个数据不存在 1.当我们输入很长数据 什么
阅读全文
摘要：函数可以作为函数使用 也可以作为函数对象使用 fn 的原型对象 Function Function的原型对象 Object 但是对象只能作为对象使用 object原型对象 Object
阅读全文
摘要：非0数字值 都是true 0和NaN 都是false 任何对象 都是true null 都是false undefined 不适用 详情
阅读全文
摘要：1.配置路由 先在router文件夹中，创建一个路由。引入组件 { path: '/city', name: 'HelloCity', component: city, meta: { name: 'viewport', content: 'width=device-width, initial-s
阅读全文
摘要：css伪类 伪类 是添加到选择器的关键字，指定要选择的元素的特殊状态。例如，:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。 /* 所有用户指针悬停的按钮 */ button:hover { color: blue; } css伪类用于向某些选择器添加特殊的效果。:link, :vi
阅读全文
摘要：position（transform css3 有些浏览器不兼容） <article id="one"> <section id="section"></section> </article> <style> #one { position: relative; //此处不设置的话 会一直往上找 找
阅读全文
摘要：1.flex 当希望一个元素垂直居中的时候，又不想操作这个元素 可以在该元素的父元素上设置 display: flex; justify-content: center; // 水平居中 align-items: center; // 垂直居中 2.子元素的 margin 0 auto只能 水平居中
阅读全文
摘要：axios 在vue项目开发中，我们使用axios进行ajax请求，很多人一开始使用axios的方式，会当成vue-resoure的使用方式来用，即在主入口文件引入import VueResource from 'vue-resource'之后，直接使用Vue.use(VueResource)之后即
阅读全文
摘要：git本地操作有时会有误删误改并提交的时候，此时可以通过回滚获得之前的特定版本 1. 查看log 输入 git log 查看commit记录 [xxxxxxx]$ git log 结果大致如下（根据实际的commit操作不同，显示结果也会有所不同） commit 7d72d974a9ed718dc1
阅读全文
摘要：1.首先监听滚动条事件 window.addEventListener("scroll", this.handleScroll); 延伸document.documentElement 是什么 document.documentElement document.querySelector("html
阅读全文
摘要：解决方案 使用ajax动态获取数据 当数据还没有收到的时候，swiper组件收到的是跟组件data传过来的空数组，会造成渲染问题 这个时候可以给swiper组件 设置一个 v-if='list.length'
阅读全文
摘要：指令作用： 给元素的属性赋值 它是一个 vue 指令，用于绑定 html 属性 写法： 正常写法 <div v-bind:原属性名="变量||"常量""></div> // 注意常量要引号内加引号 简写 <div :属性名="变量"></div> ///1 绑定class 支持直接变量 数组 对象（
阅读全文
摘要：有三个指令达到的效果是一样的 {{JS表达式}} 差值表达式 v-text="JS表达式" v-html="JS表达式" //会自动解析tag js表达式： "变量||"常量"" 也可以有运算元和运算符（可选）构成。并产生运算结果的语法结构 ！！！模版语法中不要有逻辑在里面 只显示（例如{{a +
阅读全文
摘要：原因：因为箭头函数并没有 this VUE中 不要在选项属性或回调上使用箭头函数，比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因为箭头函数并没有 this，this 会作为变量
阅读全文
摘要：Vue实例的生命周期 new一个Vue实例 过程中 会执行各种各样的事件 事件有各自不同的作用 从Vue实例创建（new的过程），运行，销毁期间 伴随各种各样的事件 统称为实例生命周期事件 Vue实例在某一个时间点上自动执行的函数 Vue实例创建阶段 new Vue() Vue实例基础的初始化 自动
阅读全文
摘要：v-if 本质：vue-if是动态的向DOM树内添加或者删除DOM元素 优点：更加灵活 <li v-for="(item, index) in scene" v-if="item.share" @click="openScene(item, item.pid)"> <span>{{ item.sha
阅读全文
