yihanzhi的博客

1、lib库模式打包vue组件语法：vue-cli-service build --target lib --name libName [entry]示例：vue.config.js配置：module.exports = { configureWebpack: { output: { libraryExport: 'default' } }}打包vue组件：npm run lib执行打包命令后，可看到项目根目录下生成了含有vue组件文件的lib目

1、数据存储的位置会对代码性能产生影响，为避免性能问题，应注意以下几点：1） 变量在作用域中的位置越深，访问时长越长，如若多次调用深层次的变量，可以将该变量赋值给局部变量；2）嵌套的对象成员会影响性能，尽量少用。...

最初的时候误认为只要是同一网站下所有页面共享sessionStorage，后来发现事情不是这样的。页面是否共享sesstionStorage与打开方式有关系：通过点击链接或window.open打开的新标签页与当前页面是同一个session；其它方式单独新开页面，会初始化一个新的session，即使同一网站下，他们也不属于同一个session。譬如同一网站下有A、B两个页面，AB页面中均添加key为detail的sesstionStorage（A页面：sesstionStorage.setItem(“de

问题描述：样式设置图片宽高后，图片缩小变的模糊了。如何解决图片模糊问题？解决办法：样式表中加入以下样式即可解决img { image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode:nearest-neighbor;}...

需求背景：在构建vue单页面项目时，会将所有依赖打包成一个文件，如果依赖文件过大，会影响页面渲染。为了好的用户体验我们需要对依赖文件进行拆分，那么如何拆分呢？解决方案：修改webpack的配置文件externals，从输出的依赖文件中排除某些依赖包，将被排除的依赖包单独引入到html页面中。示例：1）webpack配置文件修改externals: { 'vue': 'Vue', 'element-ui': 'ElementUI',}2）去除main.js中element-ui的引

报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location解决办法：在路由文件中加入如下代码，即可解决import VueRouter from "vue-router";//pushconst VueRouterPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (to

点击元素实现内容拷贝功能，代码如下：<div id="copyEl" onclick="handleCopy('18288880000')">18288880000</div><script> function handleCopy(data) { var oInput = document.createElement("input"); oInput.style.border = "0 none"; oInput.style.color

问题描述：网站在chrome、ie10+等浏览器均访问正常，但在ie9中所有跨域的ajax请求都失败，请求直接进入error。解决办法：设置IE9浏览器安全属性，启用【通过域访问数据源】选项；设置完成后需要重启浏览器才能生效。设置步骤如下图：...

1、浏览器页面渲染过程图2、浏览器渲染过程分析2.1 CSS加载阻塞DOM渲染，但不阻塞DOM解析有文件test.html，其部分代码如下截图所示：CSS加载阻塞DOM渲染访问test.html页面，通过控制台可查看第一个CSS文件的加载阻塞了其后面DOM的渲染，因此起初只看到了页面内容：“Hi,”，其它内容并未渲染出来。CSS加载不阻塞DOM的解析通过控制台可查看，DOM渲染被第一个CSS文件阻塞了，但是该文件后面的其它文件还能正常加载，说明CSS不阻塞DOM解析...

一、sentry介绍：Sentry 是一个开源的实时错误追踪系统，可以帮助开发者发现问题、追踪问题；支持 web 前后端、移动应用等。了解更多信息，请移步sentry官网二、sentry配置1、注册sentry账号使用sentry监控平台，必须先申请账号2、登录sentry网站，重设语言和时区1）点击账号旁的箭头，打开弹出2）点击账号弹窗中的"User settings"选项，进入账号设置页面，可设置语言、时区3、配置项目1）点击‘项目’菜单，进入项目页面，创建自己的项目，这里我们以

在前后端分离的时代，前端开发不再过渡依赖于后端。在接口未开发的情况下，前端可以依据约定好的接口进行开发，借助mockjs拦截请求，制造假数据进行响应。1、mockjs安装npm install mockjs2、mockjs配置mockjs语法规范详见：https://github.com/nuysoft/Mock/wiki/Syntax-Specification1）mock文件配置（mock/index.js）const Mock = require('mockjs')// 接口配置co

转载自：http://www.360doc.com/content/14/0325/14/15727046_363598248.shtmlYahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳：Best Practices for Speeding Up Your Web Site，Excetional Performance.