yushare

前端工程化-初识前端工程化 前端工程化-自动化构建工具gulp 在进行前端开发之前，让我们试想这样一些场景： 想使用ES6+新特性，但是兼容性有问题 想使用Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持 想使用模块化的方式提高项目的可维护性，但运行环境不能直接支持 部署上线前需要 手动 压缩代码以及资源文件，部署过程需要 手动 上传代码到服务器 多人协同开... 阅读全文…

在微信小程序中使用sass，需要自己做一些相关配置，这里有一个demo，这里介绍两种常见的配置方式，亲测可用。 查看本文对应的的演示项目请点击这里 wechat-miniprogram-scss。 使用VSCode的插件进行配置(推荐) 安装 easy sass 插件 修改 settings.json 配置12345678910"easysass.formats": [ ... 阅读全文…

说到捕获JS中错误的方法，我们首先想到的就是try/catch了，这也是我们在实际业务中最常用到的。本文我们看看如何在async/await中优雅的捕获错误。 什么是async/await async/await是ES7中提出来的新特性，他是基于Promise来使用的，常见的用法：123456789import userLogin from '../api/user/login&#... 阅读全文…

在日常的前端开发过程中，我们少不了会使用npm包。光会用是不行的，那如何发布一个自己的npm包呢？ 创建并发布一个npm package 首先在本地创建一个初始化的包： 12345# 创建一个初始的文件夹mkdir initial-package && cd initial-package# 使用默认配置初始化一个package.json文件npm init --yes 执... 阅读全文…

什么是重绘和回流 重绘：当渲染树中的一些元素需要更新属性，而这些属性只是影响元素的外观、风格，而不会影响布局的操作，比如 border-radius，我们将这样的操作称为重绘。 回流：当渲染树中的一部分（或全部）因为元素的规模尺寸、布局、隐藏等改变而需要重新构建的操作，会影响到布局的操作，这样的操作我们称为回流。任何会改变元素几何信息（元素的位置和尺寸大小）的操作，都会触发回流。 常见引起... 阅读全文…

如何给一个深层级数组对象里的某一个属性赋值 通常给一个值进行修改或者赋值时，我们都知道使用setData，比如 this.setData({ index: 1 })，但是如果我们想要修改一个层级很深的对象的某一个属性值是，该怎么做呢？ 123456789101112131415161718192021const obj = [ { // ... code }... 阅读全文…

CSS中不同属性设置为百分比时对应的计算基准 公式：当前元素某CSS属性值 = 基准值 * 对应的百分比 元素的 position 为 relative 和 absolute 时，top和bottom、left和right基准分别为包含块的 height、width 元素的 position 为 fixed 时，top和bottom、left和right基准分别为初始包含块（也就是视口... 阅读全文…

什么是双向数据绑定 View（视图）的变化可以实时的让Model（数据）发生变化，同样的，Model的变化也是实时更新到View上。 Vue2.x采用数据劫持和发布订阅模式实现双向数据绑定，通过ES5提供的Object.defineProperty()方法来劫持（监控）对象属性的getter和setter, 并在数据（对象）发生变动时通知订阅者，触发相应的监听回调。由于是在不同的数据上... 阅读全文…

前提 假设在master分支的B点拉出一个新的分支dev，经过一段时间的开发后： master分支上有两个新的提交M1和M2 dev分支上有三个提交D1、D2和D3 如下图所示： 现在我们完成了dev分支的开发测试工作，需要把dev分支合并到master分支…… merge这是最基本的merge方式，就是把提交历史原封不动的拷贝下来，包含完整的提交历史记录。 12$ git checko... 阅读全文…

区别 DOMContentLoaded：HTML文档（DOM）被完全加载和解析完成之后触发，不等待styles、images、js等资源的加载； load：在HTML文档和所有相关的资源全部加载加载完成后才会触发； DOMContentLoaded绑定在document，load绑定在window。12345678document.addEventListener('DOMCont... 阅读全文…