qwertyuiopasdfghjklzxcvbnm

首先，解释的话，原因就是Object.observe 已经被废弃了，所以vue不会用一个废弃jsapi来实现对象属性监听。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/observe然后，记得当时写这篇文章的时候，就是在强调读文档只留下了印象，使用的时候才会有更深的感悟。现在越来越发现，vue的文档写的真的是很好了，遇到的问题在文档里其实都能找到答案 —— vue响应式原理.

执行 npm run build 之后的 dist 目录的静态资源的文件名多会追加上 hash 值，比如: page1.f151b4d3.js那如果不要 hash 呢，你只需要配置 vue.config.js 文件中的 filenamehashing官方文档也提到了因为 html 也是我们通过插件生成的，静态资源直接就 inject 进去的，所以，当 html 不是自动生成或者其他情况时候，就不能加 hash 了，可以配置 false。filenamehashing: fa...

话不多说上代码。我用的是vueCli3.x，所有的修改全在vue.config.js中：const MiniCssExtractPlugin = require('mini-css-extract-plugin');const conf = require('./conf/projectConfig');module.exports = { // 修改打包后js文件名 configureWebpack: { // webpack 配置 output: { // 输出重构 打包编译后.

使用VUECLI进行的项目打包上线时发现包很大，并且不管是js还是css都分别在chunk-vendors.js和chunk-vendors.css文件下。虽说VUECLI3中集成的webpack4已经会帮我们做一些按需引入等打包工作，但是对我们来说这些在开发过程中依然是有些不够的。下面我简单说一...

近期发现webpack在多台机器上打包同一份代码生成的hash不一样，查看社区没有文章深入说明hash生成策略 ，所以把webpack源码撸了一遍，定位到是hash生成时包含有项目的绝对路径导致，最后编写一个webpack插件解决了该问题，本文主要讲解hash的用法和原理以及如何解决多机器hash不一致等坑。webpack的hash策略前端同学众所周知静态资源首次被加载后浏览器会进行缓存，同一个资源在缓存未过期情况下一般不会再去请求，那么当资源有更新时如何通知浏览器资源有变化呢？资源文件命名has.

Webpack 有非常多的概念，很多名词长得都差不多。我把这些分散在文档和教程里的内容总结起来，写了一份 webpack 中的易混淆知识点，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习。 2.1 filename filename 是一个很常见的配置，就是对应于 entry 里面的输入文件，经过webpack 打包后输出文件的文件名。比如说经过下面的配置，生成出来的文件名为 index.min.js。 { entry: { index: "../src/index

谈谈VUE种methods watch和compute的区别和联系

参考文章promise、async和await的执行顺序promise、async和await的执行顺序async function async1(){ console.log('async1 start')//2 await async2() console.log('async1 end')//7}async function async2(){ co...

参考文章js中let和var定义变量的区别.JS let关键字.let，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。与var 区别；let不像var那样会发生“变量提升”现象暂时性死区（temporal dead zone，简称TDZ）var tmp = 123;if (true) { tmp = 'abc'; // Reference...

參考文章js笔记——js里var与变量提升.var是否可以省略一般情况下，是可以省略var的，但有两点值得注意：1、var a=1 与 a=1 ，这两条语句一般情况下作用是一样的。但是前者不能用delete删除。不过，绝大多数情况下，这种差异是可以忽略的。2、在函数内部，如果没有用var 进行申明，则创建的变量是全局变量，而不是局部变量了。所以，建议变量申明加上var关键字。变量提升...

思路：先确定要保留结果的位数，然后对其运算的数字进行扩大进行整数运算，运算完后除去扩大的倍数var numLength = 10000;//全局控制精确小数位数/** * 防止两个Number相加进度丢失 * @param obj1 减数 * @param obj2 被减数 */function numAdd(num1,num2){ num1 = Math.floor(Nu...

//控制鼠标滚轮事件触发var scrollRuning = true;/** * 控制滚动一次滚动一页 */function scrollOnePage(){ var p = 0, t = 0; $(window).scroll(function (e) { if(scrollRuning) {

page分页封装page.javapackage com.zzq.entity;import java.io.Serializable;/** * 页实体类 * @author zzgx * */public class Page implements Serializable{ private static final long serialVersi

ajax异步文件上传代码head> title>Titletitle> script src="/resources/js/jquery/jquery-3.2.1.min.js">script>script src="/resources/js/jquery/jquery-form.js">script>head>body>form id="uploadF

转自:http://www.ruanyifeng.com/blog/2014/10/event-loop.html

1、什么是闭包 闭包是有权访问另一个函数作用域的变量的函数。 简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。2、变量的作用域 要理解闭包，首先要理解变量...

转载自:http://blog.youkuaiyun.com/talking12391239/article/details/21168489#reply 本来想总结一下的，网上却发现有人已经解释的很清楚了，特转过来。这也解释了为什么在用自动化测试工具来运行dumrendtree时设定的超时和测试case设定的超时的关联性。面试的时候发现99%的童鞋不理解为什么JavaScript是单线程的却能让AJAX异步

CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。（图片说明：摄于阿联酋艾因（Al Ain）的绿洲公园）一、简介CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能...

浏览器安全的基石是”同源政策”（same-origin policy）。很多开发者都知道这一点，但了解得不全面。本文详细介绍”同源政策”的各个方面，以及如何规避它。 一、概述1.1 含义 1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。 最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页”同源”。所谓”同源...

…

…

…