yushare

缘起node_modules很久以前，前端圈子里就流传着这么一张关于node_modules的图 node_modules困境 这就是当时的node_modules困境，当使用 npm... 阅读全文…

公司项目，因为一些特殊原因，需要兼容到 IE，最低还要兼容到 chrome 33，记录一下解决过程。 起因是在项目中引入了一个新包 crypto-js，其中的一个文件 enc-base64url.js 中的 parse 和 stringify 方法使用ES6的默认参数语法，导致低版本浏览器无法解析：12parse: function (base64Str, urlSafe=true)
... 阅读全文…

前端工程化-初识前端工程化 前端工程化-自动化构建工具gulp gulp 是一个前端自动化构建工具。他可以将开发流程中让人痛苦或耗时的任务自动化，从而减少你所浪费的时间、创造更大价值。 查看本文对应的的演示项目请点击这里 hello-gulp。 gulp的特点 简单：代码优于配置、node 最佳实践、精简的 API 集，gulp 让工作前所未有的简单。 高效：基于 node 强大的流(s... 阅读全文…

前端工程化-初识前端工程化 前端工程化-自动化构建工具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';async... 阅读全文…

在日常的前端开发过程中，我们少不了会使用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基准分别为初始包含块（也就是视口... 阅读全文…