和芾°-CSDN博客

原创 npm加载highcharts-more(极坐标)

import Highcharts from 'highcharts'import highchartsMore from 'highcharts/highcharts-more';import HighchartsReact from 'highcharts-react-official' //reacthighchartsMore(Highcharts);

2020-02-10 14:56:51 788 2

原创 js笔记[2]

一.防抖、节流①.防抖（debounce）:当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。个人理解:需要持续一段时间内不触发事件后，才能调用函数。示例://延迟执行-通过定时器实现,触发事件后delay/1000秒后执行函数function debounceFun (callback,del...

2019-09-06 11:17:23 217 1

原创 react笔记

个人随笔，主要记录学习react时的个人理解，方便回顾。。一、context解决问题：多个嵌套组件中向深层组件传props需要嵌套传递问题。个人理解：在调用context的组件中，建立一个类似针对该组件为域(包含该组件以及其子孙组件)的变量，这个变量可以被该组件以及其子孙组件访问。例:// Context 可以让我们无须明确地传遍每一个组件，就能将值深入传递进组件树。// ...

2019-08-30 15:21:37 161

原创 js图片预加载+懒加载

js图片预加载[解决图片加载闪烁问题]1.图片加载闪烁问题问题说明：图片未全部加载导致每次加载一部分后，父(div)高度被撑开，视觉上就有闪烁效果解决思路:图片全部加载完成前隐藏img标签，全部加载完成后显示img标签代码如下://dom<div id="img"></div>//javascript(function () { var r...

2019-08-20 17:12:21 283

原创移动端前端开发问题若干踩坑

1.滚动穿透问题弹出层内容滚动时，body跟随滚动。解决方案：https://blog.csdn.net/weixin_43921521/article/details/914341652.ios浏览器的input，textarea有内上边框阴影解决方案：css样式box-shadow:0px 0px 0px rgba(0,0,0,0); -webkit-appearance:non...

2019-08-05 10:36:33 433

原创 html input输入值分段

<-基于react->一、身份证号分段//dom<input placeholder="请输入开户身份证号" maxLength={21} onChange={onChangeIdcard} value={idcard}></input>//maxLength为(18+3个空格=21)//react.jsconst [idca...

2019-07-26 11:24:10 1519

转载常用正则表达式

一、校验数字的表达式 - 数字：^[0-9]*$ - n位的数字：^\d{n}$ - 至少n位的数字：^\d{n,}$ - m-n位的数字：^\d{m,n}$ - 零和非零开头的数字：^(0|[1-9][0-9]*)$ - 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$ - 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1...

2019-07-24 15:23:49 88

原创记[移动端滚动穿透问题]

描述弹出层内容(比如弹框)滚动时，body跟随滚动。方案：方案一：overflow: hidden将body的css中overflow设置为hidden//禁止滚轮事件document.body.sytle.overflow='hidden'缺点:因移动端内核原因，只适用于PC端，移动端上无效果。方案二：touchmove + preventDefault functi...

2019-06-11 14:29:02 290

原创关于proto(左右都是2个_)和prototype的一些认识

关于__proto__(左右都是2个_)和prototype的一些认识I._proto_:1.这个属性是实例对象(子)的属性，每个实例对象都有一个__proto__属性，这个属性指向实例化该实例的构造函数(包含能从父里继承到的属性和方法)的原型对象（prototype）。2.因为实例中有__proto__属性所以每个实例就能直接调用构造函数中prototype里的属性乃至方法(因为这些属性和...

2019-06-06 17:23:00 373

原创 SVN报clean up

SVN报clean up报错:previous operation has not finished run cleanup…解决:①.删除.svn文件夹中wc.db数据库文件里work_queue的内容。[网上基本都是使用sqlite来处理，但是作者处理时失效]②.使用svn自带的clean up。在项目中右键然后勾选，点击OK，出现成功提示，可以重新update项目了...

2019-06-05 14:47:33 206

原创 flex布局兼容问题

flex布局兼容问题flex布局分为旧版本dispaly: box;，过渡版本dispaly: flex box;，以及现在的标准版本display: flex;。所以如果你只是写新版本的语法形式，是肯定存在兼容性问题的。Android2.3 开始就支持旧版本 display:-webkit-box;4.4 开始支持标准版本 display: flex;IOS6.1 开始支持旧版本 d...

2019-05-29 17:34:16 891 1

原创 npm一些操作

1.npm设置缓存路径1. npm config set prefix "D:\ProgramFile\nodejs\node_modules\node_global"2. npm config set cache "D:\ProgramFile\nodejs\node_modules\node_cache"2.各种npm（安装完cnpm后建议都用cnpm）1.cnpm:npm ins...

2019-04-03 16:48:59 490

原创 git 操作笔记

①.回退历史版本1.复制历史版本id2.打开git编辑器3.本地回退git reset --hard 历史版本ID4.将远程库同步git push origin HEAD --force

2019-03-07 19:01:51 199

原创 js笔记[1]

①.数组去重:结合ES6I.利用Set结构和Array.fromfunction unique(arr) { return Array.from(new Set(arr)) } var arr = [1, 2, 3, 1, 5, &amp;amp;amp;quot;1&amp;amp;amp;quot;] var uniqueArr = unique(arr) console.log(arr) //[ 1, 2, 3, 1, 5, '1' ]...

2019-03-07 14:23:55 275

原创 vue中引用axios

①.引入axios终端输入: npm install axios②.main.js加上配置import axios from 'axios' import Qs from 'qs'//QS是axios库中带的，不需要我们再npm安装一个 Vue.prototype.$axios = axios; //$axios：在需要axios的vue文件中引用axios...

2019-01-30 11:42:40 2857 1

原创 koa2解决跨域问题

1、安装 koa2-corsnpm install --save koa2-cors2、引入 koa2-cors 并且配置中间件(在app.js文件配置)var Koa = require('koa');var cors = require('koa2-cors');var app = new Koa();app.use(cors());...

2019-01-30 11:33:22 1253

原创引用和拷贝

①．拷贝：number,string类型都是基本类型，而基本类型存放在栈区，访问时按值访问，赋值是按照普通方式赋值；例子：改变a,b的值，两者的值不相关②．引用：对象和数组是通过引用来赋值的，所以改变a的同时b也会跟着改变。对象和数组的赋值类似指针，赋的是地址，但是改变的是地址所对应的值。例子：改变a,b的值，会连带另一个值的改变...

2019-01-30 11:31:04 712

转载 node安装Mysql模块

node安装Mysql模块①.cmd安装淘宝镜像npm install -g cnpm在项目中安装MySQL模块cnpm install mysql ②.配置环境变量在环境变量中增加C:\Program Files\MySQL\MySQL Server 8.0\bin变量名称可以随便起，比方说mysql_home变量值为C:\Program Files\MySQL\MySQL ...

2019-01-30 11:27:09 6033 1

原创小程序相关问题+解决方案

①.open-data无法设置圆形头像例：&amp;amp;amp;amp;amp;lt;open-data type=&amp;amp;amp;amp;quot;userAvatarUrl&amp;amp;amp;amp;quot; class=&amp;amp;amp;amp;quot;userImage&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt;&

2019-01-30 11:26:58 182

csj的前端笔记