2206月 vue组件库的在线主题编辑器的实现思路 一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主题简单来说是通过修改预定义的scss变量的值来做到的，新体系下还做到了动态换肤，因为皮肤本质上是一种静态资源（CSS文件和字体文件），所以只需要约定一种...…
2206月 webpack3.0升级4.0的方法步骤 1.webpack3.11升级4.26 为了提升打包效率，在webpack3.11基础之上做了升级，webpack4.0发布以来，零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化，如果在项目开始使用4.0而不用vue-cli的默认配置，遇到的问题或许能少一些。 2.安装/升级依赖 这些依赖有...…
2206月 记一次react前端项目打包优化的方法 前文 之前一年多前接手的一个react项目，前段时间因为做业务中台项目，对公司现有的应用项目做中台化改造，这期间将项目部署到uat环境，测试期间，测试小妹妹和产品大叔都吐槽进入uat项目的时候要load很久，白屏时间超过30s，体验很差，生产不至于这么慢但也是白屏时间挺长的，所以减少白屏时间增加用户体验成为了当务之急。...…
2206月 Javascript模块化机制实现原理详解 1.概述 js发展初期暴露了其缺陷：缺乏模块，后来提出了commonJS规范来规范其模块的规范。作为JavaScript新手，发现对于其JavaScript的模块机制，不是很理解。我查阅了一些资料整理了JavaScriptCommonJS的原理和机制。 2.JavaScript 2.1无后端的项目 这类项目不能使...…
2206月 sharp.js安装过程中遇到的问题总结 由于Sharp基于C++的libvips库来实现，本地Mac开发完后在部署时安装sharp模块时会基于测试环境Liunx平台编译安装，测试环境安装时发现请求github下载libvips-8.9.1-linux-x64.tar.gz，所以只能失败告终。后来看源码和文档发现sharp项目考虑周到优先使用缓存和使用shar...…
2206月 JavaScript鼠标拖拽事件详解 本文实例为大家分享了js鼠标拖拽事件的详细实现代码，供大家参考，具体内容如下 图片如下: css代码 <style> *{ margin:0; padding:0; } #box{ width:200px; height:200px; background:url("./img/aio.png")no...…
2206月 12 种使用Vue 的最佳做法 作者：MattMaribojoc译者：前端小智来源：medium 随着VueJS的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我们开始吧。 1.始终在v-for中使用:key 在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可...…
2206月 viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放) 一、简介 Viewer.js是一款强大的图片查看器。 Viewer.js有以下特点： 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转（类似微博的图片旋转） 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式（可做屏保） 支持缩略图 支持标题显示 支持多种自定义事件 Viewer.js提供了纯JS...…
2206月 javascript实现简易数码时钟 本文实例为大家分享了javascript实现简易数码时钟的具体代码，供大家参考，具体内容如下 通过这个小例子复习一下Date对象的基本使用. 还可以用Date对象做定时器，计时器等等. 效果如图： 可以自己去找炫一点的图片来代替文字,原理都是一样,只是如果用图片代替文字，则定时切换图片即可. HTML代码： &l...…
2206月 vue+render+jsx实现可编辑动态多级表头table的实例代码 最近项目需要实现可编辑的动态多级表头表格，看了两天的文章，始终没有找到我想要的效果，在了解了render+jsx的基础用法后，自己基于element-ui封装了一个，数据格式参考element-uitable的数据。实现如下： 1.scoresTable <script> importscoresCol...…
