- 博客(6)
- 收藏
- 关注
RSS订阅原创 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
184
原创 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
223
原创 Node.js中的模块机制Common.js
模块机制 CommonJS规范 JavaScript的规范是薄弱的，具有以下缺陷： 没有模块系统； 标准库较少； 没有标准接口； 缺乏包管理系统。 CommonJS的模块规范 模块引用 使用require()方法来引用。 示例： var math = require('math'); 模块定义 使用exports导出当前模块的方法或者变量，是唯一的导出的出口。exports是模块module的属性。 示例： //math.js exports.add = function(){
2020-07-09 20:19:02
165
原创 Webpack的模块热替换(HMR)配置
模块热替换 HMR(Hot Module Replacement) 开启HMR HMR已经集成在webpack模块中，所以不需要再单独安装模块。 方法1： 在运行webpack-dev-server命令时，通过**–hot**参数去开启这个特性。 方法2： 配置两个地方： 将devServer对象中的hot属性设置为true 载入一个webpack内置的插件(HotModuleReplacementPlugin) 配置代码： // ./webpack.config.j
2020-07-09 20:17:28
592
原创 Vue响应式原理分析
Vue响应式原理 数据驱动 数据响应式： 数据模型仅仅是普通的JavaScript对象，当修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率。 双向绑定： 数据改变会触发视图改变； 视图改变也会触发数据改变； 数据驱动： 开发过程中仅需要关注数据即可。 数据响应式核心原理-Vue 2 官方文档： Vue 2.x响应式原理 核心： Object.defineProperty 原理图： 模拟源码： 单个属性： //模拟data let data={ msg:'Hello World'
2020-07-09 20:10:39
179
原创 安装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
3354
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人