JavaScript
文章平均质量分 62
JavaScript
alpha_xiao
这个作者很懒,什么都没留下…
展开
-
VScode 插件路径修改(自用)
Plan A: 使用 mklink (是 NTFS 文件系统中指向文件系统中的另一个对象的一类对象),先找到 C盘的 vscode 插件目录,先备份然后再删除,然后用管理员打开 CMD ,输入mklink /D "C:\Users\{username}\.vscode\extensions" "D:\vscode\extensions"Plan B: 先找到 vscode的快捷方式的图标,将 目标 加入 --extensions-dir "D:\vscode\extensions"原创 2022-05-18 09:02:16 · 1154 阅读 · 0 评论 -
算法问题集合
说说你对树的理解?二叉树:本身是有序树 树中包含的各个结点不能超过 2,即只能是 0、1 或者 2满二叉树、完成二叉树前序:根左右中序:左根右后序:左右根原创 2022-04-24 10:36:13 · 105 阅读 · 0 评论 -
node 问题集合
Node.js 的理解?优缺点?应用场景?Node.js 是一个开源与跨平台的 Javascript 运行时环境。在浏览器外运行 V8 Javascript,利用事件驱动、非阻塞和异步输入输出模型等基础提高性能可以理解为 Node.js 就是一个服务端的、非阻塞式I/O(输入/输出)、事件驱动的 Javascript 运行环境优点:处理高并发场景性能更佳 适用 I/O 密集型应用,指的是应用在运行极限时,CPU 占用率仍然比较低,大部分时间再做 I/O 硬盘内存读写操作缺点:不适用.原创 2022-04-18 15:18:12 · 715 阅读 · 0 评论 -
前端笔试整理
// 第一题window.name = 'NB'function A() { this.name = 123}A.prototype.getA = function () { console.log(this) return this.name + 1}let a = new A()let funA = a.getAfunA()// Window// NB1// 第二题var length = 10function fn(){ return this.le.原创 2022-04-14 15:35:45 · 115 阅读 · 0 评论 -
函数式编程
什么是函数式编程?主要的编程范式有三种:命令式编程、声明式编程和函数式编程函数式编程更加抢到程序执行的结果而非执行的过程,倡导利用若干简单的执行单元让计算结果不断渐进,逐层推导的运算,而非设计一个复杂的执行过程。简单的来说,就是吧过程逻辑编程函数,定义好输入参数,只关心它的输出结果。优点:更好的状态管理:因为它的宗旨是无状态,或者更少的状态,能最大化的减少这些未知、优化代码、减少出错情况 更简单的复用:固定输入 -> 固定输出,没有其他外部变量影响,并且无副作用。这样代码复用时,完全原创 2022-04-11 14:14:54 · 314 阅读 · 0 评论 -
渲染 10W 条数据
主要思路是:使用文档碎片 ( createDocumentFragment) + 逐帧加载(requestAnimationFrame)// 10W 数据源const total = 100000// 每次插入的条数const once = 30// 插入需要的次数,可能除不尽,向上取整const loopCount = Math.ceil(total/once)// 渲染的次数let countRender = 0// 获取插入的父节点const ul = document.q原创 2022-04-02 11:16:14 · 188 阅读 · 0 评论 -
Webpack
1. 对 webpack 的理解?解决了什么问题?Webpack 是一个用于现代 Javascript 应用程序的静态模块打包工具静态模块:在开发阶段,可以被 webpack 直接引用的资源。webpack 能力:1. 【 编译代码能力 】 ,提高效率,解决浏览器兼容问题;2. 【 模块整合能力】,提高性能,可维护性,解决浏览器频繁请求文件的问题;3. 【 万物皆可模块能力 】,项目维护性增强,支持不同种类的前端模块类型,统一的模块化方案,所有资源文件的加载都可以通过代码控制。.原创 2022-03-30 10:28:21 · 1677 阅读 · 0 评论 -
var 、let 和 const 区别
1. var var 定义的变量可以修改,如果不初始化会输出undefined,不会报错; 在相同作用域里,可以重复声明同一个变量; 会声明提升;( if 内的 {} 不是作用域) 2. let let是块级作用域,函数内部使用let 定义后,对函数外部无影响; 在相同作用域里,不可以重复声明同一个变量; 声明的变量不会存在变量提升;( if 内的 {} 是作用域 ) “暂时性死区”,在代码块内,使用let命令声明变量(或者con原创 2022-03-11 16:07:56 · 866 阅读 · 0 评论 -
JavaScript 数据类型 ( 深拷贝和浅拷贝 )
简单类型 ( 值类型 ) 和复杂类型( 引用类型 )简单类型又叫做基本数据类型或者值类型,名值存储于栈内存中,String、Number、Boolean、null、undefined、Symbol、BigInt(ES10)复杂类型又叫做引用类型,(名在栈内存中,值存在于堆内存中 ),在存储时变量中的存储仅仅是地址( 引用),通过 new 关键字创建的对象 ( 系统对象、 自定义对象),如Object、Function、 Array 、Date 等堆和栈( JS 中没...原创 2022-02-14 16:07:20 · 555 阅读 · 0 评论 -
JavaScript 预解析----遍历提升和函数提升
浏览器分成两部分: 渲染引擎和JS引擎渲染引擎: 用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkitJS引擎:JS解析器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8浏览器本身并不会执行JS代码,而是通过内置的JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所有JavaScript语言归为脚本语言,会逐行解释执行。作用域(如果在原创 2022-01-28 10:10:07 · 915 阅读 · 0 评论 -
VUE 基础
VUE事件修饰符.prevent 阻止默认行为(例如:阻止a链接的挑战).stop 阻止事件冒泡v-model 指令修饰符.number 自动将用户输入值转为数值类型.trim 自动过滤用户输入的收尾空白字符.lazy 在“change”时而非“input”更新v-if 和 v-showv-if 有更高的切换开销,v-show有更高的初始渲染开销如果有频繁的切换,用v-show如果在运行条件很少时,用v-if过滤器过滤器的注意点要定义到 filters 节点下,原创 2022-01-28 09:08:37 · 591 阅读 · 0 评论 -
javascript 基础汇总
文章目录javascript 汇总Javascript 由三部分组成继承, 继承可以使得子类别具有父类的的各种方法和属性(六种)闭包在浏览器中从输入Url并回车发生了什么?CSRF(跨站请求伪造)Referer原生javaScript节点BOM 浏览器对象模型遍历对象作用域函数表达式(匿名函数)深拷贝、浅拷贝预解析字符串浏览器的同源策略( 跨域 )javascript 汇总Javascript 由三部分组成ECMAScript 语法DOM 页面文档对象模型BOM 浏览器对象模型继承, 继承原创 2022-01-28 09:05:27 · 918 阅读 · 0 评论 -
【转载】JS数组遍历的几种方式
JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环代码如下:for(j = 0; j < arr.length; j++) {}简要说明: 最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间第二种:优化版for循环代码如下:for(j = 0,len=arr.length; j < len; j++) {}简要转载 2021-12-06 14:16:57 · 223 阅读 · 0 评论 -
防抖和节流
防抖:就是一定时间内,只会执行最后一次任务 //防抖debounce代码:function debounce(fn, delay) { var timeout = null; // 创建一个标记用来存放定时器的返回值 return function(e) { // 每当用户输入的时候把前一个 setTimeout clear 掉 clearTimeout(timeout); // 然后又创建原创 2021-10-27 09:52:56 · 71 阅读 · 0 评论 -
Generator 函数的语法
执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。形式上,Generator 函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号;二是,函数体内部使用yield表达式,定义不同的内部状态(yield在英语里的意思就是“产出”)。Yield 表达式由于 Generator 函数返回的遍历器对象,只有调用ne原创 2022-01-27 17:28:26 · 339 阅读 · 0 评论 -
Javascript 转换色值、透明度
/*** JS颜色十六进制转换为rgb或rgba,返回的格式为 rgba(255,255,255,0.5)字符串* sHex为传入的十六进制的色值* alpha为rgba的透明度*/colorRgba: function (sHex, alpha) {// 十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/ /...原创 2019-07-03 08:57:33 · 3236 阅读 · 0 评论 -
cocos creator 事件集合
/**************** // 添加鼠标事件监听器 var listener = { event: cc.EventListener.MOUSE, onMouseDown: function (event) { cc.log('Mouse Down: ' + event);原创 2016-08-20 10:27:25 · 3892 阅读 · 0 评论 -
几种简单的js语句(延时函数,回车事件)
1.输出语句:document.write("")2.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)3.JS中的取字符串长度是: (length) 4.JS中的字符与字符相连接使用+号. 5..JS中的比较操作符有: ==等于,!=不等于,>,>=,原创 2015-10-29 00:00:34 · 2512 阅读 · 0 评论 -
Cocos Creator JavaScript 快速入门(摘自官方文档)
JavaScript 快速入门本文改编自 A JavaScript Primer For Meteor概述本文以介绍 JavaScript 为主,初学者掌握本文的内容后,将能够对 JavaScript 有大体了解,并且满足 Cocos Creator 的开发需求。JavaScript是一门充满争议的编程语言:它以 Java 命名,但实际上和 Java 毫无关系。转载 2016-08-03 12:46:29 · 9918 阅读 · 0 评论 -
js控制div展开和收回
/////////////html部分,点击div展开,再次点击div收起展开function show(num,a){ var box = document.getElementById(num); var message = document.getElementById(a); if(box.style.display !=原创 2015-10-28 23:36:12 · 5925 阅读 · 0 评论 -
json 数据格式
JSON是 JavaScript Object Notation的简称,是一种轻量的数据表示方法。jason格式采用key:value的方式记录数据,非常直观,比XML简洁,因而大受欢迎介绍jason格式前,先让我们看看XML格式。显然,XML 得到了相当多的关注(正面和负面的评价都有),已经在 Ajax 应用程序中广泛使用:BrettMcLaughlinb转载 2016-09-12 09:52:12 · 583 阅读 · 0 评论 -
几种input的样式
输入框景背景透明:鼠标划过输入框,输入框背景色变色:style="width: 106; height: 21" onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black">输入转载 2016-11-24 10:16:22 · 15372 阅读 · 0 评论 -
使用jquery.qrcode.js 生成二维码
先简单说一下jquery-qrcode,这个开源的三方库(可以从https://github.com/jeromeetienne/jquery-qrcode 获取),qrcode.js 是实现二维码数据计算的核心类,jquery.qrcode.js 是把它用jquery方式封装起来的,用它来实现图形渲染,其实就是画图(支持canvas和table两种方式)最常见的QR二维码纠错分有原创 2017-02-24 15:17:59 · 1124 阅读 · 0 评论 -
js笔记
移动端点击事件灰边问题:隐藏文本框阴影input, textarea{-webkit-appearance: @none;}取消手机点击屏幕时,会出现的灰块html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}移动端网站或APP点击后出现闪动或灰色...原创 2017-07-13 09:09:34 · 366 阅读 · 0 评论 -
Js计算指定日期加上多少天、加多少月、加多少年的日期
/* * 功能:实现VBScript的DateAdd功能. * 参数:interval,字符串表达式,表示要添加的时间间隔. * 参数:number,数值表达式,表示要添加的时间间隔的个数. * 参数:date,时间对象. * 返回:新的时间对象. * var now = new Date(); * var newDate = DateAdd( "d", ...转载 2018-10-10 14:58:56 · 6624 阅读 · 0 评论 -
js 获取当前时间特定格式
1.获取当前时间var myDate = new Date();2.获取时间中的年月日时分秒myDate.getYear(); // 获取当前年份(2位)myDate.getFullYear(); // 获取完整的年份(4位,1970-????)myDate.getMonth(); // 获取当前月份(0-11,0代表1月)myDate.ge...原创 2018-10-10 15:29:11 · 10773 阅读 · 2 评论 -
移动端监听微信浏览器的返回按钮,返回刷新上一页
$(function () { function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "currentPage.html"); } //将当前页面写入历史记录 pushHistory(); window.a...原创 2019-04-10 09:29:05 · 1799 阅读 · 1 评论 -
Sublime text 3 配置 ESLint
参考博文:http://keelii.com/2017/04/29/sublime-text-3-configure-eslint/安装环境Windows 10 Sublime text 3 Build 3207 Node.js v6.9.5 Yarn 0.23.2 (可用 npm 代替)安装 ESLint到你的项目根目录生成一个 package.json 文件,如果没有使用...原创 2019-05-06 10:52:39 · 434 阅读 · 0 评论 -
几种js判断输入框不能为空的方
function Check()//fromname为表单的name,input{ if (document.fromname.inputname.value=="") { alert('请输入用户名!'); return false; } else { return true; }}1.i原创 2015-08-05 11:27:33 · 25193 阅读 · 0 评论