JavaScript
JavaScript
真不可思议
这个作者很懒,什么都没留下…
展开
-
Vue中如何像积木一样开发网页
在项目中,组件无处不在,可以通过对组件功能的封装,像搭积木一样开发网页。一、组件化开发比如 button 就是一个组件,前端页面会加上边框和鼠标悬停等样式,还可以使用 click 事件出发函数等。只不过这是浏览器封装好的组件,在编辑代码的任何地方,只需要使用如下代码,就能在前端页面显示一个按钮。<button> BUTTON </button>除了浏览器自带的组件外,Vue 还允许我们自定义组件,把一个功能模板 (template)封装在一个 .vue 文件中。把每原创 2021-12-14 16:28:49 · 1372 阅读 · 3 评论 -
JavaScript filter()方法
案例:1、删选排除所有最小的值function isBigEnough(element){ return element >= 18}var array1 = [10,14,15,16,18,17,20,28,24,27,22]var filtered = array1.filter(isBigEnough)console.log(filtered) // [ 18, 20, 28, 24, 27, 22 ]2、过滤 JSON 中的无效数据var arr = [ {原创 2021-12-01 16:00:07 · 893 阅读 · 0 评论 -
Javascript 二维数组排序
function sortArr(arr){ var goNext = true var entries = arr.entries() while(goNext){ var result = entries.next() if(result.done !== true){ result.value[1].sort((a,b) => a - b) goNext = true }else{ goNext = false }.原创 2021-12-01 10:03:49 · 733 阅读 · 0 评论 -
合并数组去重
function combine(){ let arr = [].concat.apply([],arguments); return Array.from(new Set(arr))}var a = [1,2,3,4], b = [1,2,3,4,5,6]console.log(combine(a,b)) // 1,2,3,4,5,6原创 2021-12-01 09:32:47 · 186 阅读 · 0 评论 -
javaScript 序列生成(指定范围)
const range = (start, stop, step) => Array.from({length:(stop - start) / step + 1}, (_,i)=> strat + (i * step);range(0,5,1) // 0,1,2,3,4,5range('A'.charCodeAt(0),'Z'.charCodeAt(0),1).map((x)=>String.fromCharCode(x)) // 'A','B','C','...,'Z'原创 2021-12-01 09:20:21 · 741 阅读 · 0 评论 -
Vue3 响应式原理
响应式原理Vue中的响应式通过三种响应式解决方案,defineProperty、Proxy、value setter。Vue2中使用 defineProperty API 实现响应式,存在的缺陷就是删除 obj.count 属性,set 函数不会执行,所以Vue2中需要使用 $delete 函数区删除数据。如下代码实现了简易的响应式功能,定义一个对象obj,使用 defineProperty 代理了 count 属性。这就实现了 obj 对象的 value 属性实现了拦截,读取 count 属性的时原创 2021-11-29 17:50:31 · 4123 阅读 · 0 评论 -
promise & async await
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l.原创 2021-11-02 22:49:09 · 74 阅读 · 0 评论 -
每天一个 js 小技巧
//定时执行并返回pormisefunctiona(fn,ms){returnnewPromise((reso,sule)=>{setTimeout(()=>{fn()},ms)})}原创 2021-06-09 13:09:00 · 159 阅读 · 0 评论 -
JavaScript 防抖节流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button id="button">BUTTON</button><script> function thro(func, wait) { .原创 2021-06-06 16:37:42 · 283 阅读 · 1 评论 -
axios封装
axios 封装//axios 的封装//1.引入axiosimport axios from "axios";//引入Messageimport { Message } from "element-ui";// 2.创建axios实例const service = axios.create({// 3.配置baseURL: "http://10.36.136.10:8080/index/Api", //请求基础路径,自行修改timeout: 60 * 1000,.原创 2021-04-12 08:51:45 · 87 阅读 · 0 评论