![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JS
原生js
小阳生煎
你尽管努力,最坏不过大器晚成
展开
-
JS项目响应式布局 / Cdn引入
【代码】JS项目响应式布局 / Cdn引入。原创 2023-05-08 19:51:05 · 410 阅读 · 0 评论 -
继承组件(extends)
【代码】继承组件(extends)原创 2024-01-08 19:11:28 · 469 阅读 · 0 评论 -
混入组件 (mixin)
混入(mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。作用:主要作用是继承和封装,将一些公共的代码抽离,可以减少代码量,提高复用性 *原创 2023-10-19 18:11:43 · 269 阅读 · 0 评论 -
input输入框内容规范正则总结
【代码】input输入框内容规范正则总结。原创 2023-11-01 16:53:45 · 958 阅读 · 0 评论 -
使用lodash工具中cloneDeep方法实现深拷贝
【代码】使用lodash工具中cloneDeep方法实现深拷贝。原创 2023-05-22 18:44:34 · 2675 阅读 · 0 评论 -
ES6语法
ES6语法糖原创 2021-01-13 13:06:29 · 158 阅读 · 0 评论 -
javascript
http://jstherightway.org/#the-good-parts原创 2022-05-18 10:39:46 · 78 阅读 · 0 评论 -
使用JS把for循环出来的对象放到一个数组里
https://www.cnblogs.com/lhm166/articles/6378806.html原创 2021-11-05 10:50:50 · 2812 阅读 · 3 评论 -
表格table(待完善)
表格table案例1tr含有间距的空隙让每个表格的tr含有间距的空隙在table上添加 style="border-collapse:separate; border-spacing:0px 10px;"原创 2021-09-18 09:13:47 · 103 阅读 · 0 评论 -
this指向详解
https://github.com/mqyqingfeng/Blog/issues/7https://mp.weixin.qq.com/s/l6nyNy0yVn5QPoSH5xTnJg原创 2021-07-18 21:09:19 · 92 阅读 · 0 评论 -
常见js封装
1、输入一个值,返回其数据类型**function type(para) { return Object.prototype.toString.call(para)}2、数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) {原创 2021-07-18 21:06:18 · 125 阅读 · 0 评论 -
JS 位数不够自动左补0显示
var mycode = "11";mycode = (Array(4).join(0) + parseInt(mycode)).slice(-4);//0011mycode1 = (Array(3).join(0) + parseInt(mycode)).slice(-3);//011然后如果变成字符串用分割的形式转载于:https://www.cnblogs.com/macT/p/9957663.html原创 2021-07-03 14:03:14 · 651 阅读 · 0 评论 -
Js三级运算的多级判断运算
https://blog.csdn.net/p930318/article/details/109398806原创 2021-06-24 18:46:19 · 320 阅读 · 0 评论 -
JS根据数组的某个属性降序与排序
js 对象数组根据对象的某一个属性值来进行数据排序https://blog.csdn.net/qq_40015157/article/details/110817184原创 2021-05-29 09:41:21 · 739 阅读 · 0 评论 -
节流和防抖
节流防抖原创 2021-05-25 16:48:20 · 67 阅读 · 0 评论 -
请求文字显示文字对应的图片
首先定义一个数组对应的这里请求的数据也是上面的4个 item.standard是渲染的数据原创 2021-05-23 13:19:29 · 94 阅读 · 0 评论 -
操作数组的方法
数组方法集合push 数组的末尾添加元素unshift 数组的前面添加元素pop 删除数组中最后一个元素shift 删除数组中第一个元素concat/扩展运算符(…) 合并数组push 数组的末尾添加元素 var arr=[1,2] arr.push(2) console.log(arr)unshift 数组的前面添加元素 var arr=[1,2] arr.unshift(2) console.log(arr) pop 删除数组中最后一个元原创 2021-05-22 18:04:58 · 391 阅读 · 0 评论 -
字符串转对象JSON.parse
JSON.parse字符串很遗憾后端给你的是个字符串你要直接去解析"{\"异名\":\"\",\"发生因素\":\"[发生规律](1)气候因素。降雨集中,田间湿度大,再加上气温适宜,可造成病害流行。(2)栽培因素。连作地,排水不良的低洼地以及田间密度高、通风不良的田块,发病重。\",\"简介\":\"高粱大斑病是高粱产区常见的叶部病害,在北方高粱产区,大斑病发生早,它通常是常温多雨年份引起大片高粱早枯的主要原因。\",\"名称\":\"高粱大斑病\",\"病原物\":\"[病原]病原为大斑凸脐蠕孢Ex原创 2021-05-19 16:33:21 · 155 阅读 · 2 评论 -
split把字符串分割成字符串数组(请求数据一个里面包括多条)
案例出现请求数据当中多个图片在一个里面,其一我们要让它在页面渲染显示出来只显示其中一个,其二我们把它全部显示渲染上其一其二原创 2021-05-19 15:51:58 · 713 阅读 · 0 评论 -
遇到数据为空时返回NaN
当请求接口数据时,该当在一个页面的选项当中少填或者忘记填。我们需要进行三目判断一下。isNaN() 函数用于检查其参数是否是非数字值。返回值如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true。如果 x 是其他值,则返回 false。解决办法使用isNaN来进行判断当为空时,会为false,进行判断,让其等于一个整数 否则返回为原本的。isNaN是个函数 具体用法请点击教程...原创 2021-05-07 14:54:44 · 1652 阅读 · 0 评论 -
后端给你一个数组里面是同级把这个数组变成父级子级(类似楼梯导航)
把同级数组变成含有父级与子级的数组初来乍到,这个数组80%的后端会把含有父级与子级的返给你,当然我是属于20%的那种。但是这种作为前端要如何进行改变呢。原创 2021-05-06 15:23:32 · 236 阅读 · 1 评论 -
js常见数组的操作方法包括es6语法
一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, 4, 5]二、join()join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的,默认翻译 2021-04-22 18:04:36 · 387 阅读 · 0 评论 -
JS对象字符串数组的方法与转换
一般查看是对象还是数组使用typeof console.log(typeof a);//这样查看信息1. 对象转为字符串const obj = { id: 0, name: '张三', age: 12}const objToStr = JSON.stringify(obj)console.log('obj:', obj)console.log('objToStr:', objToStr)2. json字符串转为对象const str = '{"id"原创 2021-04-13 15:26:03 · 375 阅读 · 0 评论 -
移动端常见适配OR布局
适配移动端禁止页面用户放大缩小方法1<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>//把固定的meta直接替换这个//user-scalable=no|yes 设置用户是否缩放方法2在js里面自定义禁止双指放大document.documentElement.addEventListener(原创 2021-04-17 11:37:13 · 378 阅读 · 0 评论 -
前端命名规范
前端命名规范众所周知 一个好的习惯,可以改变一个人。培养一个好习惯,往往是在培养一个机会。前端命名规范 项目命名 全小写_隔开 my_project_name 文件命名:小写开头、驼峰命名 apiUtil.html apiUtil.css apiUtil.js 目录命名: 全小写 css命名规范 1)1.位置属性(position, top, right, z-index, display, float等)原创 2021-03-23 17:19:36 · 838 阅读 · 0 评论