前端实用资源库汇总

包管理器 管理着 JavaScript 库,并提供读取和打包它们的工具。 Yarn: Yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具官网 npm:npm 是 JavaScript 的包管理器。官网 Bower:一个 web 应用的包管理器。官网 component:能构建更好 web 应用的客户端包管理器。官网 spm:全新的静态包管理器。官网 jam:一个专注于浏览器端和兼容 RequireJS 的包管理器。官网 jspm:流畅的浏览器包管理器。官网 Ender:没有库文件的程序库。官网 volo:以项目模板、添加依赖项 …

代码审查清单

审查之前,应确保以下原则: 该代码编译并通过静态分析而不会发出警告 该代码通过了所有测试(单元测试,集成测试和系统测试) 您已仔细检查拼写错误,并进行了清理(注释,待办事项等) 您概述了此修改的含义,包括修改的原因以及修改的内容 执行 这个代码更改是否完成了它应该完成的任务? 这个解决方案可以简化吗? 此更改是否添加了不需要的编译时或运行时依赖项? 是否使用了不应该使用的框架、 API、库、服务? 是否没有使用框架、 API、库、服务来改进解决方案? 代码是在正确的抽象层上吗? 代码是否足够模块化? 你是否会用一种不同的方式来解决这个问题,这种方式在代码的可维护性、可读性、性能和安全性方面会大 …

vscode 自动生成注释 koroFileHeader

koroFileHeader是一款用于在vscode中用于生成文件头部注释和函数注释的插件,支持所有主流语言,功能强大,灵活方便。 文件头部注释:在当前编辑文件中使用快捷键:window:ctrl+alt+t/mac:ctrl+cmd+t,即可生成文件头部注释。 函数注释: 将光标放在函数行或者将光标放在函数上方的空白行 使用快捷键window:ctrl+alt+t,mac:ctrl+cmd+t,即可生成函数注释。 // 头部注释 “fileheader.customMade”: {     // 头部注释默认字段     “Author”: & …

百度地图移动端点击事件无效

1. 覆盖物在移动端点击事件无法触发 circle.addEventListener(“click”, ()=>{}) 移动端上事件不触发 解决方案: 初始化设置地图绘制方式 drawer const map = new BMap.Map(“map”, {drawMargin: 100, drawer: BMAP_SVG_DRAWER_FIRST }) 地图绑定自定义事件 map.addEventListener(‘click’, function(e) { circle.customClickHandler_ = function() { console.log …

uniapp 父组件与 renderjs 子组件通信

renderjs 不能使用 uni.$on和 uni.$emit 通信。 父组件向子组件通信 使用 prop 传递数据,子组件监听数据变化 <view id=“map” :prop=“control” :change:prop=“map.update”></view> 子组件向子组件通信 父组件创建回调函数,子组件特殊方法调用 // 向父组件传参 UniViewJSBridge.publishHandler(‘onWxsInvokeCallMethod’, {   cid:  …

vue3.0 引用百度地图

1.新建baiduMap export function baiduMap(ak) {   return new Promise(function(resolve, reject) {     window.baiduMap = function() {       resolve()     }     var script = document.createElement(‘script’)     script.type = ‘text/javascript’     script.src = `http://api.map.baidu.c …

js 获取精准DOM尺寸&Css伪类操作

Window.getComputedStyle()方法返回一个对象,该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值。 let style = window.getComputedStyle(element, [pseudoElt]); element  用于获取计算样式的Element。 pseudoElt 可选 指定一个要匹配的伪元素的字符串。必须对普通元素省略(或null)。 返回的style是一个实时的 CSSStyleDeclaration 对象,当元素的样式更改时,它会自动更新本身。 getComputedStyle与style的区别 使用el …

前端高效实用 JavaScript 库梳理

工具类 lodash 一个一致性、模块化、高性能的 JavaScript 实用工具库 big.js 一个小型,快速的JavaScript库,用于任意精度的十进制算术运算 文件处理 file-saver 一个在客户端保存文件的解决方案,非常适合在客户端上生成文件的Web应用程序 js-xlsx 一个强大的解析和编写excel文件的库 网络请求 Axios 一个基于 Promise 的 HTTP 库,可用在 Node.js 和浏览器上发起 HTTP 请求,支持所有现代浏览器,甚至包括 IE8+ fly.js 一个基于promise的http请求库, 可以用在node.js, Weex, 微信小程序 …