第2页

  • Vue中进行单元测试

    Vue中进行单元测试

    单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作。 测试框架所谓”测试框架”,就是运行测试的工具。通过它,可以为 JavaScript 应用添加测试,从而保证代码的质量。类似的测试框架还有 Mocha、Jasmine、Karma、Tape 等 MochaMocha(发音”摩卡”)诞生于 2011 年,是现在最流行的 JavaScript 测试框架之一,在浏览器和 Node 环境都可以使用。 1.安装 npm install -g mocha2.测试脚本 Mocha 的作用是运行测...

    Vue 2019-08-07 195 0
  • http缓存简介

    http缓存简介

    http缓存都是服务端通过配置http headers来告诉浏览器是否能缓存,以及缓存多长时间。 强缓存:不去请求服务端,直接从本地缓存读取资源。 协商缓存:请求服务端,返回304,然后从本地缓存读取资源。 强缓存浏览器不会去请求服务器,主要通过expires和cache-control控制。 nginx通过配置expires指令,来控制缓存有效期。 location ~ .*\.(js|css)?$ { expires 1d; # 缓存一天 } 配置成功后,会在Resp...

    源码 2019-07-10 193 0
  •  小程序的登录鉴权&&数据解密

    小程序的登录鉴权&&数据解密

    小程序的登录鉴权&&数据解密登录流程上图是官方给出的登录流程,我们来捋下逻辑。 1、用户使用wx.login获取临时code,有效期为5分钟 2、将临时code传到我们自己的后端服务,调用微信的API获取用户的session_key和openid 3、后端自定义新的密钥并关联返回的session_key和openid,将新的密钥返给前端 4、前端发送请求的时候,带着密钥,后端进行解析后返回数据 session_key和openid1、session_key会话密钥,用来确定会话的操作的有效...

    前端框架 2019-05-15 194 0
  • webpack打包优化

    webpack打包优化

    webpack 打包优化loader配置声明exclude或include字段 exclude 排除不满足条件的文件夹 include 需要被loader 处理的文件或文件夹 { test: /\.js$/, loader: 'babel-loader', // exclude: /node_modules/ include: [resolve('src'), resolve('test'), resolve(...

    前端框架 2019-05-08 209 0
  • 环境变量配置

    环境变量配置

    Linux环境变量Linux与MAC OS常用环境变量 > $PATH:决定了shell将到哪些目录中寻找命令或程序 > $HOME:当前用户主目录 > $MAIL:是指当前用户的邮件存放目录。 > $SHELL:是指当前用户用的是哪种Shell。 > $HISTSIZE:是指保存历史命令记录的条数 > $LOGNAME:是指当前用户的登录名。 > $HOSTNAME:是指主机的名称,许多应用程序如果要用到主机名的话,通常是从这个环境变...

    JS知识点 2019-04-17 201 0
  •  import路径

    import路径

    import路径import {test} from './test'; 花括号import {test} from './test'; import test from './test'; 如果有默认导出export default则可以省略花括号,且import的模块名是随意的,如: // a.js export default 'test'; // b.js import a from './a'; imp...

    JS知识点 2019-02-19 183 0
  • JWT(json web token)

    JWT(json web token)

    JWT(json web token)用户认证机制 http basic AuthOAuthcookies AuthToken Auth token 认证机制![jsonweb][jsonweb] 优点 支持跨域访问: Cookie是不允许垮域访问的,这一点对Token机制是不存在的,前提是传输的用户认证信息通过HTTP头传输.无状态(也称:服务端可扩展行):Token机制在服务端不需要存储session信息,因为Token 自身包含了所有登录用户的信息,只需要在客户端的cookie或本地介质存储状态信息....

    JS知识点 2019-02-04 185 0
  • 小程序之图片懒加载

    小程序之图片懒加载

    小程序之图片懒加载定义懒加载,前端人都知道的一种性能优化方式,简单的来说,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。 实现原理监听页面的scroll事件,判读元素距离页面的top值是否是小于等于页面的可视高度 判断逻辑代码如下 element.getBoundingClientRect().top <= document.documentElement.clientHeight ? 显示 : 默认 我们知道小程序页面的脚本逻辑是在JsCore中运行,...

    JS知识点 2019-01-16 189 0
  • KOA2+MongoDB开发restful-api

    KOA2+MongoDB开发restful-api

    koa服务端交互-mongorestful-api GET:读取(Read)POST:新建(Create)PUT:更新(Update)PATCH:更新(Update),通常是部分更新DELETE:删除(Delete) 相关资料-RESTful API 最佳实践 相关依赖 koa-json-error解决400 500 等状态码错误以JOSN的相识抛出 { "message": "Not Found", "name": &quo...

    Nodejs 2019-01-11 182 0
  • Vue常见知识点总结

    Vue常见知识点总结

    Vue常见知识点总结v-show和v-if的区别 v-show通过css的display控制显示和隐藏v-if组件真正的渲染和销毁,而不是显示和隐藏 为何在v-for中使用key 必须使用key,且不能是index和randomdiff算法中通过tag和key来判断是否是sameNode减少渲染次数,提高渲染性能 描述vue组件的生命周期 vue组件如何通讯父子组件通信父组件向子组件传值 创建子组件,在src/components/文件夹下新建一个Child.vue Child.vue的中创建prop...

    Vue 2018-12-05 200 0