zw233333-优快云博客

原创 dependencies和devDependencies的区别

主要的区别如下：denpendencies 被安装：在包含对应package.json文件的目录下运行npm install 时在任意其他目录下运行 npm install 包名时devDependencies是：在包含对应package.json文件的目录下运行npm install 时被安装（如果携带 --production参数，则不会被安装）在其他目录下运行 npm install 包名时不会被安装不会传递性地被安装...

2021-05-05 11:42:07 214

原创安装node-sass的几个关键

node版本要和安装的node-sass兼容安装node-gyp和window-build-tool参考：为什么node-sass总是安装失败？node-sass 安装失败的各种坑

2021-05-01 19:46:18 136

原创 css类名规范BEM用法

块__元素–修饰符page__button–primary每个部分内部使用-连接page-header__button–primary多个修饰符page-header__button–primary-light-active没有块circle-button–primary组合使用 <div class="page"> <div class="page-header"> <button class="page-header__button--.

2021-04-30 23:16:34 162 1

原创 vue项目，导致sourcemap失效的一个问题

在开发组件的时候，发现sourcemap失效了，在chrome的devtool里，不管是debugger跳转，还是点击抛出错误后面的文件路径跳转都直接跳到一个不相关的文件。经过反复试验，发现是因为不同组件目录下的vue文件名字都是index.vue,配置的sourmap将不同目录的index.vue文件混淆了，导致所有目录下的index.vue文件的sourmap都映射到同一个index.vue文件上了。...

2021-04-30 11:11:35 4078 5

原创吃透JSONP

注：文中代码均来自方应杭github实现//前端jasonp实现function jsonp(url) { return new Promise((resolve, reject) => { const random = "frankJSONPCallbackName" + Math.random(); window[random] = data => { resolve(data); }; const script = document.

2021-04-21 00:56:07 103

原创 DOM事件流模型与事件委托

dom事件流模型dom事件流分为两个阶段，首先执行的是事件捕获阶段，从外向内搜索元素上的事件监听器，发现对应类型监听器则执行。在搜索到达事件触发元素后，开始冒泡阶段，从内向外冒泡，搜索执行事件监听器。事件捕获阶段不能被取消。事件冒泡阶段有些部分事件可以取消冒泡，阻止事件继续向外传播事件委托事件委托的核心思想是通过监听一个容器元素，达到监听容器内指定类型元素的目的主要使用场景为：监听大量元素的事件时，通过减少添加的监听器数量，优化dom性能为运行期间需要动态添加和删除的元素添加监听事

2021-04-18 00:11:49 98

原创 jquery源代码对不同模块规范的支持

jquery源码 3.6.0( function( global, factory ) { "use strict"; if ( typeof module === "object" && typeof module.exports === "object" ) { module.exports = global.document ? factory( global, true ) : function( w ) { if ( !w.document ) {

2021-04-17 15:26:30 269

原创 vue-cli项目中的ES6导入导出语法总结

1.export {default as Sum} from './sum'解释：从sum文件中导出入默认模块，并以Sum为别名导出。是es6原生支持的导入再导出语法，等价于以下代码import Sum from './sum'export {Sum}2.import {A,B,C} from './components'解释：将./components目录作为一个模块，导入其中的A，B，C。并没有在webpack的官方文档中出现，猜测是因为webpack是基于nodejs的，.

2020-09-20 19:03:43 472

原创 android多线程asyncTask与Handler用法

前言：刚刚学，有什么问题欢迎指正。一、HandlerHandler是一个用作线程之间相互通信的类。Handler一共由四个部分组成 handler，Message，MessageQueue，Looper。其中：handler是用来发送消息的，message可以携带少量信息，MessageQueue是一个消息队列，而Looper是一个管理消息队列的类。当一条message通过hand

2017-09-25 18:47:19 223

qq_36647210的博客