- 博客(69)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 js字符串空格转换符号
好好学习 ，天天向上。Are you ready?var start = '导向轴支座 法兰型 开口型（精密铸造件'start = start.replace(/ /gm,',');console.log(start);导向轴支座,法兰型,开口型（精密铸造件
2021-05-24 15:56:10
1987
2
原创 js精确计算---------------bignumber.js简单使用方法
好好学习 ，天天向上。Are you ready?js精确计算小数点1.首先安装依赖 npm i bignumber.js2.引入 const BigNumber = require("bignumber.js");3.加法// 比如demo + demo1let x = new BigNumber(demo).plus(demo1).toString();return x;// 比如一个数组多个对象中的demo相加let arr = [ { demo: 1 }, { demo
2021-03-08 16:05:38
2472
1
转载 Linux安装nginx步骤
好好学习 ，天天向上。Are you ready?1.安装依赖包yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel2.创建一个文件夹cd /usr/localmkdir nginxcd nginx3.下载tar包wget http://nginx.org/download/nginx-1.13.7.tar.gztar -xvf nginx-1.13.7.tar.gz4.安装nginx进入目录
2020-12-23 15:43:09
1101
4
原创 react起步，冲冲冲
创建一个react应用首先需要有node环境 … 此处略过一万字儿…安装react脚手架npm install -g create-react-app创建react应用,例子： demo-reactcreate-react-app demo-react………安装成功后 ,进入demo-react文件夹cd demo-react此时发现没有 webpack 相关的配置的目录,解决方法yarn eject……如果失败git add .git commit -m '
2020-12-21 10:39:51
1746
3
原创 vue打包优化dist
好好学习 ，天天向上。Are you ready?VUE打包后文件太大解决方法首先了解是哪个文件过大，这里推荐文件可视化插件npm install webpack-bundle-analyzer -S -D在vue.config.js中设置module.exports = { chainWebpack: config => { config.resolve.alias.set('@', resolve('src')) config.plugin('webpack-bu
2020-12-17 10:28:27
1074
原创 vue打包后更改js文件名称
好好学习 ，天天向上。Are you ready?vue默认打包dist文件(js文件默认名称）vue打包后更改js文件名称 例如： 中间部分加时间戳代码奉上修改vue.config.jsconst Timestamp = new Date().getTime();const name = "vue-demo"; // 标题module.exports = { configureWebpack: { name: name, output: { //
2020-12-17 09:39:02
4676
2
原创 js获取代码片下载并生成HTML
好好学习 ，天天向上。Are you ready?例子：js获取代码片下载并生成HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js获取代码片下载并生成HTML</
2020-12-11 09:32:21
977
2
原创 echarts浮动显示单位实现方法
好好学习 ，天天向上。Are you ready?例子： echarts浮动显示单位实现方法echarts浮动显示单位，实现代码如下：// 设置echarts中的formatter参数 formatter: function(a) { let list = []; let listItem = ""; for (var i = 0; i < a.length; i++) { i
2020-12-02 15:17:42
1776
4
原创 解决IE newDate（）问题
好好学习 ，天天向上。Are you ready?例子：2020-11-11 12:12:12 截取为 2020-11-11 createTime(row) { if (row) { let times = row.createTime; var timearr = times .replace(" ", ":") .replace(/:/g, "-") .split("-");
2020-11-17 10:35:37
4148
3
原创 字符串截取改为数组对象格式
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！// 字符串举例： ‘德玛西亚，2；诺克萨斯，4；艾欧尼亚，4；’// 转换数组例子： [{mint: "德玛西亚", num: "2"}，{mint: "诺克萨斯", num: "4"}，{mint: "艾欧尼亚", num: "4"}]let p ='德玛西亚，2；诺克萨斯，4；艾欧尼亚，4；'p = p.split('；');console.log(p)for (i=0;i<p.length;i++) {
2020-11-09 15:53:02
2599
2
原创 for ,for in, for in,for of,map,while, do while性能测试及排序
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！let testArr = new Array(10000000).fill('2'); // map console.time('map') testArr.map(item => item) console.timeEnd('map') // forEach console.time('forEach')
2020-09-03 15:00:58
2919
2
原创 vue3.0
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！传送门,抢先看！！！！！！！ https://v3.vuejs.org/
2020-08-17 19:44:54
123
3
原创 把对象放到另一个对象并过滤掉其中的值
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！ let obj = { a: 1, b: 1, c: 1, } let objs = { d: 1, f: 1 } let { a, ...params } = obj; console.log(params) O
2020-08-13 11:32:42
1054
原创 vue实现打包去除console.log
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！首先下载插件npm install babel-plugin-transform-remove-console --save-dev然后创建或进入项目根目录下babel.config.js文件代码如下let plugins = [];if (process.env.NODE_ENV === "production") { // todo if判断是否打包,打包环境下控制台去掉console.log,也可去掉
2020-05-21 16:05:10
10157
原创 阿里云dataV大屏可视化的使用攻略——vue项目
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！首先登陆阿里云控制台，创建应用选模板，创建名称通过编辑预览项目发布大屏发布成功，可以去直接访问网址，通过vue项目内嵌iframe 来实现dataV的引用demo1 vue代码示例 （此处为未设置Token验证）<template> <div class="block...
2020-04-23 19:02:37
7581
3
原创 js模拟表单并提交
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！js创建form表单 并提交// 此处为js要模拟的标签 <form action="keyUrl" method="post"> <input name="keyOneName" value="keyOneValue" /><br> <input name=...
2020-04-21 13:34:44
4672
原创 js改变对象的key值
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！ const array = [{ keyOneName: this.keyOneValue, keyTwoName: this.keyTwoValue }] const keyMap = { keyOneName: this.keyOn...
2020-04-20 16:17:35
4469
1
原创 数组中的对象去重
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！ arrs() { var arr = this.itemInfo.companyList arr = arr.reduce(function(item, next) { arr[next.name] ? '' : arr[next.name] = true &&a...
2020-04-13 14:07:47
952
原创 vue哈希路由获取网址回调get的值(get网址参数成对象形式)
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！ let hashUrl = window.location.hash let url = hashUrl.substring(hashUrl.indexOf('?') + 1, hashUrl.length) let arr = (url).replace(/^\#/, '').split('&...
2020-04-08 11:04:08
4158
原创 js金额千分位 及 清除千分位
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！ // 千分位 thousandBit(row) { if (row) { const num= Number(row) const numS = num.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') ...
2020-04-05 20:08:55
8309
原创 NPM 包的发布与更新
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！注册npm账号本地打开命令行cmdnpm login 登录找到要发布的文件夹 npm init (此文件夹内写将上传代码)写完后 npm publish上传成功，大吉大利，晚上吃鸡！...
2020-01-15 15:16:42
951
1
原创 原生js 模拟a标签 点击下载
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！ const a = document.createElement('a') a.setAttribute('download', '') a.setAttribute('href', this.baseUrl) a.click()this.baseUrl （ 为herf的地址...
2019-10-25 14:52:50
6733
6
原创 字符串后几位添加小数点
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！ 字符串后几位添加小数点var a = '123456789'var b = a.substring(0,a.length-2) + '.' + a.substr(a.length-2)console.log(b)...
2019-09-23 14:41:00
2652
1
原创 element-ui table合计 小demo
好好学习 ，天天向上。Are you ready?代码奉上！！！！！！！！！ (vue代码)<template> <div class="box"> <div class="select-form"> <el-form id="company-name" :inline="true" :model="formInline"...
2019-09-19 16:11:45
783
原创 深复制
好好学习 ，天天向上。Are you ready?寄生式继承！！！！ function ObjectClone(targetObj,sourceObj) {//克隆object,目标。源。 var names=Object.getOwnPropertyNames(sourceObj);//获取对象属性名 console.log(names);...
2019-03-28 10:30:19
98
翻译 正向代理与反向代理
正向代理：一个位于客户端和原始服务器之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并制定目标（原始服务器），然后代理向原始服务器转发请求并将获得的内容返回给客户端，客户端才能使用正向代理。反向代理：以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求的客户端，此时代理服务器对外表现为一个反向...
2019-02-19 09:33:44
170
原创 事件监听的方法和如何解绑事件以及对事件监听的理解
好好学习 ，天天向上。Are you ready?事件监听方法：addEventListener() attachEvent()解绑事件：removeEventListener() detachEvent()理解：1、事件分为DOM 0级事件和Dom 2级事件，DOM2级事件也叫做事件监听。DOM 0级事件的缺点是如果事件相同 后者的事件会覆盖前者的事件，DOM2级事件可以解决这个...
2019-01-24 22:05:23
532
原创 什么是事件监听、事件绑定、事件委托？
好好学习 ，天天向上。Are you ready?事件监听： 为同一个对象的同一个事件绑定多个事件处理程序事件绑定： 对DOM元素绑定事件处理函数 一般分为三种1、在DOM元素中直接绑定2、在js中绑定3、绑定事件监听函数事件委托： 利用冒泡的原理，把事件加到父级上，触发执行效果事件委托的好处：1、实现对未来元素事件的绑定未来元素：绑定事件时，页面上还不存在的元素2、减少事件绑...
2019-01-24 22:00:14
2556
原创 什么是事件流？ 什么是事件冒泡？ 什么是事件捕获？
好好学习 ，天天向上。Are you ready?什么是事件流？当一个HTML元素产生一个事件时,该事件会在元素节点与根节点之间的路径传播，路径所经过的节点都会收到该事件，这个传播的过程叫做DOM事件流元素触发事件时，事件的传播过程称为事件流，过程分为捕获和冒泡两种冒泡事件：微软提出的 事件由子元素传递到父元素的过程，叫做冒泡捕获事件：网景提出的 事件由父元素到子元素传递的过程，叫做事...
2019-01-24 21:57:21
5779
2
原创 关于offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的区别
好好学习 ，天天向上。Are you ready?offsetX、offsetY:鼠标相对于事件源元素（srcElement）的X,Y坐标clientX、clientY:鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。pageX、pagey:类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不...
2019-01-24 21:54:29
262
原创 DOM的方法（操作）
好好学习 ，天天向上。Are you ready?DOM的增、删、查：1、增---------createElementvar oDiv = document.createElement(‘div’);document.body.appendChild(oDiv);//只有追加后，页面上才会出现2、删---------removeChild语法:fatherObj.removeChil...
2019-01-24 21:51:56
2667
原创 什么是ES5?js中的‘use strict‘是什么？目的是什么？
好好学习 ，天天向上。Are you ready?ECMA Script5：ECMA的第五次改版 时间：2009年'use strict’js的严格模式目的：增加更多报错的场合，消除代码运的些不安全之处，保证代码 运行的安全。提高编译器效率，增加运速度。为未来新版本的JavaScript做好铺垫。...
2019-01-24 21:47:01
317
原创 浅谈if和switch
好好学习 ，天天向上。Are you ready?一、if和swicth的应用场景if :1、具体的值进行判断2、区间的判断3、对运算的结果是boolean类型表达式进行判断 true falseswitch：1、对具体的值进行判断2、值的个数是固定的对于几个固定的值判断，建议使用switch 语句。因为switch 语句会将具体的答案都加载进内存，效率相对高一点基于代码的可读...
2019-01-22 08:28:29
5996
原创 如何解决移动端300ms延迟？
好好学习 ，天天向上。Are you ready?如何解决移动端300ms延迟？(点击穿透)一、fastClick:1.引入js文件2. 设置 $(function() { FastClick.attach(document.body); }) if ('addEventListener' in document) { ...
2019-01-21 23:12:16
318
原创 带你重新认识回流和重绘
好好学习 ，天天向上。Are you ready?概念： 当渲染树中的一部分或者全部因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候，这时候就会发生回流。每个页面都至少发生一次回流，也就是页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的元素部分失效，并重新绘制这个部分的渲染树，完成回流以后，浏览器会重新绘制受到影响的部分元素到屏幕中，这个过程就是重绘。什么时候会发生回流？...
2019-01-21 17:33:44
3028
原创 当输入www.baidu后会发生什么？
好好学习 ，天天向上。Are you ready?简单理解：1.输入网址后查找域名对应ip地址2.建立连接（TCP的三次握手）3.构建网页4.断开连接（TCP的四次挥手）详情请看下图：...
2019-01-19 22:24:46
697
原创 JavaScript常见兼容
好好学习 ，天天向上。Are you ready?// 1.滚动条到顶端的距离（滚动高度）var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;// 2.滚动条到左端的距离var scrollLeft = document.documentElement.scrollLeft || do...
2019-01-19 09:23:58
657
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人