犹记惊鸿照影（JS）

摘要： 一、主要功能 （1）登录（登录信息错误的提示组件）、 自定义指令：clickoutside （2）注册：时间倒计时60s （3）资讯：自定义指令：inifiniteScroll （4）vue axios 的配置 //根据环境配置请求地址 if(process.env.NODE_ENV=="produ 阅读全文

摘要： 淘宝实用lib-flexible来适配各种大小的屏幕，现在来讲讲适配的原理 使用方法： 源码解析： 具体是实现的原理图例： 宽度为10rem Nexus 6p 布局宽度 为 10rem*41.2px=412px iphone5 布局宽度 为 10rem*64px=640px=320*dpr=320* 阅读全文

摘要： 一、什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览 阅读全文

摘要： 通过rem布局 只要引入这个代码： 如何使用？ 这是rem布局的核心代码，这段代码的大意是：如果页面的宽度超过了640px，那么页面中html的font-size恒为100px，否则，页面中html的font-size的大小为： 100 * (当前页面宽度 / 640) ** 为什么是640px？ 阅读全文

摘要： 一、一个指令定义对象可以提供如下几个钩子函数 (均为可选)： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。(注意：binding这个词绑定，顾名思义在这个bind中进行绑定函数) inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插 阅读全文

摘要： Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 具体实例，以及运行结果 运行结果： 创建前 结果分析： beforeCreated:在创建之前 阅读全文

摘要： 参数介绍： base：类型string 默认值：'/' 具体的用途：应用的基路径。例如，如果整个单页应用服务在 /app/ 下，然后 base 就应该设为 "/app/"。 举个实际应用的例子： 这个主要是在实际的开发中一个项目文件下，例如针对php， 该文件中的文件夹个大PHP专属文件夹，有前端专 阅读全文

摘要： 导航守卫 官方解释： vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 全局守卫： router.enterEach((to,from,next)>={ }) to: Route: 即将要进入的目标路由 阅读全文

摘要： 一、文件结构 二、指令分析 package.json 如上面的指令所示，当执行 npm run dev 则执行build文件下的dev-server.js npm run build 则执行 build文件下的build文件 三、文件逐个分析 2、prod.env.js 3、test.env.js 阅读全文

摘要： vue2.0版本后，推荐axios，vue1.X版本使用vue-resourse Axios特点 1、浏览器中创建XMLHttpRequests 2、从node.js创建http请求 3、支持promise API 4、拦截请求和响应 5、转换请求和响应数据 6、取消请求 7、自动转换JSON 8、 阅读全文