随笔分类 - web前端
摘要:1.跨域是浏览器是浏览器的安全策略。协议、域名、端口号不同都会引起跨域。 2.html标签的src属性可以发起http请求,并不受跨域限制 服务端代码 服务端返回一段js执行代码,例如 func(data)。这段代码会在客户端执行 const http = require('http'); cons
阅读全文
摘要:1. 组件注册懒加载 (1)全局注册 Vue.component('AsyncComponent', ()=> import('./AsyncComponent.vue')) (2)局部注册 new Vue({ components: { AsyncComponent: () => import('
阅读全文
摘要:index.js async function getComponent () { const { default: _ } = await import(/*webpackChunkName: "lodash"*/'lodash') await import(/* webpackChunkName
阅读全文
摘要:使用 import() 语法实现动态导入 project webpack-demo |- package.json |- webpack.common.js |- webpack.dev.js |- webpack.prod.js |- /dist |- /src |- index.js |- /n
阅读全文
摘要:入口起点分离: 使用 entry 手动的分离代码。(配置多,并且有一些隐患,不建议使用) project webpack-demo |- package.json |- webpack.common.js|- webpack.prod.js|- webpack.dev.js |- /dist |-
阅读全文
摘要:常用方式:放到</body>之前,解决js运行时找不到dom的问题。 页面渲染过程(HTML parser) <html> <head> <link rel="stylesheet" type="text/css" href="/style.css"> <script type="text/java
阅读全文
摘要:export default function (options) { var defaultOptions = { responseValidate: function (response = {}, ctx) { return response.code 0 }, reportUrl: '/wo
阅读全文
摘要:利用vue-cli脚手架可以快速的搭建一个vue前端项目。 1.安装vue-cli 环境:nodejs 全局安装vue-cli 最新的vue项目模板中,都带有webpack插件。因此不需要另外安装webpack。 安装完成后,查看vue是否安装成功。 如果不能识别vue可以更新npm的版本。 2.生
阅读全文
摘要:模块 一个nodejs文件就是一个模块。nodejs的模块分为两类: (1)原生(核心)模块 (2)文件模块 文件模块分为三类: .js。通过fs模块同步读取js文件并编译执行。 .node。通过C/C++进行编写的Addon。通过dlopen方法进行加载。 .json。读取文件,调用JSON.pa
阅读全文
摘要:安装Grunt-cli: 新建项目文件夹,生成package.json: 安装 Grunt 和所需要的插件 合并文件:grunt-contrib-concat 语法检查:grunt-contrib-jshint Scss 编译:grunt-contrib-sass 压缩文件:grunt-contri
阅读全文
摘要:sublime安装less插件 可以直接安装ctrl+shift+p>install Package搜索less按Enter就可以了; 或者: package control: install package: 安装less: 安装less2css 安装less2css插件同上; 在windows下
阅读全文
摘要:使用 在引入less.js前先要把你的样式文件引入: less.js下载 语法 1.变量 2.混合 带参数混合 @arguments 变量 @arguments包含了所有传递进来的参数. 如果你不想单独处理每一个参数的话就可以像这样写: 3.模式匹配和导引表达式 如果想让.mixin根据不同的@sw
阅读全文
摘要:安装bower 新建文件1.txt,然后重命名为.bowerrc 这个.bowerrc文件是自定义bower下载的代码包的目录: .bowerrc文件内容如下: bower初始化 bower初始化不能在gitbash,要在cmd中: 包的安装 比如要安装一个jquery,输入如下命令: 然后bowe
阅读全文
摘要:npm介绍 1、npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等); 2、使用npm安装插件: 2.1、<name>:node插件名称。例:npm install gulp-less --save-dev 2.2、-g:全局
阅读全文
摘要:安装git 不同环境下不同安装方法,安装完成后配置git账号: 因为Git是分布式版本控制系统,所以,每个机器都必须自报家门:你的名字和Email地址。注意git config命令的–global参数,用了这个参数,表示你这台机器上所有的Git仓库都会使用这个配置,当然也可以对某个仓库指定不同的用户
阅读全文