《深入浅出VUE》笔记(一)Object的变化侦测 本文的记录主要基于《深入浅出VUE》一、Object的变化侦测Object.defineProperty依赖:即把用到数据的地方收集起来,然后等属性发生变化时,把之前收集好的依赖循环触发一遍
VUE通过:src设置图片路径,不能正常显示 通过下面这种方法设置图片路径,图片不能正常加载解决方法:相关文献:https://vue-loader.vuejs.org/zh/guide/asset-url.html
高质量JS代码准则 本文所有准则均来自DavidHerman的《编写高质量JavaScript代码的68分有效方法》1、了解你使用的JavaScript版本知识点:1)不要将进行严格模式检查的文件和不进行严格模式检查的文件连接起来。2)通过将其自身包裹在立即调用的函数表达式中的方式连接多个文件。// file1.js(function(){ "use strict"; // ....})();// file2.js(function(){ "use strict"; // .
【一名合格前端工程师的自检清单】--自检答案 作者:code秘密花园 公号 / ConardLi微信公众号的文章链接:https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651556338&idx=1&sn=589976a52b9162ec8d7a9a165cbfac7d&chksm=80255e33b752d7257f4ed1e36560a496c097c77b5ac922adc0f11a7b2c86b7654ba77e1a255a&scene=..
《CSS揭秘》--笔记 1、减少代码的依赖,行高line-height与字体大小font-size存在关系,避免修改字体大小后又要手动修改行高,应该像下面这样写button { padding: 6px 16px; border: 1px solid #446d88; background: #58a linear-gradient(#77a0bb, #58a); border-radius: 4px; box-shadow: 0 1px 5px gray; color: white; text-
控制器调用指令的方法-angularjs 1、指令scope: { setFn: '&'}scope.clickDirective = function () { console.log('父层调用了我')}scope.setFn.call(scope, { params: scope.clickDirective})2、引用指令的控制器html<test-directive set-fn="setDirectiveFn(params)"></test-directive...
并发请求过多,导致页面脚本执行阻塞 最近遇到一个问题,服务器的执行效果和本地调试的效果不一致。需求是这样:上传50张图片,只要一张图片处理完,立马弹出一个框显示处理结果,其他图片处理结果异步回显。后端因为特殊原因,期待前端连续发50个请求,而不是一次发送一个请求。但是出现了个问题:1、页面渲延迟,变得卡顿。图片上传后,有一张图片的处理结果已经返回,但是弹框迟迟不弹出,直到有40多个处理结果返回的时候,弹框才出现;2、页面脚本执行被阻塞。弹框出现后,脚本的执行被阻塞,很多执行方法要等待40多个处理结果返回的时候,才能执行;原来大概的
Error: Cannot find module 'icss-replace-symbols' npm --registry https://registry.npm.taobao.org install--save-dev icss-replace-symbols
Module build failed (from ./node_modules/css-loader/dist/cjs.js): css-loader 版本过高,切换版本npm install--save-dev css-loader@2.1.0
gulp-sass基础使用(基于gulp4.0) github地址: https://github.com/dlmanning/gulp-sass由于github的说明文档是基于比 gulp 4.0低的版本,所以我们跟着练习,会出现一些小错误。下面结合原文,对原文示范的例子做出了一些修改。1、安装npm install node-sass gulp-sass --save-dev2、基础使用 'use ...
重构gulpfile.js--基于gulp 4.0 当项目越来越庞大的时候,gulpfile.js 文件可能也会变得很庞大,上千行的代码,各种任务纵横交错,看得眼花缭乱。这个时候,应该考虑一下重构 gulpfile.js 文件。重构的关键字-- 拆分。 我的 gulp 的版本是 4.0.2,参考了网上很多这方面的博文,发现好多都不适用,基本都是以 3.0 为基础的。磕磕碰碰,终于成功做了一个小例子。1、构建文件结构。tasks文件夹...
如何通过Gulp构建和开发网站 原文:https://www.smashingmagazine.com/2014/06/building-with-gulp/作者: Callum Macrae 简述:Gulp是少数用JavaScript编写的构建工具,但是也有不是用JavaScript编写的构建工具,例如,Rake。我们为什么要选择Gulp呢? 在不同的浏览器优化你的网站资源和测试你的设计,...
前端请求thinkPHP接口报错。Respnse to preflight request doesn't pass access control check 前端请求thinkPHP接口报错。报错信息如下所示: 解决: 在ThinkPHP\Library\Think\Controller.class.php中加入 header('Access-Control-Allow-Origin: http://localhost:8080'); // 前端访问地址 ...
【转载】Vue开源项目库汇总 原文地址:http://www.cnblogs.com/opendigg/p/6513510.htmlUI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★4458 - 基于 Vuejs 的开源 UI 组件库Keen-UI ★2363 - 轻量级的基...
Angular is running in the development mode. Angular项目转为生产模式 准备把 Angular项目部署到服务器,打包完之后,打开网页,发现console出现 Angular is running in the development mode. Call enableProdMode() to enable the production mode.提示,而且提示建议我转成生产模式。在stack overflow找到了方法。1、首先确保项目文件夹下的main.t...
Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers 最近在用thinkPHP和Angular开发一个小系统。后台已经解决跨域问题了,但是前端这边还没有搞定这个问题。一直报错,错误是:Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers。 当我在前端(Angular4)设置header,这个问题就会消失...