![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Javascript
文章平均质量分 60
Javascript相关
Twelve--
记录笔记--记录知识点--内容均为日常学习和工作碰到问题的梳理
展开
-
JavaScript权威指南7(四) 第十一章 JavaScript 标准库
array原创 2022-03-03 16:15:23 · 575 阅读 · 0 评论 -
React中使用less修改界面主题 less.modifyVars
新建两个文件一个是theme.less样式文件,一个是less.js文件,js文件的内容可以在 下载js文件 点击下载。安装 less 和 less-loadernpm i less --savenpm i less-loader --save配置环境,在webpack.config.js文件里面修改,找到css的规则,修改三个地方'css-loader’的test: /.css$/ 改为 /.(css|less)/'css-loader’的 importLoaders:1改为2.原创 2022-02-28 14:33:45 · 2879 阅读 · 0 评论 -
JavaScript权威指南7(三) 第六章 Object Prototype Methods
Object 对象对象不仅仅是简单的字符串到值的映射,除了维护自己的属性集,JavaScript对象还继承另一个对象的属性,即它的原型。对象的方法通常是继承的属性,而这种原型继承是JavaScript的一个关键特性。...原创 2022-02-18 14:58:42 · 387 阅读 · 0 评论 -
JavaScript权威指南7(二) 第五章
JavaScript语句摘要break 从最内部的循环或开关或命名的封闭语句中退出case 在switch中标记语句class 声明一个类const 声明并初始化一个或多个常量continue 开始最内层循环或命名循环的下一次迭代debugger 调试器断点default 在switch中标记默认语句do/while while循环替代方案export 声明可以导入其他模块的值for 循环for/await 异步迭代器的值for/in 枚举对象的属性名称for/of 枚举可原创 2022-02-17 14:41:04 · 278 阅读 · 0 评论 -
javascript权威指南7(一)
标识符只是一个名称,用于命名常量,变量,属性,函数和类,并为JavaScript代码中的某些循环提供标签。以字母,下划线或美元符号开头。数字不允许作为第一个字符。与任何语言一样,Javascript保留某些标识符供语言本身使用。保留字不能作为常规标识符。哪个 if 适合程序,取决于给str赋什么值if(str !== null){...} // 不为空才会执行 与null比较if(str){...} // 不为假值或者任何假值(null或未定义)时执行undefined表示系统级的,意外的或.原创 2022-02-16 14:26:56 · 484 阅读 · 0 评论 -
导航菜单3d效果 侧边导航酷炫展开效果 鼠标移入侧边栏 二级菜单3D展开 鼠标hover背景变色
// css初始化html, body, div, ul, li, p { margin: 0; padding: 0; }ul { zoom: 1; list-style: none;}a{text-decoration: none;}a:hover { cursor: pointer; }:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: b原创 2021-06-16 20:07:12 · 918 阅读 · 0 评论 -
ES6至ES11(二)
十三 Set集合 可以去重size 个数add 添加delete 删除has 检测clear 清空let arr = [1,5,2,6,4,2,5,6,9,4,3,7,8]// 数组去重let result = [...new Set(arr)]// 交集 既在a也在blet arr2 = [5,6,5,4,3,5]let result = [...new Set(arr)].filter(item=>new Set(arr2).has(item));// 并集 合并之后的结果原创 2021-04-19 11:06:34 · 145 阅读 · 0 评论 -
ES6至ES11(一)
什么是ECMAScript是由ecma国际通过ECMA262标准化其中的一个。一. let 关键字 声明变量let a; let a,b,c;let f=21;特性:1. 变量不能重复声明 let a = 'xxx' let a = 'vvv' // 报错块级作用域(在代码块内起有效) { let name = 'jack' } console.log(name) // 报错不存在变量提升console.log(song) // 报错l原创 2021-04-14 16:58:34 · 449 阅读 · 0 评论 -
Javascript异步编程 promise async await
JavaScript语言的执行环境是单线程。所谓单线程,就是指一次只能完成一件任务。如果多个任务,就必须排队,前面一个任务完成,再执行后面一个任务。这种模式的好处是实现起来比较简单,执行环境相对单纯。坏处是只要有一个任务耗时很长,后面的任务就必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段JavaScript代码长时间运行,导致整个页面卡死在这个地方,其他任务无法执行。为了解决这个问题,JavaScript语言将任务的执行模式分成两种:同步Synchronous和异步原创 2021-04-02 14:19:02 · 162 阅读 · 0 评论 -
11个常见ES6代码使用
1. 隐藏所有元素<div> <img src="user.jpg"> <img src="user.jpg"> <img src="user.jpg"> <img src="user.jpg"> <img src="user.jpg"> <img src="user.jpg"></div>使用了 三个点称为扩展运算符,简单理解就是用于取出参数对象中的所有可原创 2021-01-28 10:07:29 · 309 阅读 · 1 评论 -
JavaScript回调函数入门
首先回顾一下 什么是函数?函数用一组逻辑代码执行特定任务可以通过构造函数和函数表达式去声明一个函数调用函数 可以用特定事件(如单击事件)、js代码调用、自调用的方式什么是回调函数?回调函数也被叫做高阶函数 所谓高阶函数是指函数作为参数被传递或者作为返回值输出简单来说 就是把一个函数当作参数传递给另外的函数 然后在这个函数内部执行这个参数的函数在javascript中函数被看作是一类对象 作为一类对象(指数字、函数、变量)可以将函数作为变量传给其他函数 也可以从其他函数中返回这些函数回调函数的原创 2020-08-07 16:38:00 · 475 阅读 · 0 评论 -
简单入门JavaScript函数封装 封装函数
什么是封装?封装是面向对象的三个基本特征之一 将现实世界的事物抽象成计算机领域中的对象 对象同时具有属性和行为(方法) 这种抽象就是封装特性:数据隐藏什么是函数?用来执行特定任务 实际上为了易于调试和维护 函数允许以更有组织的方式去编写代码 函数还允许代码重用什么是函数封装?函数封装是一种函数的功能 它把一个或多个功能通过函数、类的方式封装起来 对外只提供一个简单的函数接口当写程序的过程中需要执行同样操作时 不需要再写同样的函数来调用 直接从函数库里面调用使用函数有两步定义函数(又叫声明原创 2020-08-05 20:01:22 · 2525 阅读 · 1 评论 -
JavaScript数组遍历常有的方法
Javascript 数组遍历 基本是 for for-in for-each for-of map 等等这里一共列举了 13 个数组遍历方法普通for循环const arr = [11,22,33,44,55,66,77,88]for(i=0;i<arr.length;i++){ console.log(arr[i])}最简单的一种 也是使用频率最高的一种 虽然性能不弱 但仍有优化空间优化版 for 循环const arr = [11,22,33,44,55,66,原创 2020-07-14 20:59:09 · 328 阅读 · 0 评论 -
原生JavaScript实现拖拽和缩放
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>拖拽缩放</title> <meta name="viewport" content="width=device-width, initial-scale=原创 2020-07-09 13:15:41 · 776 阅读 · 0 评论 -
简单梳理 redux 全局状态管理
redux 是一个全局状态管理的容器三大核心state 单一数据源 就是传递的数据action 唯一改变state的方法就是触发 actionreducer 使用纯函数来执行修改 需要编写 reducerstore 就是把action与reducer联系到一起的对象主要职责:维持应用的state提供getState()获取statedispatch() 发送 actionsubscribe() 注册监听subscribe() 返回值注销监听state状态DomainSta原创 2020-05-26 22:08:14 · 351 阅读 · 0 评论 -
小程序 es7 的async await 语法 在有的机型上不适用 需要下载facebook的 regenerator
第一种方式 通过新建文件的方式下载地址:https://github.com/facebook/regenerator/tree/master/packages/regenerator-runtime在小程序的目录下新建文件夹 lib/runtime/runtime.js 将代码拷贝进去在每个需要使用的地方 引入import regeneratorRuntime from '…/…/lib/runtime/runtime.js第二种方式 使用npm构建在小程序的根目录 npm init 初原创 2020-05-18 09:03:31 · 792 阅读 · 0 评论 -
常见问题/知识点记录(七)
一 undefined与null的区别undefined代表定义了未赋值 (var a)null定义并赋值了 值为null (var a=null)什么时候给对象赋值为null ?初始赋值为null 表明将要赋值为对象结束前赋值 让对象被垃圾回收二 Array.prototype的方法有哪些?push pop shift unshift splice slice concat join toString reversesort indexOf lastIndexOf includes.原创 2020-05-16 22:17:24 · 213 阅读 · 0 评论 -
常见问题/知识点记录(六)
一 ES6 新特性 有哪些新特性letconst…args(剩余参数)…(扩展运算符)``(模版字符串)箭头函数=>数组扩展方法:find() findIndex() Array.from() includes()解构赋值String扩展方法:startWith() endsWith() repeat()Set() 数据结构 包含方法: add() delete() has() clear()二 有哪些解决跨域的方法JSONPCORShttp proxyng.原创 2020-05-14 09:04:26 · 100 阅读 · 0 评论 -
Javascript 高阶函数 filter(), map(), reduce()
高阶函数是一个将一个或多个函数作为参数的函数也可以理解为:函数需要的参数本身就是函数高阶函数可以帮助增强你的Javascript,使你的代码简单、简练、可读性强。1 filter.filter() 过滤 const nums = [10,20,11,111,222,444,50,40]let newNum = nums.filter(function(n){ return n<...原创 2020-04-20 20:23:56 · 112 阅读 · 0 评论 -
请求 使用 fetch(await/async) 或者 axios(await/async)
使用 Fetch 的两种方式不使用await/asyncgetData(){ fetch('请求地址').then((response)=>{ console.log(response) }).catch((error)=>{ console.log(error) })}使用await/asyncawait/async 是 ES7 最重要特性之一,它是目前为止...原创 2020-04-15 19:49:18 · 415 阅读 · 0 评论 -
基于Promise 接口调用方式 ajax fetch axios async/await 前后端交互
Promise resolve成功状态 reject拒绝状态后面的then是前面返回promise的处理前后端交互模式客户端根据url地址发送请求调用后台接口 后台根据不同的url地址返回不同的数据接口调用方式:原生 ajax基于 jquery 的 ajaxfetchaxios异步编程: js中有三种场景 ajax 定时器 事件函数Promise的相关概念es6新语法 用来处...原创 2020-03-27 16:39:57 · 1860 阅读 · 1 评论 -
常见问题/知识点记录(四)
一 懒加载懒加载 就是按需加载或者延时加载优点:不需要将对象的实例化全部写到viewDidLoad中 跨域简化代码 增强代码可读性对系统的内存占用率会减少减轻服务器的负担 提高页面加载速度 减少带宽二 防抖与节流 如何实现 区别一 防抖摘自 https://www.jianshu.com/p/b5fcb9a04b17防抖 : 触发高频函数事件后 n秒内函数只能执行一次...原创 2020-03-12 10:35:23 · 94 阅读 · 0 评论 -
常见问题/知识点记录(三)
一 数据类型一 基本数据类型 String Number Boolean Undefined Null二 引用数据类型 Object Function Array什么是数据 存储在内存中代表特定信息对二进制特点 可传递 可运算什么是内存 内存通电后产生的可存储数据的空间内存的分类 堆(对象)和栈(全局变量/局部变量)什么是变量 可变化的量 由变量名和变量值组成每个变量都对应一小...原创 2020-03-11 17:14:50 · 79 阅读 · 0 评论 -
http proxy 代理
配合webpack 和 webpack-dev-server处理import axios from 'axios'axios.get('http://127.0.0.1:3001/list').then(result=>{ console.log(result)})// 安装npm install webpack webpack-cli// 配置webpack.config...原创 2020-03-11 14:51:17 · 1736 阅读 · 0 评论 -
CORS 跨域资源共享
需要服务端支持使用 axios.js 请求…的前端处理axios.get('http://127.0.0.1:3001/list').then(result=>{ console.log(result)})在服务端使用中间件设置相关头信息允许跨域(需要处理options试探性请求)//配置cors 打包之后也不影响var allowCrossDomain = functio...原创 2020-03-11 12:21:12 · 146 阅读 · 0 评论 -
JSONP和JQuery实现跨域
test原创 2020-03-11 11:18:19 · 163 阅读 · 0 评论 -
常见问题/知识点记录(二)
一 性能测试测试一段程序执行的时间console.time('A') // 可以测试一段程序执行的时间function fn(){...}console.timeEnd('A')二 把一个字符串的大小写取反let str = "renzhenxuexideLUqian要加油啊! HAHA"str = str.replace(/[a-zA_Z]/g,content=>{...原创 2020-03-10 18:32:10 · 79 阅读 · 0 评论 -
常见问题/知识点记录(一)
常见问题/知识点记录(一)原创 2020-03-09 13:53:03 · 76 阅读 · 0 评论 -
React与Vue的区别(学习总结与记录)
简单介绍React是由Facebook常见的js UI框架,它支撑着包括Instagram在内的大多数Facebook网站。其中最大的变化是React推广了Virtual DOM并创造了新语法–JSX,JSX允许开发者在js中书写HTML。VUE致力解决的问题与React一致,但却提供了另外一套解决方案。Vue使用模版系统而不是JSX,使其对现有应用对升级更加容易。这是因为模版用的就是普通...原创 2020-01-07 09:48:04 · 160 阅读 · 0 评论 -
ES6新特性(2015)【学习总结于记录】
ES6新特性(2015)ES6的特性比较多,在ES5发布近6年(2009-11 至 2015-6)之后才将其标准化。两个版本之间时间跨度很多。所以ES6中的特性比较多。常用的:类模块化箭头函数函数参数默认值模板字符串解构赋值延展操作符(展开操作符)对象属性简写PromiseLet与ConstApply和Call类(calss)对熟悉Java,object-...转载 2019-12-04 17:32:04 · 184 阅读 · 0 评论