- 博客(29)
- 收藏
- 关注
RSS订阅转载 js 中 Object.entries() 方法的使用
本文摘自MDN作用Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for…in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环也枚举原型链中的属性）。示例const obj = { foo: 'bar', baz: 42 };console.log(Object.entries(obj)); // [ ['foo', 'bar...
2019-11-26 11:07:35
9639
1
原创 简单实现map和reduce
Array.prototype.myreduce = function(fn){ if(typeof fn !== 'function'){ throw new error('argument is not a function') }else{ if(this.length === 0){ throw new error('Reduce of empty array with ...
2019-09-11 11:05:28
223
原创 JS数组扁平化实现
扁平化： 将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组1. toString()toString()方法仅限于处理基本类型（number,string,boolean），同时转化后需要按原类型转换回来，在处理混合类型数组时无法解决用法：以 number 数组举例function flat(target) { return target.toStri...
2019-08-21 23:40:43
205
原创 JS数组去重五种方法（已测试性能）
// 注：以下各个实现过程未封装函数，如有需要自行封装，执行测试时请分开执行，以免上次的执行结果影响下次测试时长let arr = []// 创建百万条百以内的整数数据for(let i = 0;i < 1000000;i++){ arr.push(parseInt(Math.random() * 100))}// 排序后根据与前一个是否相等判断是否放入新数组console.t...
2019-08-21 22:26:18
315
原创 防抖节流的实现
函数防抖（debounce）什么是防抖在事件被触发n秒后再执行回调函数，如果在这n秒内又被触发，则重新计时。应用场景（1）用户在输入框中连续输入一串字符后，只会在输入完后去执行最后一次的查询ajax请求，这样可以有效减少请求次数，节约请求资源；（2）window的resize、scroll事件，不断地调整浏览器的窗口大小、或者滚动时会触发对应事件，防抖让其只触发一次；实现<...
2019-08-21 21:32:00
194
原创 JS定时器不准及解决方案
原因：.Eventloop 循环机制中，异步事件 setInterval 到时后会把回调函数放入消息队列中，主线程的任务执行完毕后依次执行消息队列的任务，由于消息队列中存在大量任务，其他任务执行时间就会造成定时器回调函数的延迟，如果不处理则会一直叠加延迟示例：var startTime = new Date().getTime();var count = 0;//耗时任务setInter...
2019-08-21 11:13:42
7532
1
原创 自己实现bind,call,apply
let obj = { a:3, fn:function(str=null){ console.log(str +' --- '+ this.a) }}Function.prototype.mybind = function(obj){ return () =>{ this.mycall(obj) }}Function.prototype.mycall = func...
2019-08-20 22:35:42
134
原创 JS对象和数组的深浅拷贝（最全）
// 对象拷贝let objA = { a:1, b:function () { console.log(this.a) }, c:{ c1:undefined, c2:Symbol('c2') }, d:null}// console.log(objA)let objB = Object.assign({},objA) //浅拷贝console.log(o...
2019-08-19 21:56:47
205
原创 运行时动态引入JS文件
运行时动态引入JS文件（尚在开发环境）1.添加方法 requireJSFilesexport function requireJSFiles (target, pathArr) { return new Promise((resolve, reject) => { requireJSFile(target, pathArr[0]).then(() => { ...
2019-08-10 15:30:41
546
原创 span内容自动换行
// css#txt{ max-width: 100%; display: inline-block; overflow-wrap: break-word; /* css3属性，当内容超过指定容器的边界时是否断行 */ text-align: left;}
2019-05-21 08:42:37
8815
原创 jssdk使用微信扫一扫
jssdk使用微信扫一扫具体请参考官方文档，此处列举示例，后台java相关算法后续更新<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascr...
2019-04-18 18:22:44
718
原创 chrome无法播放MP4的解决方案
1.问题前两天在B站缓存了一个视频，更改了一下后缀名为MP4，在播放器上可以播放，想把它丢在网站上浏览，用chrome打开后发现无法播放2.原因查阅了一些资料发现虽然都是.mp4后缀的文件，但是编码方式不同，而video标签的标准是用H.264方式编码视频的MP4文件3.解决需要把我的视频文件转码成H.264编码的文件，经过进一步搜索，发现了ffmpeg，使用这个命令行的工具，可以完成视...
2019-03-19 15:58:06
8245
原创 CentOS7安装ffmpeg
由于CentOS自带的yum库不包含ffmpeg软件包，因此借助第三方YUM源下载ffmpeg1.升级yum# sudo yum install epel-release -y# sudo yum update -y2.安装Nux Dextop Yum 源# sudo rpm --import http://li.nux.ro/download/nux/RPM-GPG-KEY-n...
2019-03-19 08:58:38
25099
9
原创 (.*?)，（.+?） 的理解
1 (.*?)，（.+?） 的作用解析：. 的作用为匹配所有字符（除换行符）* 的作用为匹配前面的子表达式零次或多次? 的作用为匹配前面的子表达式零次或一次，或指明一个非贪婪限定符由于*，+限定符都是贪婪的，因为它们会尽可能多的匹配文字，只有在它们的后面加上一个?就可以实现非贪婪或最小匹配例如： let regp = /(\/(.*)\/)/ console.log(regp....
2019-02-28 17:38:09
2112
原创 Vue You are using the runtime-only build of Vue where the template compiler is not available. Either
错误警告You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 解决方案在vue.c...
2019-02-28 10:45:58
738
原创 一些小笔记
1. 在 Vue 文件中的 style 部分引入 less 文件或css文件&lt;style scoped&gt; @import './../style/index.less';&lt;/style&gt;2. Vue-Cli中引入jquery安装jquerynpm install jquery@对应版本引入在main.js中加入 import $ from “jquer...
2019-02-27 16:14:35
590
原创 sublime text 3 使用说明
sublime text 3 使用说明软件下载sublime text3 下载地址快捷键设置默认：Preferences -> Key Bindings - Default用户：Preferences -> Key Bindings - user插件导入ctrl + shift + p打开命令窗口 输入install 回车（选中的应该是Package Control：in...
2019-01-14 10:34:33
373
原创 sublime text3 配置eslint
sublime text3 配置eslint1.环境说明node @>6.14全局安装 npm i eslint2.下载插件sublimelintersublimelinter-eslint3.配置插件Preferences -> Package Setting -> SublimeLinter -> setting 打开后在user里做如下配置//...
2019-01-14 10:28:41
1031
原创 npm install 常见问题及解决方案
1. npm install 时出现 -4048的错误解决方案:清除缓存，命令如下：npm cache clean -f2. npm install 时出现 Cannot read property ‘match’ of undefined解决方案:方法1：删除文件夹下的package-lock.json文件，重新执行方法2：rm -rf node_modulesrm pa...
2018-12-12 22:01:26
2976
原创 npm install:ChromeDriver installation failed Error with http(s) request: Error: read ETIMEDOUT
在github上下载了一个项目，在npm install 过程中报错如下 npm install:ChromeDriver installation failed Error with http(s) request: Error: read ETIMEDOUT错误原因: &n...
2018-12-06 14:31:47
1124
原创 JS中 Object.assign()用法
方法：Object.assign()作用：将sourse对象的 值 赋值给目标对象，两者都有的会覆盖，target独有会保留，sourse独有会添加使用方法：1.复制对象var obj = { a: 1 };var copy = Object.assign({}, obj);console.log(copy); // { a: 1 }2.合并对象var o1 = { a: 1 ...
2018-12-05 00:56:36
8247
原创 隔代继承div宽度
在做swiper的时候，有三层div，如图层级关系为sti_slider为显示的整个宽度，sti_items为放着所有str_slide的宽度，因为继承了sti_slider的宽度，因此只需要计算子元素个数*100即可，sti_slide 需要同sti_slider宽度相同。第一层是整个大div，我规定宽度为整个页面的80%；第二层是放着所有item的div，里面有n个 滑块...
2018-12-05 00:45:45
790
原创 express设置favicon
记个小笔记，将favicon.ico放在express-static设置的位置（我的是public）在页面中添加 href为自己放置的位置...
2018-12-05 00:08:58
3250
原创 iframe实现整个页面的跳转
在使用iframe的时候，希望在框架内进行操作之后实现整个页面的刷新，起初使用window.location.reload()方法if(res.success){ window.location.reload(); //只是单层刷新}else{ alert(res.Msg);}但是发现只是iframe框架做了跳转，而外层页面没有刷新，并没有实现想要的功能，因此我们需要操作上层页面,更...
2018-12-03 23:56:29
2148
原创 ejs 如何使用后台传来的数据
在express中使用ejs作为模板引擎，想要使用后台rander函数传来的数据用&lt;%…%&gt;包含js代码用&lt;%=…%&gt;输出变量 变量若包含 ‘&lt;’ ‘&gt;’ '&amp;'等字符 会被转义用&lt;%-…%&gt;输出变量 不转义用&lt;%- include(‘user/show’) %&
2018-12-03 23:25:25
1731
原创 VueCli3.0 + axios反向代理解决跨域问题
在使用vuecli3.0开发过程中，请求后台给的接口时，报错如下然后使用 http-proxy-middleware 解决安装 npm install http-proxy-middleware使用在 vue.config.js 文件中添加如下代码devServer: { // 设置代理 proxy: { "/api": { ...
2018-12-03 17:29:41
4590
转载 [转载]使用AJAX实现文件上传时illegal invocation错误的原因及解决方案
1、在我的上一篇博客中，结合Jquery使用ajax2.0的时候出了如下的一个错误，上一篇博客参见地址：https://blog.csdn.net/qq_42181069/article/details/803332562、代码部分：&amp;amp;amp;amp;lt;script&amp;amp;amp;amp;gt;$(function(){ $('inpu...
2018-11-26 17:54:59
569
原创 JavaScript正则表达式/g的坑
JavaScript正则表达式遇到的坑自己在玩正则表达式的时候，突然想自己写方法拆分字符串，因此写了以下函数function spliByRgep(string,regp){ if(!regp||!string){ throw new Error({msg:'参数错误！'}); }else{ const r = regp; let s = string; let arr ...
2018-11-23 01:25:47
858
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人