发表于 | 分类于 | 阅读次数:
字数统计: 1.2k 字 | 阅读时长 ≈ 4 分钟
使用JavaScript执行大型运算时，经常会出现假死现象，这是因为JavaScript是单线程编程语言，运算能力比较弱。HTML5新增Web Workders能够创建一个不影响前台处理的后台进程，并且在这个后台线程中可以继续创建多个子线程，以帮助JavaScript实现多线程的能力。通过WebWork, 开发者可以将耗时较长的处理交给后台线程去运行，从而解决在执行大量运算造成进程阻塞而页面无响应的情况。
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1.4k 字 | 阅读时长 ≈ 5 分钟
在使用vue-bus进行兄弟组件的数据传递过程中，遇到的问题，及解决方案 问题：vue中eventbus被多次触发，在this.$on监听事件时，内部的this发生改变导致，无法在vue实例中添加数据。
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1.4k 字 | 阅读时长 ≈ 6 分钟
生命周期图示每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 Vue钩子详解Vue所有的生命周期钩子自动绑 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 2.3k 字 | 阅读时长 ≈ 9 分钟
这里介绍了清除上次打包后的dist文件夹，CopyWebpackPlugin的作用，减小打包出来的bundle.js文件的大小，从bundle里抽离出css，可视化分析打包文件的webpack插件，还有webpack sourceMap定位压缩前代码错误，与配置本地代理实现开发环境跨域。
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1.2k 字 | 阅读时长 ≈ 5 分钟
1px实现的难点我们知道，像素可以分为物理像素（CSS像素）和设备像素。由于现在手机大部分是Retina高清屏幕，所以在PC端和移动端存在设备像素比的概念。简单说就是你在pc端看到的1px和在移动端看到的1px是不一样的。 在PC端上，像素可以称为CSS像素，PC端上dpr为1。也就说你书写css样 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 1.8k 字 | 阅读时长 ≈ 8 分钟
特性 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 使用安装使用 npm: 1$ npm install axios 使用 ...
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 2.1k 字 | 阅读时长 ≈ 10 分钟
众所周知，直接用webpack-cli生成的vue项目目录极为臃肿，非常的不好看。所以打算自己配置webpack项目，这里我们从零开始搭建webpack4的vue项目
阅读全文 »

发表于 | 分类于 | 阅读次数:
字数统计: 2k 字 | 阅读时长 ≈ 7 分钟
概念本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundl ...
阅读全文 »