javascript
wen_binObject
这个作者很懒,什么都没留下…
展开
-
js 深拷贝
最近没什么学习计划 自己动手写下简单的面试题 function deepClone(data) { //判断是否为空 if (!data) return data; let dataClone = Array.isArray(data) ? [] : {}; if (typeof (data) === "object") { for (key in data) { if (data.ha原创 2021-05-19 19:59:50 · 151 阅读 · 0 评论 -
SEO优化之sitemap(多语言)
这篇文章解决了什么问题?1. 添加新的页面需要从新修改sitemap文件(每次添加新页面都需要修改一遍,如果添加了新页面忘记修改sitemap.xml文件导致的问题)2. 多语言(国际化)的sitemap应该怎么样编写?3. 通过node 如何获取某个目录结构下的所有文件夹名称(包含相对路径)4. 自己官网的语言和sitemap.xml 支持语言的转换1.为什么要添加sitemap?便...原创 2020-04-14 14:05:05 · 2507 阅读 · 3 评论 -
js 页面平滑滚动到页面顶部
//回到顶部const scrollToTop = () => {const fromTopDistance = document.documentElement.scrollTop || document.body.scrollTop;if (fromTopDistance > 0) {window.requestAnimationFrame(scrollToTop);w...原创 2020-03-17 15:01:25 · 1281 阅读 · 0 评论 -
一个demo理解防抖节流
http://demo.nimius.net/debounce_throttle/原创 2019-12-16 15:08:42 · 244 阅读 · 0 评论 -
js 时间戳转时间最佳方法
/* time 1568120862.294167 秒 带小数*/timeStampToTime = time =>{return new Date(parseInt(time)*1000+ 8 * 3600 * 1000).toJSON().substr(0, 19).replace(‘T’, ’ ');}原创 2019-10-20 09:32:25 · 167 阅读 · 0 评论 -
js面向对象原型属性和实例属性
//面向对象实例属性和原型属性判别方法 hasOwnProperty(); 如果为true就是原型属性 否则就是实例属性。function Person() {};Person.prototype.name = 'apple';var person1 = new Person();var person2 = new Person();person1.name = 'banana';...原创 2017-03-22 16:31:09 · 506 阅读 · 0 评论 -
js面向对象一些不为人知的属性类型
js高程面向对象属性类型里面的数据属性第一个Configurable 表示能否删除属性,修改属性,默认是 true ;(配置属性)第二个Enumerable 能否循环返回属性 默认值 true;第三个Writable 表示能否修改属性的值 默认值是true第四个Value 包含这个属性的值,默认值是undefined第一个var person ={};object.defi...翻译 2017-03-22 13:48:50 · 349 阅读 · 0 评论 -
看到一个比较好的关于两个数相互转换的问题的答案。
var a = 1,b = 2;var a = a ^ b;var b = a ^ b;var a = a ^ b;console.log(a); //2console.log(b); //1原创 2017-03-08 18:00:59 · 211 阅读 · 0 评论 -
前端获取电脑摄像头权限并拍照进行人脸识别
为什么要做这个呢?为了解决账号密码泄露导致的误操作。前端实现思路是什么呢?前端思想是获取摄像头权限 通过canvas 获取base64图片 然后转为二进制文件流 通过FormData(form表单提交)和后端交互 的方式进行识别后端的实现思路呢?创建一个sql 里面存一些有权限的人员信息包含照片等 用上传的照片和sql里面的数据进行对比人脸识别 进而知道进入当前系统的人是否具有某些权限 ...原创 2019-03-26 10:49:29 · 10188 阅读 · 4 评论 -
vue 基于获取摄像头权限 拍照的人脸识别技术
为什么要做这个呢?不同用户具有不同的权限 如果管理员用户被别人知晓了怎么办? 为了解决该用户 账号密码泄露导致的误操作。前端实现思路是什么呢?前端思想是获取摄像头权限 通过canvas 获取base64图片 然后转为二进制文件流 通过FormData(form表单提交)和后端交互 的方式进行识别后端的实现思路呢?创建一个sql 里面存一些有权限的人员信息包含照片等 用上传的照片和sql里...原创 2019-03-26 10:57:31 · 11109 阅读 · 13 评论 -
js简单的面试题:找出字符串中出现次数最多的字符
简单的对象赋值法 let testStr = 'adsadafgxzcnvzbsadadadsaddd'; function getMax(str) { debugger; let obj = {}; for(let i in str) { if(obj[str[i]])...原创 2019-04-18 09:39:43 · 435 阅读 · 0 评论 -
解决vue中父组件修改子组件样式的问题
1 去掉 scoped当 <style>标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。但是在父组件中添加 scoped 之后,父组件的样式将不会渗透到子组件中,所以在父组件中书写子组件的样式是无效果的。2 混用本地和全局样式<style>/* 全局样式 */</style><style scoped>/* 本地...原创 2019-06-24 12:18:59 · 4754 阅读 · 0 评论 -
js经典继承
//组合继承(伪经典继承)function SuperType(name){ this.name = name; this.colors =['red','blue','green'];};SuperType.prototype.sayName = function(){ console.log(this.name);};function SubType(name...翻译 2017-03-23 10:52:44 · 421 阅读 · 0 评论 -
js 递归优缺点
"use strict";//方法1function factorial(num){ if(num<=1){ return 1; }else{ return num*factorial(num-1); }}//console.log(factorial(5));const anotherFactorial ...翻译 2017-03-24 16:11:23 · 1868 阅读 · 0 评论 -
js 交换赋值我认为最简单的方法 (ES6解构)
let x = 1;let y = 2;[x, y] = [y, x];console.log(x);//2console.log(y);//1翻译 2017-04-07 15:45:30 · 6452 阅读 · 3 评论 -
js 实现纯前端将数据导出excel。chome浏览器 亲测有效。
有了新的需求 所以就了解下怎么用js 直接导出excel文档。html代码&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" cont原创 2018-10-10 10:56:49 · 1981 阅读 · 0 评论 -
前端测代码试耗时 小方法
console.time() 和 console.timeEnd() 测试循环耗时console.time('Timer1'); var items = []; for(var i = 0; i &lt; 100000; i++){ items.push({index: i}); }console.timeEnd('Timer1');原创 2018-09-27 15:29:36 · 1022 阅读 · 0 评论 -
window.open() 打开的子页面 往主页面传参问题
国研兄弟遇到一个问题 问我我百度了下帮他解决了 下面是我参考的demo , 虽然不难不过以前没有遇到过这样的需求,就当多了解点姿势了。&lt;!--主页面的代码--&gt;&lt;br&gt;&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charse原创 2018-09-11 18:11:27 · 2185 阅读 · 0 评论 -
前端节流、防抖
1.JS的节流、防抖及使用场景概念和例子在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。看一个(栗子)://模拟一段ajax请求function ajax(content) { console.log('ajax request ' + content)}let inputa = document.getElementById('unDeb...原创 2018-09-05 16:10:15 · 20262 阅读 · 4 评论 -
js正则属性详解 外加踩过的一个的坑(lastIndex)
每个RegExp对象都包含5个属性,source、global、ignoreCase、multiline、lastIndex。1.source:是一个只读的字符串,包含正则表达式的文本。const reg = /haha/;console.log(reg.source); //haha2. global:是一个只读的布尔值,看这个正则表达式是否带有修饰符g。修饰符g,是...原创 2018-05-16 17:48:17 · 957 阅读 · 0 评论 -
js 数据去重
用之前先了解下Array.from()Array.from()将类数组转换成数组let arrayLike = { 0: 'wen', 1: '18', 2: '男', 3: ['haha','hehe','heihei'], 'length': 4}let arr = Array.from(arrayLike)console.log(arr...原创 2018-05-08 17:32:33 · 2164 阅读 · 0 评论 -
js Object.prototype.toString.call(value)
偶然间发现了一个判断各种数据类型的方法 Object.prototype.toString.call(value);Object.prototype.toString.call(null);//"[object Null]"Object.prototype.toString.call(undefined);//"[object Undefined]"Object.prototype....转载 2018-04-26 16:08:40 · 507 阅读 · 0 评论 -
js 原型链详细解析完整版
作者:Yi罐可乐 链接:https://www.jianshu.com/p/dee9f8b14771一. 普通对象与函数对象JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Object 、Function 是 JS 自带的函数对象。下面举例说明var o1 = {}; var o2 =new Object();var o3 = new f...翻译 2018-04-23 14:44:52 · 377 阅读 · 0 评论 -
js forEach map reduce filter 详解
https://www.zhihu.com/question/24927450 先引用尤雨溪 在知乎的回答 作者:尤雨溪 链接:https://www.zhihu.com/question/24927450/answer/29478982 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。应题主要求来个形象的:假设我们有一个数...转载 2018-04-19 17:36:47 · 258 阅读 · 0 评论 -
css 水平/竖直/水平竖直方法大全
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css"> /*脱离文档流元素的居中*//*最基本的水平竖直居中 -100 -100 分别是宽高原创 2017-08-16 17:58:53 · 961 阅读 · 0 评论 -
看阮一峰ES6 笔记
阮一峰 ES6暂时性死区(定义变量的时候出现)总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。解构(解构赋值对提取JSON对象中的数据,尤其有用)ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构最简单解构let [a, b, c] = [1, 2, 3];...翻译 2017-08-10 10:39:31 · 1373 阅读 · 0 评论 -
jq里面关于单选按钮 type="radio" 判断最优处理方法
prop()方法和attr()类似,但是HTML5规定有一种属性在DOM节点中可以没有值,只有出现与不出现两种,例如:<input id="test-radio" type="radio" name="test" checked value="1">等价于:<input id="test-radio" type="radio" name=&q原创 2017-08-10 10:32:12 · 519 阅读 · 0 评论 -
js 常规打水印方法 canvas方法
看到同事曾经有写过一个打水印的方法就看了下实现方法。&amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=UT原创 2018-12-27 14:30:29 · 1003 阅读 · 1 评论