wb.ouyang

毕竟几人真得鹿，不知终日梦为鱼

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

01 2020 档案

puppeteer的使用
摘要：目录： 1、puppeteer配置安装 2、puppeteer元素基本操作-输入文本与元素点击 3、puppeteer获取文本元素值 4、puppeteer处理多个元素 5、pupputeer切换iframe进行安居客登陆操作 6、puppeteer拖拽操作阿里云验证码 7、puppeteer自动抓 阅读全文

posted @ 2020-01-31 00:39 wenbin_ouyang 阅读(2283) 评论(0) 推荐(0) 编辑

js高级（一）
摘要：目录： 1、JSON.stringify()和JSON.parse()2、js 获取json对象所有key和value3、json对象删除某个字段4、删除数组指定的元素5、Array的splice(index, size, element)方法6、Array的unshift()和push()方法7、 阅读全文

posted @ 2020-01-30 20:53 wenbin_ouyang 阅读(168) 评论(0) 推荐(0) 编辑

React Select组件
摘要：官网： 1）http://jedwatson.github.io/react-select/ 2）https://github.com/JedWatson/react-select 3）https://www.npmjs.com/package/react-select demo结构： packag 阅读全文

posted @ 2020-01-22 11:32 wenbin_ouyang 阅读(4004) 评论(0) 推荐(1) 编辑

作图组件react-plotly.js和数据统计组件simple-statistics
摘要：simple-statistics官网：https://simplestatistics.org/docs/#median demo结构： package.json { "name": "react-blank", "version": "0.1.0", "private": true, "depe 阅读全文

posted @ 2020-01-21 18:03 wenbin_ouyang 阅读(1145) 评论(0) 推荐(0) 编辑

JavaScript日期加减
摘要：JavaScript日期加减 var date = new Date() // 对日期加减： date.setDate(date.getDate() + n) // 对月加减： date.setMonth(date.getMonth() + n) // 对年加减： date.setFullYear( 阅读全文

posted @ 2020-01-20 11:12 wenbin_ouyang 阅读(3846) 评论(0) 推荐(0) 编辑

javascript乘除算法解决浮点精度
摘要：参考https://www.cnblogs.com/tongshuangxiong/p/11200899.html mathDivide = (arg1, arg2, precision) => { if (precision undefined) precision = 4 let t1 = 0, 阅读全文

posted @ 2020-01-20 10:35 wenbin_ouyang 阅读(176) 评论(0) 推荐(0) 编辑

npm的chalk包的使用
摘要：使用chalk定义输出样式：Chalk comes with an easy to use composable API where you just chain and nest the styles you want. const chalk = require('chalk') console 阅读全文

posted @ 2020-01-18 22:53 wenbin_ouyang 阅读(1969) 评论(0) 推荐(0) 编辑

npm模块copy-to-clipboard复制内容到剪切板
摘要：import React from 'react' import copy from 'copy-to-clipboard' export default class App extends React.Component { constructor(props) { super(props) th 阅读全文

posted @ 2020-01-18 14:05 wenbin_ouyang 阅读(3277) 评论(0) 推荐(0) 编辑

js ECMAscript（三）原型，继承，this，bind，闭包，浅/深拷贝，正则表达式
摘要：目录： 1.原型的引入2.原型添加方法解决数据共享3.实例对象使用的属性和方法层层的搜索4.为内置对象的原型对象中添加方法5.原型及原型链6.原型指向可以改变7.原型指向改变如何添加原型方法8.实例对象和原型对象属性重名问题9.通过原型实现继承10.借用构造函数实现继承11.组合继承12.拷贝继承1 阅读全文

posted @ 2020-01-18 05:32 wenbin_ouyang 阅读(300) 评论(0) 推荐(0) 编辑

npm的qs包的使用：stringify()将json对象序列化成表单数据
摘要：console.log(Qs.stringify({id: link, key: secretKey}))输入结果格式；url编码后的 id=64d478c0-3904-11ea-a21e-fdd8236927e9&key=73QjHap%2BX0SR6Erqs%2F4BLQ%3D%3D impor 阅读全文

posted @ 2020-01-17 16:47 wenbin_ouyang 阅读(2074) 评论(0) 推荐(0) 编辑

git放弃本地某个文件或所有文件的修改
摘要：丢弃工作区某个文件的修改，添加到暂存区的不会丢弃：git checkout -- <文件路径> 放弃本地所有文件的修改：HEAD指当前分支的最新提交，reset --hard会重置当前文件，使得当前文件保持与HEAD一致。 git reset --hard HEAD 将文件从暂存区退回到工作区 1) 阅读全文

posted @ 2020-01-17 13:59 wenbin_ouyang 阅读(9526) 评论(0) 推荐(0) 编辑

git关联本地分支和远程分支, 在本地删除远程已经不存在的分支
摘要：git关联本地分支和远程分支：git branch --set-upstream-to=origin/<远程分支> <当前分支> 在本地删除远程已经不存在的分支： git fetch -p 删除本地分支： git branch -d <分支名> git branch -D <分支名> 或 git b 阅读全文

posted @ 2020-01-17 12:16 wenbin_ouyang 阅读(934) 评论(0) 推荐(0) 编辑

vs code代码提示的问题
摘要：正常情况的代码提示： 使用import后代码提示功能出现问题了： 解决方案第一步：F1->Restart TS server 再次测试import 解决方案第二步： 然后再F1->Restart TS server 阅读全文

posted @ 2020-01-17 10:43 wenbin_ouyang 阅读(597) 评论(0) 推荐(0) 编辑

js BOM（二）offset系列，scroll系列，client系列，封装变速动画函数
摘要：目录： 1.offset系列 * 在style标签中设置的css样式属性，不能使用如下方法: ele.style.width ele.style.height * 以后获取元素的宽和高，使用如下方法 ele.offsetWidth;//获取宽(包含边框) ele.offsetHeight;//获取高 阅读全文

posted @ 2020-01-16 00:04 wenbin_ouyang 阅读(216) 评论(0) 推荐(0) 编辑

解决antd design的Modal组件弹出卡顿的问题
摘要：代码： import React from 'react' import ReactDOM from 'react-dom' import Axios from "axios"; import copy from 'copy-to-clipboard' import { Input, Button, 阅读全文

posted @ 2020-01-14 12:13 wenbin_ouyang 阅读(3721) 评论(0) 推荐(0) 编辑

js BOM（一）window、location、history、navigator、定时器setInterval，setTimeout，轮播图
摘要：目录： 1.BOM介绍 2.系统对话框 3.页面加载事件 4.location对象 5.history对象 6.navigator对象 7.定时器setInterval 8.案例：图片摇摆 9.案例：一闪一闪亮晶晶10.一次性的定时器setTimeout11.案例：div背景色渐变12.案例：div 阅读全文

posted @ 2020-01-14 01:40 wenbin_ouyang 阅读(283) 评论(0) 推荐(0) 编辑

BizCharts渲染多条曲线时color的使用
摘要：html转义字符：https://tool.oschina.net/commons?type=2 BizCharts渲染多条曲线的例子：https://bizcharts.net/products/bizCharts/demo/detail?id=line-curved&selectedKey=%E 阅读全文

posted @ 2020-01-13 16:30 wenbin_ouyang 阅读(875) 评论(0) 推荐(0) 编辑

js DOM（三）节点、元素创建3种方式、为元素绑定多个事件addEventListener、attachEvent
摘要：目录： 1.节点的概念 2.节点的属性(nodeType,nodeName,nodeValue) 3.父节点(父元素) 4.获取子节点或子元素 5.获取节点、元素的方法（12行代码） 6.案例：div标签里面的p标签背景高亮(使用子节点或子元素的方式) 7.封装节点兼容代码 8.案例：切换背景图片 阅读全文

posted @ 2020-01-12 23:33 wenbin_ouyang 阅读(2231) 评论(0) 推荐(1) 编辑

js DOM（二）获取元素的方式、innerText、textContent、innerHTML、自定义属性
摘要：目录： 1.案例：阻止超链接默认跳转行为 2.案例：相册 3.案例：列表隔行变色 4.案例：列表鼠标进入高亮显示(鼠标进入和鼠标移出事件) 5.显示和隐藏二维码 6.通过name属性获取元素（表单标签才有那么属性） 7.根据类样式的名字获取元素 8.其他获取元素的方式 9.案例：div的高亮显示(鼠 阅读全文

posted @ 2020-01-12 21:34 wenbin_ouyang 阅读(3268) 评论(0) 推荐(0) 编辑

js DOM（一）注册事件、修改标签属性和样式
摘要：目录： 1.DOM的概念 2.为元素注册事件 3.案例：点击按钮显示图片及设置宽高 4.案例：点击按钮设置p标签的文本内容 5.案例：点击按钮修改超链接的地址及热点文字 6.案例: 点击按钮设置多个p标签内容 7.案例：点击按钮修改图片的alt和title属性 8.案例: 点击按钮修改多个文本框的值 阅读全文

posted @ 2020-01-12 21:09 wenbin_ouyang 阅读(1088) 评论(0) 推荐(0) 编辑

js ECMAscript（二）作用域，预解析，创建对象，内置对象
摘要：目录： 1、作用域 2、预解析 3、创建对象的三种方式 4、访问对象属性和方法的方式 5、json格式的数据及遍历 6、简单类型和复杂类型，参数传递 7、内置对象 8、js的Math对象 9、js的String对象10、js的Araay对象11、js的Date对象 1、作用域 <--返回目录 块级作 阅读全文

posted @ 2020-01-12 01:54 wenbin_ouyang 阅读(169) 评论(0) 推荐(0) 编辑

js ECMAscript（一）变量，类型，运算符，流程控制，数组，函数
摘要：目录： 1、js介绍 2、js的书写位置 3、js代码的注意事项和注释 4、输出消息的几种方式 5、变量 6、数据类型和typeof 7、类型转换 8、运算符 9、流程控制10、数组11、函数12、js的全局函数13、js的函数重载 1、js介绍 <--返回目录 * js是一款运行在客户端的网页编程 阅读全文

posted @ 2020-01-11 15:53 wenbin_ouyang 阅读(210) 评论(0) 推荐(0) 编辑

旧create-react-app项目集成jest+enzyme
摘要：在create-react-app创建的老项目上面集成jest-enzyme发现用上一篇博客的配置报错： 看报错知道是上篇博客的.babelrc.js的配置没有生效。 使用npm run eject指令将create-react-app项目的配置暴露出来，命令执行结果： Copying files 阅读全文

posted @ 2020-01-10 11:13 wenbin_ouyang 阅读(442) 评论(0) 推荐(0) 编辑

create-react-app项目集成jest+enzyme测试react组件
摘要：非create-react-app项目集成jest-enzyme参考https://github.com/facebook/jest/tree/master/examples/enzyme 1、create-react-app项目集成jest+enzyme 结构： 2、项目搭建 创建项目：creat 阅读全文

posted @ 2020-01-09 16:25 wenbin_ouyang 阅读(921) 评论(0) 推荐(0) 编辑

现代化前端测试
摘要：目录 1、现代化前端测试模型2、nodejs的断言模块assert3、单元测试断言库 chai4、mocha--JavaScript test framework5、测试的覆盖率--Istanbul, a JavaScript test coverage tool 1、现代化前端测试模型 <--返回 阅读全文

posted @ 2020-01-08 22:56 wenbin_ouyang 阅读(316) 评论(0) 推荐(0) 编辑

puppeteer入门
摘要：1、demo结构： 2、安装puppeteer, 同时安装Chromium npm i puppeteer 3、代码 demo1.js const puppeteer = require('puppeteer'); (async () => { const browser = await puppe 阅读全文

posted @ 2020-01-08 16:14 wenbin_ouyang 阅读(367) 评论(0) 推荐(0) 编辑

windows安装解压版redis
摘要：目录： 1、windows安装解压版redis2、脚本启动redis服务和客户端（bat脚本放在redis安装根目录）3、redis注册成windows服务 1、windows安装解压版redis <--返回目录 下载：https://github.com/MicrosoftArchive/redi 阅读全文

posted @ 2020-01-08 13:58 wenbin_ouyang 阅读(2836) 评论(0) 推荐(0) 编辑

nodejs获取客户端ip
摘要：1、nodejs //传入请求HttpRequest function getClientIp(req) { return req.headers['x-forwarded-for'] || req.connection.remoteAddress || req.socket.remoteAddre 阅读全文

posted @ 2020-01-07 17:49 wenbin_ouyang 阅读(1078) 评论(0) 推荐(0) 编辑

git pull时每次都要输入用户名和密码的解决办法
摘要：如果执行git clone下载代码的时使用https://而不是git@git (ssh)，当我们执行git pull/push命令时，总是需要输入用户名和密码。解决办法： git bash进入项目目录，执行： git config --global credential.helper store 阅读全文

posted @ 2020-01-07 11:09 wenbin_ouyang 阅读(2551) 评论(0) 推荐(0) 编辑

响应式布局，利用@media screen实现网页布局的自适应
摘要：#root { font-family: 'Microsoft YaHei'; } .app-container { background-color: #e7ebf0; height: 850px; } .app-head-bg { background-color: #5682a3; heigh 阅读全文

posted @ 2020-01-06 17:40 wenbin_ouyang 阅读(376) 评论(0) 推荐(0) 编辑

Echarts的自定义markPoint的标记类型
摘要：1、参考官网 自定义markPoint的标记类型：使用图示的矢量图来定义markPoint的标记类型 2、Iconfont-阿里巴巴矢量图标库 网址：https://www.iconfont.cn/search/index， 例如搜索up找到需要的图下载 下载的结果： <svg t="1577967 阅读全文

posted @ 2020-01-02 20:25 wenbin_ouyang 阅读(9421) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示