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