js
关注
分享
扫一扫
天蒙蒙亮
这个作者很懒，什么都没留下…
展开
-
深拷贝的几种方法
1、JSON.parse()和JSON.stringify()可以将JavaScript对象序列化为一个JSON字符串，再使用JSON.parse()将其解析为一个新的对象，从而实现深拷贝。需要注意的是，该方法只能处理部分数据类型，例如字符串、数字、布尔值、数组和对象等。对于函数、Date对象、正则表达式等类型，则无法正确地进行序列化和反序列化。当对象内存在undefined、symbol、function类型的属性时，在序列化过程中会被忽略；原创 2024-02-02 07:52:06 · 575 阅读 · 0 评论 -
js获取当前浏览器窗口大小；修改url地址，但不刷新页面。
获取当前浏览器窗口大小.原创 2022-10-18 00:18:58 · 887 阅读 · 0 评论 -
js页面滚动，设置锚点，控制页面滚动到某个节点位置
页面滚动，设置锚点原创 2022-10-17 23:51:30 · 5306 阅读 · 0 评论 -
前端免安装Nginx 部署
前端不安装Nginx情况下部署原创 2022-06-29 08:31:59 · 1252 阅读 · 0 评论 -
修改hosts文件
1. window系统修改路径：2. Mac系统打开终端输入：sudo vim /etc/hosts打开hosts文件，键盘输入 i （插入），修改hosts文件后，按 esc 键退出,再按shift+：键，再输入w和q，保存退出。二、Hosts是干啥用的1. hosts就相当于本地的一个dns缓存，比如说什么需要访问一个网站，如果没有hosts文件的本地解析的话就需要的浏览器访问远程的dns解析服务器，等待dns服务器返回ip信息后我们的浏览器才可以向目标网址所指向的服务器发出请.原创 2021-07-01 00:19:23 · 2843 阅读 · 0 评论 -
正则使用.
1.请编写js函数，该函数将一个骆驼命名的变量标识符，修改成下划线命名。如："testAddOrEdit"->"test_add_or_edit"functionfn(str){returnstr.replace(/([A-Z])/g, "_$1"),toLowerCase()；//()有什么作用呢?"testAddOrEdit".replace(/([a-z])[A-Z])/g,"$1_$2")注意：这里有$0\$1\$2...,这是由于表达式有（），表达式有子表达式。因为有3个子...原创 2022-03-20 17:05:44 · 611 阅读 · 0 评论 -
纯函数,,
纯函数是这样一种函数，即相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用通俗来讲就两个要素:1.相同的输入，一定会得到相同的输出。2.不会有“触发事件”、更改外部输入参数、依赖外部变量数据、打印log等等副作用。/*不是纯函数，因为同样的输入，输出结果不一致*/function a( count ){ return count + Math.random();}/*不是纯函数，因为外部的 arr1 被修改了*/function b( arr ){ return ..原创 2022-03-20 17:06:30 · 198 阅读 · 0 评论 -
高阶函数和闭包、函数柯里化
高阶函数：使用回调函数就使用过高阶函数啦。柯里化：就是函数和参数结合产生一个新函数。柯里化是固定部分参数，返回一个函数接受 剩余参数，的函数结构。目的为了缩小适用范围，创建一个针对性更强的函数。核心思想是把多参数传入的函数拆成单参数(或部分)函数，内部再返回调用下一个单参数(或部分)函数，依次处理剩余的参数。而反柯里化，从字面讲，意义和用法跟函数柯里化相比正好相反，扩大适用范围，创建一个应用范围更广的函数。使本来只有特定对象才适用的方法，扩展到更多的对象。// ES6方式！function原创 2022-03-20 16:13:01 · 308 阅读 · 0 评论 -
js在浏览器上怎样直接预览 .log文件
工作中遇到需要在浏览器上直接预览.log，.conf这样的文件。const fn = (url: string)=> { const res = await request(url); const win = window.open("", '_blank'); win.document.write(`<pre>${res}</pre>`) win.document.close()}...原创 2022-03-20 00:05:06 · 1136 阅读 · 0 评论 -
js取整数、取余数的方法
取整1.取整// 丢弃小数部分,保留整数部分parseInt(5/2) // 22.向上取整// 向上取整,有小数就整数部分加1Math.ceil(5/2) // 33.向下取整// 向下取整,丢弃小数部分Math.floor(5/2) // 24四舍五入// 四舍五入Math.round(5/2) // 3取余// 取余6%4 // 2...转载 2021-03-16 09:07:50 · 441 阅读 · 0 评论 -
事件冒泡 + 拖拽 + 图片懒加载 + 生命周期演示
1.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title> 表单,设置默认值</title> <script src="build/react.js"></script> <script src="build/react-dom.js"></script> <script sr原创 2020-09-20 01:55:18 · 385 阅读 · 0 评论 -
js数组分组、去重、
例，将数组中的连续数字分组oldArr = [1,2,3,7,8,9,15,17,18,19] 根据这个数组可以得到以下一个二维数组 newArr = [[1,2,3],[7,8,9],[15],[17,18,19]]function fn(arr){ var result = [], i = 0; const list = arr.sort((a, b) => a-b); list.forEach((item, index) => { i原创 2020-09-16 00:12:42 · 1758 阅读 · 0 评论 -
WebSocket 聊天室demo
阮一峰的网络日志WebSocket教程http://www.ruanyifeng.com/blog/2017/05/websocket.html koa2+WebSocket聊天室demo:https://github.com/ThenMorning/koa2WebSocket/blob/master/client.html代码参照该demo所写原创 2020-09-07 08:05:35 · 193 阅读 · 0 评论 -
iframe 嵌入页面后无法显示的问题
查看浏览器控制台发现：X-Frame-Options可用于指示是否应该允许浏览器呈现在一个页面<FRAME>或 <IFRAME>中. 以确保网站内容是不是嵌入到其它网站.<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="X-Frame-Options" content="SAMEORIGIN / D...原创 2020-09-04 09:12:40 · 19644 阅读 · 0 评论 -
js的 树形结构
树形结构//---------------------------------------------[{id: 1, name: "订单管理", type: "导航", iconType: "shopping-cart", parentId: 0, keyy: "order"},…]{id: 1, name: "订单管理", type: "导航", ico原创 2017-12-05 23:09:42 · 2597 阅读 · 2 评论 -
响应式网页—— media媒体查询
使用场景： 商品图片列表，由于用户上传的图片宽高度参差不齐， 必须设置容器的固定高度。为解决设置不同屏幕下，图片容器的固定高度。实例1：https://www.jianshu.com/p/d4b250b81ce5在利用媒体查询进行响应式布局开发时，用 js 写了一个动画，但不想让它在小屏幕上显示，这就要对屏幕尺寸进行筛选，那么在 js 中是如何使用媒体查询的呢？ var r...原创 2018-09-07 10:00:16 · 679 阅读 · 0 评论 -
js中Object.keys(), 只获取json的属性名
1. Object.keys的使用输出对象中值大于2的key的数组var data = {a: 1, b: 2, c: 3, d: 4};Object.keys(data).filter(function(x) { return 1 ;})期待输出：[“c”,”d”]请问1处填什么？ 正确答案：1 ：data[x]>2这是Es5的新增语法。const keys= Object.keys(...原创 2018-05-03 14:19:06 · 15273 阅读 · 0 评论 -
javascript对象的浅拷贝、深拷贝和Object.assign方法浅析
javascript对象的浅拷贝、深拷贝和Object.assign方法浅析这篇文档写的很好https://segmentfault.com/a/1190000014107100转载 2019-07-11 09:29:26 · 264 阅读 · 0 评论 -
js根据年月，获取当前月的天数。
(new Data(2019,5,0)).getData();原创 2019-04-28 09:08:06 · 2071 阅读 · 1 评论 -
JSON字符串与JSON对象的区别
JSON字符串与JSON对象的区别 https://www.cnblogs.com/cstao110/p/3762056.htmlJS中的call()方法和apply()方法用法总结https://www.cnblogs.com/sghy/p/7646633.html1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作...转载 2019-04-18 13:09:17 · 215 阅读 · 0 评论 -
JavaScript 运算符&&和|| 及其优先级
转载：https://blog.youkuaiyun.com/inuyasha1121/article/details/46604601逻辑与&&和逻辑或||操作符可以应用于任何类型的操作数，而不仅仅是布尔值。 几乎所有语言中||和&&都遵循“短路”原理， 如&&中第一个表达式为假就不会去处理第二个表达式，而||正好相反。js同样也遵循上述原则：当...转载 2018-07-31 11:10:47 · 618 阅读 · 0 评论 -
js 赋 赋null,undefined; 值问题
赋值问题let _container1= []; ['id','nameCn','nameEn','brand', 'model', 'manufacturer', 'registration', 'methodology', ].forEach((key)=> { _container1[key] = values[key] ? values...原创 2018-08-09 10:50:04 · 3443 阅读 · 0 评论 -
js中处理 数组的方法： filter()、indexOf()
1. 去重、过滤。/* * @interface Grid 1.行更新 * */ handleGridRowsUpdated = ({fromRow, toRow, updated })=> { console.log('1.handleGridRowsUpdated',arguments) let rows = this.state.rows; ...原创 2018-07-20 17:14:59 · 2397 阅读 · 0 评论 -
javascript常用语法
1. String 转 数值。let value = Number(k.value);原创 2018-07-05 13:51:02 · 199 阅读 · 0 评论 -
js中的||与&&用法
&& 与符号：按顺序执行，返回后者。12345678910 function a(){ alert("a"); return true;}function b(){ alert("b"); return true;}var c=a()&&b();alert(c); a() && b() 如果执行a()后返...原创 2018-05-29 17:12:55 · 630 阅读 · 0 评论 -
js如何处理两个json数组去除重复数据，然后合并数组
转载：https://zhidao.baidu.com/question/1643525236454533140.html如：var a = [{"id":"1001","name":"张三","age":"18","address":"北京市朝阳区","school":"朝阳区第二中学"},{"id转载 2018-05-15 18:12:36 · 12196 阅读 · 0 评论 -
JavaScript join() 方法
例子 1在本例中，我们将创建一个数组，然后把它的所有元素放入一个字符串：<script type="text/javascript">var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr.join())</script>输出：Ge转载 2018-05-25 21:30:02 · 2389 阅读 · 0 评论 -
表单数据和文件数据的报文
1.表单数据和文件数据的报文* 文件数据2. 使用new FormData() 上传文件<form action="http://device.joinstar.cn/api/device/upload" > <label for=""> 姓名: <input type="text" name="name">原创 2018-05-03 23:45:40 · 728 阅读 · 0 评论 -
js中json数组 和 字符串 互转
js中json数组 和 字符串 互转 const jsonStr1 = JSON.stringify( res.responseObject); //json转字符串。 //const area = JSON.parse( jsonStr1); //字符串转json //console.log("----加载数据area:",area); ...原创 2018-04-17 19:28:08 · 13550 阅读 · 0 评论 -
JavaScript中数组如何过滤掉相同元素的5种方法
http://www.php.cn/js-tutorial-363217.html方法一:比较内层循环变量的值.12345678910111213var arr = [1, 2, 3, 1, 3, 4, 5, 5];var resultArr = [];for (i = 0; i < arr.length; i++) { for (j = 0; j < resultArr.lengt...原创 2018-04-02 09:47:22 · 5798 阅读 · 0 评论 -
js文件中声明的一个json对象, 在另一个js文件中可以直接使用。
1. 如在 AAA.js 文件中声明一个json对象。var world_geo_json = {"type":"FeatureCollection","offset":{"x":170,"y":90},"features":[ ] };2. 调用。<html lang="en"><head> <原创 2018-03-26 10:42:32 · 7058 阅读 · 0 评论 -
js中去除两端逗号
1.js replace(a,b)之替换字符串中所有指定字符的方法var str = 'abcadeacf';var str1 = str.replace('a', 'o');alert(str1); // 打印结果： obcadeacf var str2 = str.replace(/a/g, 'o');alert(str2); //打印结果： obcodeocf...转载 2018-08-02 11:18:38 · 5872 阅读 · 0 评论 -
js 判断数组类型
matchDictionaryList = (type, value)=>{ let moduleType = searchTextByValues(type); return ( moduleType instanceof Array ? moduleType.map((item)=>{ if(item.value === value) ...原创 2018-08-08 17:18:18 · 198 阅读 · 0 评论 -
js获取 数组最大/小值
var arr=[1,2,3,4,5,6,10,7,9,11,20,19];Math.min.apply(null,arr); //获取数组中最小值Math.max.apply(null,arr); //获取数组中的最大值转载 2019-04-18 13:02:14 · 282 阅读 · 0 评论 -
History路由机制
转载https://www.cnblogs.com/jefferyE/p/7063018.html用户访问网页的历史记录通常会被保存在一个类似于栈中，即history对象，点击返回就出栈，跳下一页就入栈。 它提供了方法操作页面的前进和后退： window.history.back() 返回到上一个页面 window.history.forward() 进入到下一个页面 ...转载 2019-04-16 09:23:27 · 780 阅读 · 0 评论 -
阮一峰的网络日志地址
1. Generator 函数的含义与用法：什么是异步？ http://www.ruanyifeng.com/blog/2015/04/generator.html2. 箭头函数使用的注意点http://es6.ruanyifeng.com/#docs/function#箭头函数 3. Redux 入门教程（一）：基本用法: Store 就是保存数据的地方，你可以把它看...原创 2018-09-15 13:58:49 · 388 阅读 · 0 评论 -
如何向数组中间插入或删除元素？
第一种方法 使用splice方法语法介绍 splice(start, deleteCount, value, ...)start 开始插入和(或)删除的数组元素的下标。deleteCount 从start开始，包括start所指的元素在内要删除的元素个数。这个参数是可选的，如果没有指定它，将删除从start开始到原数组结尾的所有元素。value, ... 要插入数组的...转载 2018-09-24 19:42:47 · 6877 阅读 · 0 评论 -
js 数组的添加和删除方法
1. shift() 方法：把数组的第一个元素删除，并返回删除的元素值。(会改变原数组)var movePos= [11,22];movePos.shift()console.log(movePos)//[22]alert(movePos)//22document.write(movePos.length);//12.concat() 方法：用于连接两个或多个数组,并返回一个新数...转载 2018-09-24 19:05:37 · 1797 阅读 · 0 评论 -
js数值类型小数点后面的零
//1.(去除两端空格)判断小数点后面的长度； 2.动态保留小数点后几位。//---------- 类型统一转换成 string-------------------------------------- let strValue = typeof key[n] === 'string'? key[n] : String(key[n]); let abc = strValue.rep...原创 2018-08-30 14:28:20 · 1100 阅读 · 0 评论 -
三种JS截取字符串方法
转载: https://www.cnblogs.com/zccfun/p/6054533.htmlJS提供三个截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数:var stmp = "rcinn.cn";使用一个参数alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn"a...转载 2018-08-30 13:28:20 · 296579 阅读 · 4 评论