摘要：
Vue工作机制 vue工作机制 Vue响应式的原理 依赖收集与追踪 编译compile html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <div id="app"> <!-- 插值 阅读全文
摘要：
在JavaScript中，`forEach` 方法是用来遍历数组的元素，并且它不能被中断或退出。如果你需要在满足某个条件时中断循环，你可以考虑使用其他循环结构，比如 `for` 循环、`for...of` 循环或者 `while` 循环。下面是一些替代方案： 1. **使用 `for` 循环**: 阅读全文
摘要：
动态ref示例 import React from "react"; class MyComponent extends React.Component { myRef: React.RefObject<unknown>; private _refMaps: Map<any, any>; const 阅读全文
摘要：
说明 通常情况下，React 子组件使用父组件的方法或值通过props传递，反过来，父组件如果需要子组件的方法就需要子组件将自己的方法暴露出去。以下是一个实例： User.tsx import React, { FC, useEffect, useState, useRef } from 'reac 阅读全文
摘要：
在 React 应用程序中我们遇到以下警告消息： Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your applica 阅读全文
摘要：
本案例代码背景如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpo 阅读全文
摘要：
因为js使用的双精度浮点，所以在计算机内部存储数据的编码会出现误差，导致0.1+0.2=0.30000000000000004。和0.3相比较结果为false。 我目前所知道的解决方法有以下几种： 1.将其先转换成整数，再相加之后转回小数。具体做法为先乘10相加后除以10.如下图 let x=(0. 阅读全文
摘要：
1.include的用法 includes 可以判断一个数组中是否包含某一个元素，并返回true 或者false ['a','b','c'].includes('a') true ['a','b','c'].includes(1) false 2.some方法的用法 一真即真 every方法的用法 阅读全文
摘要：
1、首先我们要给div一个固定的高度或者最大的高度（height）2、设置overflow为scroll（如果只想保留横向或者竖向的滚动条的话，直接设置overflow-x或overflow-y）3、给改div或者整个页面添加css，就可以了 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸* 阅读全文
摘要：
const giftsMapRef = useRef({}) const giftRef = (ele:HTMLElement, giftId:number) =>{ giftsMapRef.current['gift-'+giftId] = ele; } <div className='gift- 阅读全文
摘要：
目录 一、类组件的情况下 1、定义父组件(直接使用ref) export default class UserRef1 extends Component { constructor(props) { super(props); this.child = React.createRef(); } f 阅读全文
摘要：
1、redux-thunk 安装 （redux-thunk 是一个 Redux的中间件） npm install redux-thunk --save // 或者 yarn add redux-thunk 2、在创建 store 时,使用 redux, redux-thunk 配置 redux-de 阅读全文
摘要：
js两个数组中去重应用还是比较广泛的，正常想法就是使用for循环进行遍历，这也是第一时间能够想到的，但是往往想到这个方法的时候，也都会考虑一下有没有更优的解决方案，那使用filter就显得效率很高了。 js 删除两个数组中id相同的对象 let arr1 = [{id:'1',name:'json' 阅读全文
摘要：
首先NodeList和HTMLCollection都是DOM节点的集合。 NodeList中包含的节点类型可能是Element/Text/Comment/Document/DocumentFragment等，我们知道nodeType的种类有12种。NodeList由Node.childNodes和d 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <style type='text/css'> #test { padding: 1em; font-size: 50px; font-weight: bold; color: red !important; } </style> </he 阅读全文
摘要：
今天在跑项目过lint时报错了，如下图查了下大概意思是不要使用对象原型上的方法，因为原型上的方法可能被重写了。那重点来了如何修复呢？ // bad if (obj.hasOwnProperty('name')) { } // good if (Object.prototype.hasOwnPrope 阅读全文
摘要：
JS版 let list = [ { parentId: 0, id: 1, value: '1' }, { parentId: 3, id: 2, value: '2' }, { parentId: 0, id: 3, value: '3' }, { parentId: 1, id: 4, val 阅读全文
摘要：
自己做了个下拉加载组件 发现在ios弹性情况下不会出现预期的效果，在网上找了很久，自己也思考了很久总结了三个方法，来实现ios的兼容。 首先思考：ios为什么会出现情况？发现：在ios弹性触发的情况下 微信的监听页面滑动事件（onPageScroll）的 e.scrollTop会出现负数，且 ios 阅读全文
摘要：
之前我写过的文章当中，提过小程序的打包大小。所以特地去下载一个区域的地图的这种方法，是不存在的。 我用的导航主要使用的是应用外的导航，这篇文章可能对于非常熟悉小程序的小伙伴来说就是小case，所以只适合对于小程序开发不算特别熟悉的小伙伴看。 毕竟有些功能我也是第一次自己慢慢写，喜欢的话会找时间出一个 阅读全文
摘要：
1、字体下载 https://files-cdn.cnblogs.com/files/lguow/digifaw.rar （免费分享，点个赞再走呗） 2、引入 @font-face { font-family: digifaw; src: url('../../../common/font/digi 阅读全文
摘要：
这里用到while循环，这是同步的，利用while循环阻塞代码进程，已达到暂停的效果。 function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (t 阅读全文
摘要：
使用npm包：pinyin，这还是一个两年前发布的神库吧。 1、安装 yarn add pinying 1 2、使用 const pinyin = require("pinyin"); console.log(pinyin("中心")); // [ [ 'zhōng' ], [ 'xīn' ] ] 阅读全文
摘要：
针对CMS的tag标签有以下解释： 什么tag标签？ TAG标签是一种由自定义的一种标签，要比分类更加的准确，可以概括文章主要内容的关键词。 运用TAG标签，可以使网站的文章更容易被搜索引擎检索到。百度的搜索引擎尤其喜欢。 tag标签有什么用？ 通过给文章、产品定制标签 第一：可以让更多的人精准的找 阅读全文
摘要：
// superagent 是用来发起请求的，是一个轻量的,渐进式的ajax api,可读性好,学习曲线低,内部依赖nodejs原生的请求api,适用于nodejs环境下.，也可以使用http发起请求 // superagent-charset防止爬取下来的数据乱码，更改字符格式 // cheeri 阅读全文
摘要：
let str = '<img style="20px;height: 20px;" src="imgaddress.png" alt="">平安' let reg =/<img.*?src=[\"|\']?(.*?)[\"|\']?\s.*?>/i let value = str.replace( 阅读全文
摘要：
ElementUI el-tree 树形控件给节点添加图标 原文链接：https://www.cnblogs.com/cupid10/p/13820823.html TreeData为后端获取到的数据 <el-tree :expand-on-click-node="false" style="wid 阅读全文
摘要：
art-template页面模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
摘要：
实现将对象下所有key由驼峰/Pascal转成下划线分割： toSnakeCase({ UserName: 'toutiao', group: { GroupName: 'douyin' } }) => { user_name: 'toutiao', group: { group_name: 'do 阅读全文
摘要：
vuex的优点 1.解决了非父子组件的消息传递（将数据存放在state中） 2.减少了AJAX请求次数，有些情景可以直接从内存中的state获取 vuex的缺点 1.刷新浏览器，vuex中的state会重新变为初始状态 解决方案vuex-along ,vuex-persistedstate http 阅读全文
摘要：
egg-jwt 是一个生成token的插件 token的规则： 服务器返回的token数据基本结构是 Header.Payload.Signature， header、payload、signature三部分以'.'隔开。 例如： 1 2 3 eyJhbGciOiJIUzI1NiIsInR5cCI6 阅读全文
摘要：
一、Vuex是什么 Vuex是专门为Vuejs应用程序设计的状态管理工具。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 1、Vuex的构成 由上图，我们可以看出Vuex有以下几个部分构成： 1）state state是存储的单一状态，是存储的基本数据。 阅读全文
摘要：
由于egg多静态资源入口在一开始的时候是没有的，是后来增加的；但是文档写得不是太清楚所以小白不容易弄懂。在config.default.js文件中增加这个，将项目根目录下的public、publicData这两个文件夹作为静态资源入口；运行的时候egg会将这两个文件夹的资源放到prefix: '/p 阅读全文
摘要：
库操作 阅读目录 一 系统数据库 二 创建数据库 三 数据库相关操作 一 系统数据库 information_schema： 虚拟库，不占用磁盘空间，存储的是数据库启动后的一些参数，如用户表信息、列信息、权限信息、字符信息等performance_schema： MySQL 5.5开始新增一个数据库 阅读全文
摘要：
近来公司增加了nodejs微服务 它的主要任务是接收来自于现场的采集数据：作业记录和流转记录，动态构建一个基地的全景实时数据 暂时不涉及数据库。 如果要进行数据库操作，不建议使用本模块，由Springboot来设计一个Java版的模块。此模块只是进行实时内存数据的更新，并提供给新的中控界面进行使用。 阅读全文
摘要：
fs fs ( File System ) 文件系统 在node中通过fs模块来和系统中的文件进行交互 通过fs模块可以对磁盘中的文件做各种增删改查的操作 写入文件 1.同步写入 2.异步写入 3.简单写入 4.流式写入 读取文件 在fs模块中所有的方法都有两个版本 不带sync的，异步方法 带sy 阅读全文
摘要：
'use strict'; //这是一个简单的应用 var path = require('path'); var fs = require("fs") ; global.l = console.log; //检查某个目录是否存在 var stat = fs.statSync(path.join(_ 阅读全文
摘要：
参考链接： https://cnodejs.org/topic/5a9661ff71327bb413bbff5b https://github.com/nswbmw/node-in-debugging/blob/master/4.2%20Chrome%20DevTools.md （补充：推荐结合no 阅读全文
摘要：
那好，经过这么一比较，我们就可以得出结论了 innerHTML 输出当前标签的文本内容，如果标签内有子标签，会连子标签本身和子标签内的文本内容一起输出 innerText 只输出当前标签内的文本内容，如果标签内有子标签，那么也只输出子标签内的文本内容 outerHTML 输出当前标签的本身和标签内的 阅读全文
摘要：
现象：当两个空的块级元素嵌套时，如果内部的块设置有margin-top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin-top属性会绑架父元素（即将margin-top传递凌驾给了父元素）。就好比一个小兵，看到上级有漏洞，就假传圣旨，利用漏洞扩张自己的权利。只要设置父元素的bor 阅读全文
摘要：
篇文章主要介绍了vue自定义移动端touch事件之点击、滑动、长按事件的实例代码,需要的朋友可以参考下 用法： **HTML** <div id="app" class="box" v-tap="vuetouch" //vuetouch为函数名，如没有参数，可直接写函数名 v-longtap="{f 阅读全文
摘要：
可以有以下几种方式： （1）在要运行的test1.bat文件的同层目录新建一个test2.bat文件，内容如下： start test1.bat 然后执行此文件即可。 （2）在要执行的.bat文件加入 pause命令，然后执行 ping 192.168.8.8 pause （3）在要执行的.bat文 阅读全文