前端开发
文章平均质量分 69
michael_yqs
对互联网行业毫无抵抗力,尤其喜欢和旅游和钱打交道的事儿~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【react】源码总结
React 16 版本中初始渲染的流程核心过程逻辑细节jsx 转换成 react 元素rendercommit阶段(渲染层)为什么 React 16 版本中 render 阶段放弃了使用递归react16版本中commit阶段的三个子阶段before mutation阶段mutation阶段layoutworkInProgress Fiber 的意义核心过程JSX -> babel -> createElement -> ReactElement -> render ->原创 2021-05-20 10:21:24 · 826 阅读 · 1 评论 -
webpack开发全家桶
webpack开发全家桶开发环境配置webpack-dev-server配置 devServer 指定静态资源服务器路径配置代理服务,解决开发环境接口跨域问题配置 Source MapHMR — Hot Module Replacement使用方式HMR 注意事项多环境配置根据环境不同导出不同配置一个环境对应一个配置文件DefinePlugin示例webpack优化Tree ShakingconcatenateModulessideEffects代码分割多入口打包动态导入MiniCssExtractPlug原创 2021-05-16 11:50:30 · 1140 阅读 · 2 评论 -
webpack打包-----plugin
为什么要用插件?loader 和plugin的区别loaderplugin常见的pluginclean-webpack-pluginhtml-webpack-plugincopy-webpack-plugin自定义plugin开发-----loader 和plugin的区别loaderloader:主要用于对模块源码的转换,因为webpack本身只支持js处理,loader描述了webpack如何处理非javascript模块,并且在build中引入这些依赖。loader可以将文件从不同css预处理转原创 2021-05-13 19:54:39 · 949 阅读 · 5 评论 -
webpack打包---编译转换
webpack 编译 ES2015webpack 默认只是对 js 模块的打包,并不会对 ES 新特性进行转化。import和export 默认能被打包,是因为这是eamodule的语法,但是其他es新特性语法并不会被转化,比如箭头函数并不会被编译成普通函数使用 babel-loader 转化 ES 新特性 npm install babel @babel/core @bable/preset-env module.rules 中使用 babel module: { ..原创 2021-05-12 20:38:54 · 626 阅读 · 0 评论 -
Webpack 打包---流程和loader
为什么要模块化?ES Modules 存在环境兼容问题模块文件过多,网络请求频繁所有的前端资源都需要模块化主流模块打包工具:webpack(适用于大型应用)、parcel(小型应用,快速开发测试demo)、rollup(适用于单模块开发)webpack 配置文件webpack.config.jsmodule.exports = { entry: './src/index.js', // 入口文件:相对路径不能省略 ./ output: { // 输出配置 filename:原创 2021-05-12 20:29:01 · 484 阅读 · 2 评论 -
手写VueRouter
手写VueRouter定义VueRouter类实现静态方法install存储路由对应的组件处理router-link,router-view浏览器前进后退事件处理定义VueRouter类export default class VueRouter {//构造函数中把参数存储下来constructor(options) { this.options = options this.routeMap = {}//用于存储路由对应的view组件 const cur = (原创 2021-05-12 20:13:51 · 232 阅读 · 0 评论 -
web worker简介
Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。原创 2014-08-08 15:53:01 · 7374 阅读 · 4 评论 -
ie7下脚本添加的样式不生效问题
不知道还有多少人需要考虑到ie7的兼容问题啊,反正我最近是被折磨的够呛,qi原创 2014-07-31 15:43:45 · 1503 阅读 · 0 评论 -
正则表达式
正则表达式一直都在用,可能大家原创 2014-08-06 11:51:08 · 910 阅读 · 0 评论 -
jquery validate在ie8下的bug解决
jquery.validate在ie8下执行时,valid方法返回结果不正确,并且所有的字段都被当成必填项校验了。经过排查,问题出在attributeRules()方法上,可以尝试两种方法来解决。原创 2013-11-12 17:42:08 · 2438 阅读 · 0 评论 -
jquery学习笔记
平时用jquery,但是用的比较简单,从来没系统的看过,今天看了一下,做了简单的笔记,了解到了一些以前根本就没想过的东西,希望对学习jquery新手有所帮助~原创 2013-09-12 12:00:16 · 1497 阅读 · 0 评论 -
Class属性Extends和Implements的区别
var Animal = new Class({ initialize: function(age){ this.age = age; }});var Cat = new Class({ Extends: Animal, initialize: function(name, age){ this.parent(age); // c原创 2013-09-10 10:25:52 · 10043 阅读 · 0 评论 -
nginx配置
如何给nginx配置多个工作目录?我用了一种最简单的方式原创 2013-09-10 18:14:09 · 1316 阅读 · 0 评论 -
json,jsonp,ajax学习笔记
对json用的挺多的,这几天做项目接触到了jsonp,然后自己就查了些资料,发现cnblogs里面有篇文章写的很详细,但是自己也没有那个账号,懒得注册,直接就从作者那里摘抄下来了,附上原文地址:http://kb.cnblogs.com/page/139725/ 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问原创 2013-09-09 17:24:36 · 1506 阅读 · 0 评论 -
Origin null is not allowed by Access-Control-Allow-Origin解决方案
今天学习mootools的ajax时候,遇到一个问题,页面和ajaxData.txt在同一个目录下,查了一下是浏览器的安全机制导致的:浏览器会禁止加载本地文件。如果把文件或者是整个工程放在服务器上就不会存在这个问题了。还有一种解决方案,就是在启动浏览器的时候修改启动参数: --allow-file-access-from-files原创 2013-09-09 10:51:43 · 4618 阅读 · 0 评论 -
GET和POST的区别
最普遍的答案GET使用URL或Cookie传参。而POST将数据放在BODY中。GET的URL会有长度上的限制,则POST的数据则可以非常大。POST比GET安全,因为数据在地址栏上不可见。这个答案还是Google搜索的头版头条,但是他们都不对。下面简单解释一下。1. GET和POST与数据如何传递没有关系GET和POST是由HTTP协议定义的。在HTTP协议中,M原创 2013-09-08 15:13:36 · 1390 阅读 · 0 评论 -
一行代码添加的页面效果
进入网页时淡入淡出的效果在头部head之间加入此代码,你会发现点击链接的时候,网页现实的是淡入淡出的效果。此代码含义如下:Page-Exit"(离开网页)、"Site-Enter"(进入站点)、"Site-Exit"(离开站点)其中"Duration=1.0″可以设定每个周期的时间为多久,单位是秒(现在设置的是每周期1秒)。彻底屏蔽鼠标右键此段代码加入区转载 2013-09-08 14:51:44 · 1187 阅读 · 0 评论
分享