vue
vue-cli 3.0 打包并本地查看使用命令行对项目打包 npm run build完成后直接打开生成的 dist 文件夹下的 index.html ，打开后出现了一个空白页面，并且控制台报错，提示文件找不到。修改 vue.config.js 中的路径。将 baseUrl 属性的值 ‘/‘ 修改为 ‘./‘ module.exports = { /..
2019-10-29
const path = require('path') const debug = process.env.NODE_ENV !== 'production' //const VueConf = require('./src/assets/js/libs/vue_config_class') //cons..
2019-10-14
解决vue cli3.0打包上线静态资源找不到路径问题解决方法是：在项目的根目录下创建vue.config,js文件，在里面配置静态资源的路径，publicPath是配置静态资源路径的属性，vue.config,js文件的代码如下： module.exports = { publicPath: './' } 项目打包上传http..
安装vue-cli 3.0首先查看本机是否有安装 vue-cli，在终端中运行下面命令 vue --version如果安装的不是 3.0 + ，先卸载当前 vue-cli npm uninstall -g vue-cli npm install -g @vue/cli 类 unix 用户，需加上 sudo 创建初始项目在终端中，输入下面命令 vu..
移动端
META 相关1.添加到主屏后的标题（IOS） <meta name="apple-mobile-web-app-title" content="标题">2.启用 WebApp 全屏模式（IOS） <meta name="apple-mobile-web-app-capable&qu..
2019-10-12
CSS
已知元素宽高margin负值 + 绝对定位优点：兼容性好。 缺点：需提前知道元素的尺寸，否则需借助JS获得。 .child { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一..
前端优化
内容部分1.尽量减少HTTP请求数到终端用户的响应时间80%花在前端：大部分用于下载组件（js/css/image/flash等等）。减少组件数就是减少渲染页面所需的http请求数。这是更快页面的关键。 减少组件数的一个方法就是简化页面设计。保持富内容的页面且能减少http请求，有以下几个技术： Combined files。合并文件，如合并js，..
2019-10-11
第一种方法：加载失败，直接删除img标签< img src=“123” :οnerrοr=“defaultImg” /> 默认图地址 defaultImg: ‘this.remove()’第二种方法：替换默认图片< img src=“123” @error=“defImg()” /> 默认图地址 defaultImg: req..
2019-10-10
随着前端应用的业务功能越来越复杂、用户对于使用体验的要求越来越高，单页应用（SPA）成为前端应用的主流形式。大型单页应用最显著特点之一就是采用前端路由系统，通过改变URL，在不重新请求页面的情况下，更新页面视图。 “更新视图但不重新请求页面”是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现主要有两种方式： 利用URL中的hash（“#”）..
JavaScript
const PromisePolyfill = (() => { //状态管理 const promiseStatusSymbol = Symbol('PromiseStatus'); const promiseValueSymbol = Symbol('PromiseValue'); ..