- 博客(6)
- 收藏
- 关注
原创 CSS中的弹性盒布局(flex)
弹性盒布局(FlexBox)FlexBox布局模型FlexBox布局属性容器属性display功能:用来指定元素是否使用的弹性布局,给父容器设置该属性。.flex-container{ display:flex;/*块级伸缩属性*/ display:inline-flex;/*行内伸缩属性*/}flex-direction功能:控制伸缩容器中主轴的方向,同时也决定了伸缩项目的方向。.flex-container{ flex-direction:row;/*默认
2020-08-09 17:27:50
223
原创 Git操作指令汇总
Git操作指令汇总配置操作指令# 配置用户信息git config --global user.name "liushijing3"git config --global user.email "liushijing3@jd.com"# 设置git使用的默认的文本编辑器git config --global core.editor vscode# 差异分析工具git config --global merge.tool vimdiff# 查看配置信息git config --lis
2020-07-31 15:27:07
251
原创 Node.js中的模块机制Common.js
模块机制CommonJS规范JavaScript的规范是薄弱的,具有以下缺陷:没有模块系统;标准库较少;没有标准接口;缺乏包管理系统。CommonJS的模块规范模块引用 使用require()方法来引用。示例:var math = require('math');模块定义 使用exports导出当前模块的方法或者变量,是唯一的导出的出口。exports是模块module的属性。示例://math.jsexports.add = function(){
2020-07-09 20:19:02
211
原创 Webpack的模块热替换(HMR)配置
模块热替换HMR(Hot Module Replacement)开启HMRHMR已经集成在webpack模块中,所以不需要再单独安装模块。方法1: 在运行webpack-dev-server命令时,通过**–hot**参数去开启这个特性。方法2: 配置两个地方:将devServer对象中的hot属性设置为true载入一个webpack内置的插件(HotModuleReplacementPlugin)配置代码:// ./webpack.config.j
2020-07-09 20:17:28
675
原创 Vue响应式原理分析
Vue响应式原理数据驱动数据响应式:数据模型仅仅是普通的JavaScript对象,当修改数据时,视图会进行更新,避免了繁琐的DOM操作,提高开发效率。双向绑定:数据改变会触发视图改变;视图改变也会触发数据改变;数据驱动:开发过程中仅需要关注数据即可。数据响应式核心原理-Vue 2官方文档:Vue 2.x响应式原理核心:Object.defineProperty原理图:模拟源码:单个属性://模拟datalet data={ msg:'Hello World'
2020-07-09 20:10:39
203
原创 安装vue devtools调试工具时出现的Cannot find module '@vue-devtools/build-tools'问题解决
vue devtools安装问题打包问题:Cannot find module '@vue-devtools/build-tools’问题原因:github中下载的版本是最新的,还不是很稳定,可以尝试切换标签页选择其它的版本,例如我选择了v-5.1.0。vue devtools 下载地址.后续进入下载的文件夹中依次执行如下指令即可安装成功。安装指令// 第一步npm install...
2020-05-05 22:35:15
3394
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人