随笔分类 -  JS

摘要:​​oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"​​ 阅读全文
posted @ 2023-06-19 22:46 威武的大萝卜 阅读(652) 评论(0) 推荐(0)
摘要:前言 在Js中有一些比较冷门但是非常好用的方法,我在这里称之为高级方法,这些方法没有被广泛使用或多或少是因为存在一些兼容性的问题,不是所有的浏览器都读得懂的。这篇文章主要就是对这些方法做一个总结,有些方法在我们开发过程中有着重要的作用,我们一起来看一下吧。 getBoundingClientRect 阅读全文
posted @ 2023-06-18 10:26 威武的大萝卜 阅读(93) 评论(0) 推荐(0)
摘要:0、算法概述 0.1 算法分类 十种常见排序算法可以分为两大类: 比较类排序:通过比较来决定元素间的相对次序,由于其时间复杂度不能突破O(nlogn),因此也称为非线性时间比较类排序。 非比较类排序:不通过比较来决定元素间的相对次序,它可以突破基于比较排序的时间下界,以线性时间运行,因此也称为线性时 阅读全文
posted @ 2022-12-02 02:37 威武的大萝卜 阅读(60) 评论(0) 推荐(1)
摘要:本文是学习中传思客在慕课网开的课程《前端跳槽面试必备技巧》的学习笔记。课程地址:https://coding.imooc.com/class/evaluation/129.html#Anchor。 目录 创建对象有几种方法 原型、构造函数、实例、原型链 instanceof的原理 new运算符 创建 阅读全文
posted @ 2022-12-01 22:48 威武的大萝卜 阅读(55) 评论(0) 推荐(0)
摘要:String.prototype.match() ** String.prototype.match()方法返回通过一个正则表达式匹配到的字符串结果。** var paragraph = 'The quick brown fox jumps over the lazy dog. It barked. 阅读全文
posted @ 2022-11-25 20:46 威武的大萝卜 阅读(1274) 评论(0) 推荐(0)
摘要:有这么一个需求,就是我们要给员工设置业绩和目标,但是我们已经在本地的表格里面设置好了,现在需要导入到系统里面,如果一个一个的输入,有点太费劲了,所以做了一个导入的功能,这个需求有如下功能:1.可以选择年份,某一年的目标2.可以选择目标,是那一条目标的业绩3.要上传表格,同步数据用这就是一个不仅需要上 阅读全文
posted @ 2022-11-02 16:21 威武的大萝卜 阅读(110) 评论(0) 推荐(0)
摘要:由于 Javascript(简称:JS)中的 this 理解起来较为复杂,使得很多入门新手和一些进入前端圈子有些年限的工程师们都对其的用法有些模糊。所以今天为大家带来 Javascript(简称:JS) 中 this 的用法详解。 this 永远指向 调用 包含 自己(this本身) 的 函数 对应 阅读全文
posted @ 2022-03-02 22:10 威武的大萝卜 阅读(166) 评论(0) 推荐(0)
摘要:Javascript 可以做许多神奇的事情,也有很多东西需要学习,今天我们介绍几个短小精悍的代码段。 获取随机布尔值(True/False) 使用 Math.random() 会返回 0 到 1 的随机数,之后判断它是否大于 0.5,将会得到一个 50% 概率为 True或 False 的值 con 阅读全文
posted @ 2021-12-23 11:40 威武的大萝卜 阅读(72) 评论(0) 推荐(0)
摘要:例如 [javascript] var test='{ colkey: "col", colsinfo: "NameList" }' var test='{ colkey: "col", colsinfo: "NameList" }'很明显是一个对象,但如何把文本转为对象呢。使用eval();注意一 阅读全文
posted @ 2021-12-13 14:15 威武的大萝卜 阅读(3803) 评论(0) 推荐(0)
摘要:es6-map数据结构增加、删除、查找 方法(set get has delete clear ) 属性 map数据结构: 本质上是键值对的集合,类似集合; 可以遍历,方法很多,可以跟各种数据格式转换。 let json = { name:'ananiah', age:'18' } //效率低 需要 阅读全文
posted @ 2021-11-12 13:39 威武的大萝卜 阅读(481) 评论(0) 推荐(0)
摘要:今天把做专题常用的js代码总结出来(持续更新),方便以后直接复制使用,不用老敲啊敲 1、屏幕适配JS代码 1 2 3 <script> var phoneScale = parseInt(window.screen.width)/640;document.write('<meta name=\'vi 阅读全文
posted @ 2021-10-26 15:53 威武的大萝卜 阅读(632) 评论(0) 推荐(0)
摘要:经常会用的基础知识点,看看javaScript中的那些循环遍历方法 一、数组遍历方法 1. forEach() forEach 方法用于调用数组的每个元素,并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下: array.forEach(function(currentValue, 阅读全文
posted @ 2021-10-26 15:51 威武的大萝卜 阅读(201) 评论(0) 推荐(0)
摘要:总结了一些开发常用的 JS 小技巧,让你的代码更优雅! 1. 通过条件判断给变量赋布尔值 先来看一段代码: handleFormChange(e) { let isUpload; if (e.target.value 'upload') { isUpload = true; } else { isU 阅读全文
posted @ 2021-10-21 10:43 威武的大萝卜 阅读(132) 评论(0) 推荐(0)
摘要:1、复制到剪贴板 使用 navigator.clipboard.writeText 轻松将任何文本复制到剪贴板。 const copyToClipboard = (text) => navigator.clipboard.writeText(text); copyToClipboard("Hello 阅读全文
posted @ 2021-10-21 09:01 威武的大萝卜 阅读(71) 评论(0) 推荐(0)
摘要:☀️ 前言 相信大家经常会使用到加载动画,但是大部分组件库的加载样式都太简洁了👻。 这次给前端工友们收集了10+个高逼格加载动画效果!!复制就能直接用!!😎 ⛷️ 来吧展示 1、一个"滚动"加载 跳动旋转的的方块再加上渐变的影子简单的构成了一个物体滚动的画面 <!-- loading.html 阅读全文
posted @ 2021-10-20 11:20 威武的大萝卜 阅读(302) 评论(0) 推荐(1)
摘要:JavaScript事件模型及事件代理 事件模型 JavaScript事件使得网页具备互动和交互性,我们应该对其深入了解以便开发工作,在各式各样的浏览器中,JavaScript事件模型主要分为3种:原始事件模型、DOM2事件模型、IE事件模型。 1.原始事件模型(DOM0级) 这是一种被所有浏览器都 阅读全文
posted @ 2021-10-08 10:08 威武的大萝卜 阅读(852) 评论(0) 推荐(0)
摘要:#引言 JS系列暂定 27 篇,从基础,到原型,到异步,到设计模式,到架构模式等,此为第一篇:是对 var、let、const、解构、展开、函数 的总结。 let在很多方面与 var 是相似的,但是 let 可以帮助大家避免在 JavaScript 里常见一些问题。const 是对 let 的一个增 阅读全文
posted @ 2021-07-15 11:03 威武的大萝卜 阅读(258) 评论(0) 推荐(0)
摘要:#引言 JS系列暂定 27 篇,从基础,到原型,到异步,到设计模式,到架构模式等, 本篇是 JS系列中第 3 篇,文章主讲 JS 继承,包括原型链继承、构造函数继承、组合继承、寄生组合继承、原型式继承以及 ES6 继承 。 #ES5 继承 先定义一个父类 function SuperType () 阅读全文
posted @ 2021-07-15 10:51 威武的大萝卜 阅读(133) 评论(0) 推荐(0)
摘要:针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。 JS数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ console.log(arr[i] 阅读全文
posted @ 2021-07-08 16:07 威武的大萝卜 阅读(424) 评论(0) 推荐(0)
摘要:一、 <li v-for="(chatting,index) in item" :key="index" :class="{'user_right':chatting.user_id}"> 判断chatting中是否有user_id,如果有就追加user_right类名 二、 <p :class=" 阅读全文
posted @ 2021-06-15 16:46 威武的大萝卜 阅读(350) 评论(0) 推荐(0)