- 博客(59)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 webpack打包原理解析
文章目录webpack打包是如何运行的webpack对CommonJS的模块化处理webpack对es6 Module模块化的处理webpack文件的按需加载按需加载输出代码分析总结webpack打包是如何运行的也可以称为，webpack是如何实现模块化的CommonJS是同步加载模块，一般用于node。因为node应用程序运行在服务器上，程序通过文件系统可以直接读取到各个模块的文件，特点...
2019-04-29 17:51:19
3832
1
原创 css经典布局系列四——粘连（css sticky footer）布局
文章目录什么是黏连布局（css sticky footer）方法一：footer 上用负的 margin-top方法二：负margin-bottom方法三：flex布局什么是黏连布局（css sticky footer）当main的高度足够长的时候，紧跟在<\main>后面的元素<\footer>会跟在其后面;当<\main>元素比较短的时候（比如...
2019-04-21 13:21:25
1930
原创 css经典布局系列三——三列布局(圣杯布局、双飞翼布局)
文章目录三列布局背景介绍定位实现三列布局浮动实现三列布局圣杯布局双飞翼布局三列布局背景介绍三列元素，左右元素固定宽度；中间元素自适应；<div id="left"> left</div><div id="middle"> middle</div><div id="right"> right</div>...
2019-04-21 13:07:36
6306
原创 css经典布局系列一——垂直居中布局
文章目录元素水平垂直居中方法一：同宽高+padding方法二：absolute + margin:auto方法三：absolute + 负margin（或transform）方法四：inline-block+table-cell方法五：flex布局文字元素的垂直水平居中元素水平垂直居中设置两个盒子，关系是父子：父元素<body> <div class="pare...
2019-04-20 19:59:20
539
原创 css经典布局系列二——等分等高布局
文章目录一列定宽，一列自适应float + marginfloat + overflowtableflex等分布局float+百分比flextable等高布局tableflexfloat多列的等高布局一列定宽，一列自适应要求两列，左边一列固定宽度，右边一列根据浏览器自适应；<div class="parent"> <div class="left"> ...
2019-04-20 19:58:06
668
原创 包管理工具之二——yarn
文章目录yarn（Facebook开发的包管理工具）yarn（Facebook开发的包管理工具）yarn是Facebook开源的新的包管理器，可以用来代替npm配置 npm install yarn -g特点：有缓存，没有自己的仓库地址地址：https://yarnpkg.com/zh-Hans/常用命令yarn --versionyarnyarn init //生成pac...
2019-04-08 18:56:24
331
原创 前端需要了解的http协议
HTTP协议HTTP概述http协议是用来规定客户端和服务器间通信的报文的格式的；客户端和服务器端通信的内容称为报文；客户端和服务器间通信是基于请求和响应的模式的；客户端给服务器发送请求报文，服务器给客户端返回响应报文；服务器：接收请求返回响应；请求 request响应 responsehttp客户端和服务器端客户端发送给服务器的请求就相当于是客户端给服务器写信（请求报...
2019-04-08 17:51:20
2177
原创 几个维度了解webpack（三）
几个维度了解webpack（三）文章目录几个维度了解webpack（三）Vue和webpack使用vue脚手架创建项目vue-cli创建项目文件夹分析Vue和webpack分析点项目结构基本命令开发配置工具配置其他使用vue脚手架创建项目使用vue-cli搭建文件夹使用npm全局安装vue-cli，在cmd中输入一下命令：npm install --global...
2019-03-30 17:03:10
223
原创 几个维度了解webpack（二）
几个维度了解webpack（二）文章目录几个维度了解webpack（二）webpack的高阶（应用）搭建开发环境webpack watch modewebpack-dev-serverdevServer配置ProxyModule Hot Reloading模块热更新Source Map调试JS SourceCSS SourceEsLint检查代码格式eslint配置参数开发环境和生产环境开发环境...
2019-03-30 17:01:20
300
原创 了解js的原型与继承，看这一篇就够了
JS对象的原型&amp;对象继承文章目录JS对象的原型&amp;对象继承对象基础对象介绍对象创建模式1.对象字面量模式2.Object构造函数的模式3.工厂模式4.自定义构造函数模式；对象高级原型与原型链什么是原型原型的扩展原型链new关键字做了什么对象的继承复制属性式继承原型继承:（不准确，待定问题）原型链继承 : 得到方法借用构造函数 : 得到属性组合继承寄生组合式继承对象基础对象介绍...
2019-02-16 15:20:55
1084
原创 vue源码简单解析（以类似vue源码的js项目为主进行的解析）
Vue源码解析文章目录Vue源码解析基础知识准备将伪数组转化为真数组节点类型对象的属性描述符对象的两个方法DocumentFragment重要概念数据代理模版解析表达式解析指令解析一般指令解析事件指令解析数据劫持--&amp;amp;gt;数据绑定1.数据绑定(model==&amp;amp;gt;View):（其实就是结果）2.数据劫持（其实是本质技术）3.四个重要对象双向数据绑定基础知识准备vue的源码只适用于IE8...
2018-09-27 11:57:14
629
原创 几个维度了解webpack（一）
几个维度理解webpack几个维度理解webpack基于的版本webpack基础webpack了解环境准备版本功能进化webpack概念entryOutputLoadersPlugins名词webpack使用打包JS编译ES6/7babel插件babel polyfillbabel runtime transformTypesrip...
2018-08-01 16:00:02
662
原创 webpack初步了解
webpack初步了解webpack初步了解构建工具构建工具的功能常用的构建工具webpack介绍webpack命令webpack常用配置介绍出入口 Entry&Outputentry配置output的配置模块 Module模块加载（转换）器 Loaderloader学习使用loader的三种方式babel插件 Pluginweb...
2018-03-12 16:31:26
747
原创 Webpack基本配置介绍
webpack基本配置的介绍webpack详细介绍entry和output配置plugin插件loader加载器webpack
2018-02-26 15:40:03
2704
原创 elementui使用中遇到问题
vue项目elementUI中el-tree组件修改图标的方法vue项目elementui中uploade上传的文件附带其他数据当文件未改变时附加数据单独上传elementui中的el-form的重置resetFields不起作用elementui中el-table根据返回数据范围的不同显示不同字体颜色
2018-01-03 17:40:38
11233
原创 elementui树形组件的自定义增删节点
elementUI树新增和删除的功能vue项目 elementui树el-tree新增和删除节点elementui新增和删除节点树el-tree新增和删除节点图标vue和elemenui树
2018-01-03 17:31:06
33348
14
原创 Comment.js模块暴露方法（exports、module.exports）的区别
exports和module.exports的区别js模块化中的暴露
2017-09-07 16:19:18
3394
原创 js高级内容：对象描述符
对象的查询和设置对象的查询和设置属性特性属性描述符概念获取方式属性描述符设置方式访问描述符概念基于对象属性的几大特性对象常量属性禁止属性扩展密封对象冻结对象对象属性的遍历对象的设置和获取伪数组属性特性属性描述符概念属性描述符又叫元属性，也可以认为它是属性的属性。 对象属性的属性描述符一共有四个： configurable: 表示能否通过delete来删除属性从而重新
2017-09-06 23:11:43
512
转载 href 和 src 的区别
href 和 src 的定义与区别href和src是有区别的，而且是不能相互替换的。我们在可替换的元素上使用src，然而把href用于在涉及的文档和外部资源之间建立一个关系。src 是指向物件的来源地址，是引入。在 img、script、iframe 等元素上使用；href 是超文本引用，指向需要连结的地方，是与该页面有关联的，是引用。在 link和a 等元素上使用。使用区别：src通常用作“
2017-09-06 19:20:00
743
转载 localStorage用法总结
localStorage用法小总结首先在开发者工具的Console中，输入了：localStorage. 清空localStoragelocalStorage.clear() // undefined localStorage // Storage {length: 0}存储数据localStorage.setItem("name","caibin") /
2017-09-04 19:58:00
606
原创 React框架快速入门
React快速入门React快速入门ReactJS介绍ReactJS是什么React高效的原因React的几个重要概念React的使用与使用有关的理解写个Hello worldReact组件自定义组件一定义组件二渲染组件标签组件的三大属性组件的3大属性之一 props属性组件的3大属性之二 refs属性组件的3大属性之三 state属性React其他操作双向绑定组
2017-08-29 21:07:08
3602
原创 聊聊会话控制——cookie&session
会话控制Cookiesession会话控制http协议是一个无状态的协议；服务器不能区分出两次请求是否发送自同一个客户端；但是在实践开发中确实有该需求，而且十分的迫切；会话控制主要采用两个技术Cookie和Session;CookieCookie相当于服务器发送给浏览器的一张票，服务器将cookie发送给浏览器后，浏览器每次访问都会将cookie发回，这样服务器就可以根据浏览器发回的c
2017-08-24 17:28:14
412
原创 Express框架快速入门
Express框架Express框架快速入门Express框架的使用Express的路由Express的中间件Express的模版引擎Ejs模版
2017-08-22 16:48:10
1418
原创 nodejs中需了解的http协议
http协议HTTP之URLHTTP之请求消息Requestget请求post请求响应报文HTTP的状态码HTTP工作原理
2017-08-21 21:24:13
383
原创 ES5-ES6的部分新特性
ES5-ES6新特性介绍ES5新特性严格模式JSON的对象Object扩展Array扩展function扩展ES6新特性新关键字let关键字const定义一个常量变量的结构赋值模版字符串简化对象写法三点运算符形参的默认值class类字符串扩展数值扩展数组扩展Object扩展Set和Map数据结构遍历
2017-08-17 23:56:11
848
原创 Angular框架介绍
Angular简单使用介绍Angular依赖对象和依赖注入Angular的重要对象Angular的常用指令AngularJS小项目练习
2017-08-15 20:08:20
8597
10
原创 H5的canvas画布使用
H5的canvascanvas画布canvas上绘制图形canvas给绘制的图形设置样式canvas中绘制图像canvas中的变形canvas标签
2017-08-14 22:46:54
7926
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人