javascript
文章平均质量分 60
霹雳桃
这个前端有点菜!!!!!
展开
-
h5键盘弹出收起时引起的页面变化
键盘弹出时会导致窗口发生变化,置于底部的操作项会被顶上来,所以在键盘弹出的时候处理一下页面节点原创 2024-04-25 13:30:19 · 661 阅读 · 0 评论 -
微信SDK授权获取定位踩坑--getLocation:invalid signature
1.wx.config 报错 invalid signature 2.wx.config 报错 invalid url domain 3.wx.getLocation ios正常调用返回,安卓报错 getLocation:invalid signature原创 2024-04-23 18:03:55 · 895 阅读 · 5 评论 -
css和js异步加载
css和js异步加载/** * 异步加载css 与 js 文件 * xue * */LazyLoad = (function (doc) { /** * 如何使用: * * CSS: * var cssFile = [ '/css/backstage/1.css', '/css/backstage/2.css', '/css/backst原创 2022-04-20 14:34:52 · 84 阅读 · 0 评论 -
canvas入门内容
canvas一、基础1.使用 canvas1.首先需要有画布,画布需要有宽高<canvas width="500px" height="500px"><canvas>2.使用时需要获取画布var canvas = document.querySelector('canvas')var ctx = canvas.getContext("2d")接下来就可以去使用 canvas 画东西了2.矩形添加矩形(x,y,width,height),有背景色ctx.f原创 2022-04-16 17:12:19 · 329 阅读 · 0 评论 -
gulp的使用
gulp一、gulp41.series 和 parallel 的区别// series 顺序执行gulp.task( 'default', gulp.series(['a'], function (done) { console.log('bbb'); done(); }));// parallel 同时执行gulp.task( 'default', gulp.parallel(['a'], function (done) { console.log原创 2022-04-11 20:56:05 · 463 阅读 · 0 评论 -
对象原型方法
对象原型方法1.hasOwnProperty判断当前属性是不是该对象的对象属性Object.prototype.aaa = 1;Object.prototype.abc = function () { console.log('abc');};var str = 'abcede';console.log(str.aaa); // 1var arr = [1, 2, 3];console.log(arr.aaa); // 1var bool = true;bool.abc(原创 2022-04-06 10:43:13 · 84 阅读 · 2 评论 -
关于对闭包的理解
闭包一、什么是闭包闭包就是函数套函数,在外层函数执行的时候返回内部函数,并且内部函数有权调用外部函数作用域的局部变量二、为什么用闭包是用闭包会产生私有变量,能够解决变量污染但是会产生内存泄漏的问题三、什么是变量污染当和引用的 js 文件中变量名相同时,就会造成变量污染四、垃圾回收机制函数中的局部变量当函数完成之后,局部变量会被销毁将不需要使用的数据进行清除,如果不清楚就会造成内存泄露五、闭包实例// 此时就形成了闭包,在fn执行的时候,将fn1返回赋值给f,f执行的时原创 2022-04-06 10:42:41 · 430 阅读 · 1 评论 -
getter/setter 访问器属性
getter/setter 访问器属性1. setset 方法中有且仅有一个参数当通过等号赋值时,值传入到 set 的 value 中2.get当取值的时候调用这个方法只写 get 不写 set 是只读属性只写 set 不写 get 是仅有设置值,没有获取值var obj = { a: 1, _c: 1, b: function () { console.log('aaa'); }, set c(value) { this._c = value;原创 2022-03-31 22:06:29 · 275 阅读 · 0 评论 -
对象 Object 方法
对象1. Object.create()以对象为原型创建一个新对象2.Objectassign()合并复制对象 浅复制,并且返回复制后的目标对象只赋值对象属性,不能复制原型链属性,不能复制不可枚举属性var o = { a: 1 };var o1 = { b: 2 };var o2 = Object.assign(o, o1);// {a:1,b:2}3.Object.defineProperty()给对象添加属性语法Object.defineProperty(对象名,原创 2022-03-31 18:02:12 · 514 阅读 · 0 评论 -
JS之严格模式
严格模式1.开启严格模式的方式在 script 标签内写入 “use strict”2.变量必须定以后才能赋值,如果没有定义,但是使用 window 赋值属性,这个变量等同于赋值window.a3.参数名不能相同function fn(a, a) { console.log(a); // 正常情况下,a=5,因为被覆盖 // 严格模式下,报错}fn(3, 5);4.预解析在栈中将 script 标签中所有使用 var let const 定义的变量预先在栈中开辟空原创 2022-03-30 17:47:20 · 374 阅读 · 0 评论 -
jQuery总结
jQueryjQuery 实现了一套与原生 js 一样的方法处理,只不过方法缩短内容,更简易,使用多个浏览器要想使用 jQuery 就必须使用 jQuery 对象,不能使用 DOM 对象操作 jQuery 方法一、jQuery 对象和 DOM 对象$() === function jQuery(){}$("div") === document.querySelectorAll("div")DOM 转换 jQueryvar divs = document.querySelecto原创 2022-03-30 17:46:16 · 733 阅读 · 0 评论 -
ajax && node服务 详解
ajax && node服务 详解一、open — method 请求方式 && url 请求地址xhr.open(method, url, async, user, password);// 例:xhr.open('GET', 'http://localhost:4010', true);1.methodGET POST PUT DELETEGET 获取如果发送请求的地址和上次的地址相同时,会调用缓存,不回去服务器请求在历史跳转后,回退时,原创 2022-03-26 16:07:54 · 1238 阅读 · 0 评论 -
node 服务
node 服务httphttp 模块是 node 自带的一个 api,是 http 通信模块创建 node 服务var http = require("http")这是通过 http 创建一个 node 服务回调函数http.createServer(fn)fn 这个回调函数中包含两个参数,一个是 req,一个是 res,一旦有前端发送数据给服务端是,就会执行这个回调函数req 是请求对象,前端发送数据给服务端的,这个发送来的数据叫做请求数据res 是响应对象,服务端发送数据给前端原创 2022-03-24 20:32:56 · 1001 阅读 · 0 评论 -
npm 的使用
npm 的使用一、nrm 的使用1、安装npm i nrm -g2、显示列表nrm ls3、npm 下载的镜像地址使用 nrm 的命令 nrm ls 查询npm ---------- https://registry.npmjs.org/yarn --------- https://registry.yarnpkg.com/tencent ------ https://mirrors.cloud.tencent.com/npm/cnpm --------- https://原创 2022-03-24 20:32:11 · 2825 阅读 · 0 评论 -
数组/字符串方法——补充(copyWithin、flatMap、padStart/padEnd、Symbol)
数组/字符串方法——补充一、数组.copyWithin(x,y,z)三个参数第一个:从该位置开始覆盖第二个:复制开始位置第三个:复制结束位置作用:截取数组中 y - z 的一段内容,从 x 位置开始覆盖原数组var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];var arr1 = arr.copyWithin(1, 3, 6); //[1, 4, 5, 6, 5, 6, 7, 8, 9]二、数组.flatMap(function(t,i){})作用:原创 2022-03-20 16:23:42 · 48 阅读 · 0 评论 -
Set 和 Map
Set 和 Map一、Set松散结构,添加删除速度快,存储没有顺序,不能排序,查找速度块不可以使用 for in 和 for 遍历有专门的迭代器遍历方法 for of不存储相同的数据,没有重复内容语法:new Set().add() 添加一次只能添加一个new Set().delete() 删除new Set().clear() 清空集合var s = new Set();s.add(3);s.add(4);s.add(5);console.l原创 2022-03-20 16:21:34 · 71 阅读 · 0 评论 -
Promise解决异步问题
PromisePromise是ES6引入的一个新的对象,他的主要作用是用来解决JS异步机制里,回调机制产生的“回调地狱”。它封装了异步回调形式,使得异步回调可以写的更加优雅,可读性更高,而且可以链式调用。Promise的构造函数接收一个参数:函数,并且这个函数需要传入两个参数:resolve :异步操作执行成功后的回调函数reject:异步操作执行失败后的回调函数在用的时候先new一个Promiselet p = new Promise( function(resolve,reject){原创 2021-11-08 09:27:24 · 452 阅读 · 0 评论 -
JS 中的 # DOM 操作
DOM 操作一、获取元素1.获取非常规元素html :document.documentElementhead :document.headbody :document.body2.获取常规元素2.1 根据 id 获取元素语法:document.getElementById(‘元素 id 名’)返回值页面上有 id 对于的元素,返回这个元素没有 id 对于的元素,返回 null2.2 根据 类名 获取元素语法:document.getElementByClassNa原创 2022-03-08 20:48:06 · 765 阅读 · 0 评论 -
JS 中的 BOM 操作--一套操作浏览器相关内容的属性和方法
BOM 操作–一套操作浏览器相关内容的属性和方法特点:所有 BOM 操作在不同浏览器中表现形式不一样1.获取浏览器可视窗口大小高度: window.innerWidth宽度: window.innerheight2.浏览器弹出层弹出层的特点都会阻断浏览器页面渲染的继续执行都会阻断 WEBSPI 的工作WEBSPI 工作分析代码2.1 提示框语法:window.alert(提示文本内容)表现:一个弹框 + 提示文本 + 确定按钮返回值:没有2.原创 2022-03-08 20:47:01 · 108 阅读 · 0 评论 -
浏览器本地存储之 cookie 和 storage localStorage sessionStorage
浏览器的本地存储分为三种cookielocalStragesessionStrage1.cookie1.1 cookie 是按照域名存储的在本地打开的页面是无法存储 cookie 的必须在服务器打开哪一个域名存储的 cookie 哪一个域名使用1.2 cookie 的存储大小4kb 左右50 条 左右1.3 cookie 存储的都是字符串,有自己的格式‘key=value;key2=value3;key3=value3’1.4 cookie 的存储是有时效性原创 2022-03-03 19:33:20 · 1022 阅读 · 0 评论 -
字符串方法总结
字符串常用方法通用语法字符串.xx()所有字符串方法都不会改变原始字符串,而是以返回值给出结果1.charAt() — 返回该索引位置的字符语法:字符串.charAt(索引)当没有该索引位置的时候,返回值是一个空字符串(’’)2.charCodeAt() — 该索引位置的字符编码(unicode)语法:字符串.charCodeAt(索引)返回值是一个 number 类型,如果没有索引位置返回 NaN3.toUpperCase() — 转为大写字母语法原创 2022-03-03 16:55:58 · 31 阅读 · 0 评论 -
js常用数组方法整理
会改变原数组1.push() — 按照顺序向数组后面追加你要插入的数据语法:数组.push(数据)数组.push(数据1,数据2,数据3,…)返回值:追加数据以后,数据的最新 长度2.pop() — 删除数组的最后一个数据语法:数组.pop()返回值:被删除的数据3.unshift() — 按照顺序向数组的最前面插入数据语法:数组.unshift(数据)数据.unshift(数据1,数据2,数据3,…)返回值:插入数据后,原创 2022-03-02 22:58:38 · 125 阅读 · 0 评论 -
数组和字符串常用方法
一.数组常用方法◉push()——末尾添加 语法:数组.push(数据) 返回值:追加数据后的新数组长度◉pop()——末尾删除 语法:数组.pop() 返回值:被删除的数据◉unshift()——头部添加 语法:数组.unshift(数据) 返回值:添加数据后新数组的长度◉shift()——头部删除 语法:数组.shift() 返回值:被删除的数据◉reveres()——数组反转 语法:数组.reveres() 返回值:反转后的数组◉splice()原创 2022-02-26 19:43:03 · 260 阅读 · 0 评论 -
函数封装练习
function isPrime(n) {if (isNaN(n)) return false;n = Number(n);for (var i = 2; i <= n / 2; i++) {if (n % i === 0) break;}return i > n / 2;}// 求当年的第几天function isDate(year, mouth, date) {var num = date;switch (mouth) {case 12:num += 30;cas原创 2022-02-25 08:47:46 · 286 阅读 · 0 评论 -
初识函数( function )
一、认识函数1. 函数是一个js的数据类型,叫做 Function2. 是一个复杂数据类型(地址/引用)3. 私人:就是一个‘盒子’,这个‘盒子’可以承载一段代码4. 涉及到两个过程 4.1 函数定义阶段:把代码装进盒子的过程 4.2 函数调用阶段:把盒子内的代码执行的过程5.函数定义阶段 5.1声明式函数 + 语法:function 函数名 (){ js代码 } 5.2 赋值式函数 + 语法:var fn = function (){ js代码 }6.函原创 2022-02-24 19:57:46 · 202 阅读 · 0 评论 -
循环语句( while && do while && for && 循环控制语句)
一、while 循环语句1.循环:重复执行一段代码 + 代码内的循环就是数数 + 通过数字的变化决定循环的次数2.循环三要素 2.1开始:从几开始数数 2.2 结束:数到多少结束 2.3 步长:数数的间隔3.while语句格式 3.1 while(条件){ 代码段 } 3.2 当条件满足时,执行 { } 里的代码段 + 执行完毕,再次进行条件判断 + 如果条件满足,再次执行 {} 中的代码段 + 一次类推,直到条件不满足原创 2022-02-24 19:55:11 · 288 阅读 · 1 评论 -
分支语句( if && switch)
一、if分支语句1. if 语句 1.1 if(条件){ 代码段 } 1.2 意义:条件为true的时候,{}内的代码段执行,否则不执行2. if else 语句 2.1 if(条件){ 代码段 } else { 代码段 } 2.2 意义:条件为true,执行 if 后面的代码段,否则执行 else 后面的代码段 ** 注意:两个代码段,能且只能执行一个3.if elss if 语句 3.1 if (条件){ 代码段 } else if(条件){ 代码段 } …原创 2022-02-24 19:53:31 · 264 阅读 · 0 评论 -
js引入方式&三种常用输出方式&定义变量&变量名规范和规则&数据类型分类&监测数据类型&数据类型转换&运算符
一、JS三个组成部分1.DOM --------Domcument Object Model 文档对象模型2.BOM -------------Browser Object Model 浏览器对象模型3.ECMAScript ---------js语法 使用ECMAScript的语法操作DOM、BOM发生变化二、JS的三总引入方式1.行内式 + a标签 直接书写在href位置 书写javascript : ; + 非a标签 需原创 2022-02-23 18:55:17 · 208 阅读 · 0 评论