1.遍历数组法 最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下： var arr = [1,3,5,7,9,1,9,5,9,3,5,11,13]; function unique1(array){ var newArr=[];//新建一个新数组 //遍历参数数组array for(var i=0;i<array.length;i
最近在做项目的时候发现在一个模块导出的时候是返回一个NEW以后实例化的对象，在其他地方使用的是同一个对象(一直以为是不用的对象，每次导入都是一个新的。。。还是太菜)。
理解ES 全称: ECMAScript js语言的规范 我们用的js是它的实现 js的组成 ECMAScript(js基础) 扩展-->浏览器端 BOM DOM 扩展-->服务器端 Node.js ES5 严格模式 运行模式: 正常(混杂)模式与严格模式 应用上严格式: 'strict mode'; 作用: 使得Javascript在更严格的条件下运行 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为 消除代码运行的一些不安全之处，保证代码运行的安全 需要记住的几个变化 声明定
这段代码本身没啥问题，但是你要创建唯一项列表时，数组通常不是最好的选择，这时候 JS Set集合 则派上用场啦。
又到了熟悉的函数,看了下发现和Python没太大区别...挺幸运的,所以前100多个视频学习起来一点都不吃力
本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。
在webpack中有时需要使用hash来做静态资源实现增量更新方案之一，文件名的hash值可以有三种hash生成方式，每一种都有不同应用场景，那么三者有何区别呢？
1.遍历数组法 最简单的去重方法， 实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下： // 最简单数组去重法 function unique1(array){ var n = []; //一个新的临时数组 //遍历当前数组 for(var i = 0; i < array.length; i++){ //如果当前数组的第i已经保存
Set是不能保存重复值的，所以无法添加重复值到Set中，利用这个特性就可以做去重功能。
直接看代码 mydux.js文件 function createStore(reducer) { /** * 1.注册用到的方法,并return出去提供使用 * 2.定义默认的状态与事件池 * 3.默认先触发一次dispatch给state赋予默认值 * 4.componentDidMount后会通过subscribe往状态池中追加事件 * 5.在具体的事件处触发dispatch,传入具体的action,修改state的值,并且触发事件池中的事件，
导读：关注 SEO、关注收录的站长，应该都知道百度搜索提供了一段自动推送的 js 代码，可将任意网页推送到搜索引擎，加快收录。但是，这段代码并不是简单的增加到网页中万事大吉了！百度埋坑技术，你我都懂的
这一节比较琐碎、基础，但也很有学习的必要，各种运算符、if控制语句、循环控制语句都是在代码编写中常用的语法。
// 最简单数组去重法 /* * 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ function uniq(array){
最近接触android中js与java交互的东西很多，当然它们之间的交互方式有几种，但是我觉得这几种交互方式都存在一定的不足，这是我决定编写SimpleJavaJsBridge这个库的关键原因。
# 一、provide / inject 类型定义 # 定义 provide 值的类型 import {InjectIonKey } from 'vue' // 使用 Symbol() 来定义key 因为他不能被重复定义 export default const Theme = Symbol() as InjectIonKey<值的类型> # 传递 provide 值 <script setup lang="ts"> import Theme from 'Theme.js' provide(Theme,
上一章我们基本上领略了three.js的魅力，这一章我们先不急着深入three.js，先学习2个非常有用的工具库，分别是stats.js和dat.gui，也许你没有听过两个库，但是很可能你见过他们。
Tween.js是一个可以产生平滑动画效果的js库，其官方地址为：https://github.com/tweenjs/tween.js/，可以将源码下载后，可以在tween.js/dist/文件夹下找到相应的js代码，在HTML中进行引用；也可以通过npm命令在终端控制台中安装tween.js模块 npm install @tweenjs/tween.js 然后在相应的页面引用Tween.js import * as TWEEN from '@tweenjs/tween.js'
当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率
Vue.js是一个渐进式、基于MVVM设计模式的纯前端JavaScript框架。它可以与其他技术混用，适用于以数据操作为主的项目，无需依赖后端技术。下面是关于Vue.js的一些重要知识点整理：
尽管 Three.js 文档已经比较详细了，但对于刚接触 Three.js 的工友来说，最麻烦的还是不懂如何组合。Three.js 的功能实在太多了，初学者很容易被大量的新概念冲晕。
数组是 JS 最常见的一种数据结构，咱们在开发中也经常用到,在这篇文章中,提供一些小技巧,帮助咱们提高开发效率。
·使用link加载样式而不是@import（是css2提供的一种方式，不兼容，只能加载css，而且页面所有组件被加载完后才会被加载，完成前会导致‘闪烁’，link属于XHTML标签，没有兼容问题）；
数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素。
大部分讲 new 的文章会从面向对象的思路讲起，但是我始终认为，在解释一个事物的时候，不应该引入另一个更复杂的事物。
在js中比较两个值时，你可能会用相等运算符==或者严格相等运算符 ===。为了避免在比较时发生强制类型转换，许多开发者更倾向于使用后者。
今天终于得空了，我要把 kui 说明文档这个项目优化下。打开太慢了，就是这个 http://k-ui.cn
1 背景 相信对于每个刚接触构建的同学来说， webpack 都是难以跨越的一道坎，它凭着抽象的概念、“言简意赅” 的文档，难倒了一众英雄好汉。 由于自己平时从零手写 webpack 配置的机会比较少，所以对 webpack 里的一些配置不都是特别清楚。 最近的一个需求需要给页面资源增加 md5 版本号，我正好借着这个机会，把项目里的 webpack 配置都重新梳理了一遍。 本文对于基本的配置概念（如 entry 、 output 等）就不一一赘述了，着重介绍的是 splitChunks 和 manifes
Vue.js比较好用的一点是双向数据绑定，而双向数据绑定的实现就是Object.defineProperty()，在探索这个方法之前，我们先用代码实现一个简易的数据响应。
关于 Vue.js 的 v-for ， key 的取值，影响过渡动画表现 这个问题是在写 Message 组件出现的，先看代码部分
js数组如何理解 1、js数组是值的有序集合，每个值称为元素或元素。 每个元素在数组中都有一个位置，用数字表示，称为索引或下标。 2、js的数组没有类型，数组元素可以是任何类型。 同一数组中的不同元素可能是对象或数组，可以重复如何顺序。 3、数组元素的索引不一定是连续的，可以有间隙。 每个数组都有一个lengrh属性，length属性是数组元素的数量。 实例 var nums = []; for(var i =0 ;i <=10; i++){ nums[i] = i+1; } var samenum
HTTP缓存（ ETag、Cache-Control）——谷歌开发者 HTTP缓存有利于web性能优化
本文旨在整理常见Web前端性能优化的思路，可供前端开发参考。因为力求精简，限于篇幅，所以并未详述具体实施方案。 基于现代Web前端框架的应用，其原理是通过浏览器向服务器发送网络请求，获取必要的index.html和打包好的JS、CSS等资源，在浏览器内执行JS，动态获取数据并渲染页面，从而将结果呈现给用户。 在这个过程中，有两个步骤可能较为耗时，一个是网络资源的加载，另一个是浏览器内代码执行和DOM渲染。 而耗时的增加会导致页面响应慢，卡顿，影响用户体验。 针对上述两种耗时的情况，常见的优化方向有： 缩短
三月份有很多朋友辞职跳槽，也遇到了许许多多的面试题，在交流群里和网站上总结了一些常见的面试题，细细分析，其实基本都是万变不离其宗，所有的问题都是从某一技术点的基础出发，综合考量，如果懂得了这项技术的原理所在，题目答起来内容都差不多能答对。 基础 简单介绍一下自己，为什么选择做前端？ 说下你所在的EPI实验室和CTG工作室是干什么的？ 介绍下你最近的项目？ 说出你觉得自己身上最优秀的能力？ 说出你未来的规划？ 你最近有没有什么想要学习的技术？ 你有什么要问我的？ 布局相关 position的值有哪
在Vue.js的开发中，循环语句是非常常用的语法之一。通过循环语句，我们可以对数组和对象进行遍历，动态生成重复的HTML元素或执行一系列的操作。本文将详细介绍Vue.js中循环语句的使用方法和相关技巧。
向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。
usually.js 是一个面向现代 Web 开发的 JavaScript 函数库，基于 ES6 开发。最新版本2.4.1，最新版本usually.js增加管道函数—— pipe 函数。什么是管道函数？管道函数，其作用是将前一步的结果直接传参给下一步的函数，从而省略了中间的赋值步骤，可以大量减少内存中的对象，节省内存。
MVC设计模式基本思想就将项目层次分解为Model(模型层)、View(视图层)、Controller(控制层)。
今天笔者整理了一份自己最近用到的一些小技巧分享给大家，虽然都是基础技术，不过在某些特殊时刻还蛮有用的，不至于加载一堆体积庞大的第三方库，今天笔者用本文归纳一下分享给大家。本篇文章主要包含以下内容：
protocol-buffers 是 node.js 平台对支持 protobuf 封装的三方模块，下面的例子都通过 protocol-buffers 的使用来说明。
换了新公司，工作中使用的技术栈也从Vue换到了React，作为一个React新人，经常的总结和思考才能更快更好的了解这个框架。这里分享一下我这两个月来使用React总结的一些性能优化的方法。因为目前公司的项目是全面拥抱hooks的，所以只会涉及function组件写法，不包含class组件写法的相关内容。「注意：本文只涉及到一些业务开发层面的代码优化，很多通用的优化思想，比如虚拟列表，图片懒加载，节流防抖，webpack优化等等内容都不会涉及到。」
Mock.mock(rul?,rtype?,template|function(options))
1、module.exports+require很好用，可以用来做全局变量，比如在a.js中require了一个js，并且修改了这个js的一个属性，然后b.js再require这个js，就能读到刚刚修改之后的那个属性的值！用这个来写不需要重复new的对象，非常好~~
liMarquee 是一款基于 jQuery 的无缝滚动插件，类似于 HTML 的 marquee 标签，但比 marquee 更强大。它可以应用于任何 Web 元素，包括文字、图像、表格、表单等元素，同时它可以设置不同的滚动方向（左右上下）、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。
随机数不管是前端还是后端都会用到的一个地方，不管是从验证码还是各种生成的状态码，基本都是随机生成的，还有就是一些抽奖的算法，也是用随机数来处理的，生成随机数的方法目前是很多的，但是其实很多是重复性很大的，今天简单的讲一下怎么生成随机数重复性很低的一种办法GUID（Globally Unique Identifier）一种由算法生成的二进制长度为128位的数字标识符
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
