2206月 Vue + Scss 动态切换主题颜色实现换肤的示例代码 根据预设的配色方案，在前端实现动态切换系统主题颜色。 大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。 一、首先需要给项目下载配置Scss 1.安装依赖 np...…
2206月 JavaScript监听一个DOM元素大小变化 1.需求场景 开发过程中经常遇到的一个问题就是如何监听一个div的size变化。 比如我用canvas绘制了一个chart，当canvas的size发生变化的时候，需要重新绘制里面的内容，这个时候就需要监听resize事件做处理。window上虽然有resize事件监听，但这并不能满足我们的需求，因为很多时候，div的...…
2206月 浅析vue cli3 封装Svgicon组件正确姿势(推荐) vuecli3手把手教学封装Svgicon组件 第一步:在src文件下新建一个放置svg文件的文件夹 第二步:在components文件下新建一个Svg组件 这是一个文件夹专门用来存放项目里面需要使用的svg文件，比如a.svgb.svg… svg组件源码 <template> <svg:cl...…
2206月 分享一款超好用的JavaScript 打包压缩工具 背景 平时大家在开发Js项目的时候，可能已经离不开webpack等打包工具了。而webpack打包速度大概就是“能用“的水平。大概去年开始，我就开始在构想，如果能写一个极速的打包工具，功能未必需要很强，可能对小项目非常有用。去年我用C++写完parser之后，便没什么动力写下去了。但是最近发现有这个想法的不止我一个，F...…
2206月 基于jsbarcode 生成条形码并将生成的条码保存至本地+源码 引言 JsBarcode是一个用JavaScript编写的条形码生成器。它支持多种条形码格式，可在浏览器和Node.js中使用。如果你在项目中使用了jquery也可以使用jquery，但它不是依赖项。 导读 以前生成条码都是外网网站上生成，因生产环境在内网中，上不了外网，只能在项目中生成相应规则，故将此方法整理下来。 ...…
2206月 react组件基本用法示例小结 本文实例讲述了react组件基本用法。分享给大家供大家参考，具体如下： 组件间传值： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>test</title>...…
2206月 Node.js API详解之 tty功能与用法实例分析 本文实例讲述了Node.jsAPI详解之tty功能与用法。分享给大家供大家参考，具体如下： tty可以理解为终端的意思。tty模块提供终端相关的接口，用来获取终端的行数列数等。 通过consttty=require(‘tty');的方式引用tty模块 process.stdout.isTTY 说明： 此属性位于pro...…
2206月 微信小程序自定义navigationBar顶部导航栏适配所有机型（附完整案例） 前言 navigationBar相信大家都不陌生把？今天我们就来说说自定义navigationBar，把它改变成我们想要的样子（搜索框+胶囊、搜索框+返回按钮+胶囊等）。 思路 隐藏原生样式 获取胶囊按钮、状态栏相关数据以供后续计算 根据不同机型计算出该机型的导航栏高度，进行适配 编写新的导航栏 引用到页面 正文 ...…
2206月 react基本安装与测试示例 本文实例讲述了react基本安装与测试。分享给大家供大家参考，具体如下： 语法特点： 声明式编码：只在意结果不在意过程 组件化编码：html,css,js的集合 单向数据流：vue也是单向数据流，有一个双向绑定功能。 支持服务器端编写 高效：先生成一个虚拟DOM，然后在DOM中操作，再一次性返回到真实界面 首先安装好n...…
2206月 React.js组件实现拖拽排序组件功能过程解析 因为使用了react.js技术栈，所以封装优先考虑输入和输出。基于数据驱动去渲染页面、控制拖拽元素的顺序。 由于我不考虑兼容IE8等旧版本浏览器，拖拽的效果采用了HTML5的拖放（Drag和drop）。当然，如果要求兼容性丰富，使用鼠标点击的相关事件也很简单。 实现的效果如下： 第一步是先了解H5拖放的相关属性，MD...…
