06 2021 档案
摘要：parseInt()是内置的 js 函数，用于解析数字字符串中的整数。 例如，解析数字字符串'100'： const number = parseInt('100'); number; // 100 如预期的那样，'100'被解析为整数 100。 parseInt(numericalString,
阅读全文
摘要：语法 假设有一个getjsON方法，它返回一个promise，该promise会被resolve为一个jsON对象。我们想要调用该方法，输出得到的JSON对象，最后返回"done"。 以下是使用promise的实现方式： const makeRequest = () => getJSON() .th
阅读全文
摘要：添加/删除元素 push() 数组末端添加元素 let arr = ['JavaScript', 'css']; alert( arr.push('html') );// 3 alert( arr );// JavaScript, css, html pop() 移除并返回数组最后一个元素 let
阅读全文
摘要：01-随机获取布尔值 此函数将使用Math.random()方法返回布尔值（真或假）。Math.random创建一个介于0和1之间的随机数，然后我们检查它是否大于或小于0.5。这意味着有50/50的机会会得到对或错。 const getRandomBoolean = () => Math.rando
阅读全文
摘要：1.Jquery的实现： /** * 倒计时 * e 代表发送按钮对象 */function resetTime(e){ var second = 60; var timer = null; timer = setInterval(function(){ second -= 1; if(second
阅读全文
摘要：substring()方法 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 参数 描述 start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 s
阅读全文
摘要：1、JavaScript的作用域链 首先看下下面这段代码： <script type="text/javascript"> var rain = 1; function rainman(){ var man = 2; function inner(){ var innerVar = 4; alert
阅读全文
摘要：思想 快速排序的基本思想是选择数组中的一个元素作为关键字，通过一趟排序，把待排序的数组分成两个部分，其中左边的部分比所有关键字小，右边的部分比所有关键字大。然后再分别对左右两边的数据作此重复操作，直到所有元素都有序，就得到了一个完全有序的数组。 来看一个例子，以数组[4, 5, 2, 7, 3, 1
阅读全文
摘要：1. 利用对象的 key 唯一 众所周知，对象的key不可重复，否则后者将覆盖前者。利用该特性，实现数组去重，遍历数组，将数组的每一项做为对象的key值 let obj = {}; for (let i = 0; i < arr.length; i++) { let item = arr[i] if
阅读全文
摘要：1. CPU和GPU CPU即中央处理器，它的功能主要是解释计算机指令以及处理计算机软件中的数据,也被称为主板。 GPU即图形处理器，是与处理和绘制图形相关的硬件。GPU是专为执行复杂的数学和几何计算而设计的，有了它，CPU就从图形处理的任务中解放出来，可以执行其他更多的系统任务 硬件加速（或者说G
阅读全文
摘要：rem rem 是 css3 新增的一个相对单位（root em，根 em） 只根据当前页面 html 页面的 font-size 设置，如果根目录的 font-size 为 18px，则 1rem=18px 媒体查询设置 @media screen and (min-width: 320px) {
阅读全文
摘要：一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线： 其一，html Parser 生成的 DOM 树；其二，css Parser 生成的 Style Rules ； 在这之后，DOM 树与 Style Rules 会生成一
阅读全文
摘要：1. 背景 在一些项目中，有时候会出现不同模块重复请求大量相同api接口的情况，特别是在一些功能相似的后台管理页面中。以下面这几个页面为例，每次进入页面都需要请求等大量重复的下拉框数据，下拉框数据短时间内改动不大，但也不能在前端使用静态数据，所以可以考虑在前端进行数据缓存，避免重复请求api。 2.
阅读全文
摘要：有人认为css很难学习，没有什么逻辑可言，而且还坑很多，可能是大家对css还不是很了解，因为我提出了五个我不喜欢的开发者习惯，并向大家展示如何避免它们。 1. 设置边距或填充，然后将其重置 我经常看到有人为所有元素设置边距或填充，然后又将第一个或最后一个元素的值重置。 .item { margin-
阅读全文
摘要：contain 属性 这个 contain 属性的主要目的是隔离指定内容的样式、布局和渲染。开发人员可以使用这个 contain 属性来限制指定的DOM元素和它的子元素同页面上其它内容的联系；我们可以把它看做一个iframe。跟iframe很相似，它能建立起一个边界，产生一个新的根布局；保证了它和它
阅读全文
摘要：在浏览器里进行用户追踪会引发关于隐私和数据保护一次又一次的讨论。类似 Google 分析之类的工具几乎可以抓到所有需要的内容，包括来源，语言，设备，停留时间等等。 但是，想获取一些感兴趣的信息，你可能不需要任何外部追踪器，甚至不需要 JavaScript。本文将向你展示，即便用户禁用了 JavaSc
阅读全文
摘要：textarea高度自适应，textarea高度自动增高，textarea高度自动撑开，本文通过复制textarea的html给另外一个元素pre,由于设置pre自动展开，所以不会存在有滞留的感觉，交互效果较好。 技术原理 textarea高度自适应是一个比较常用的前端开发效果。 在新浪微博的输入框
阅读全文
摘要：本文主要介绍一个Footer元素如何粘住底部，使其无论内容多或者少，Footer元素始终紧靠在浏览器的底部。我们知道，当内容足够多可以撑开底部到达浏览器的底部，如果内容不够多，不足以撑开元素到达浏览器的底部时，下面要讲的布局就是解决如何使元素粘住浏览器底部。 方法一：全局增加一个负值下边距等于底部高
阅读全文
摘要：异常捕获是改善软件质量的跟踪手段之一，常见的方式是记录日志，从日志分析异常问题进而跟进。对于前端项目来说，异常可能是后端接口数据导致，可能是前端本身业务逻辑问题导致，不管是什么导致的异常，只要能够精准的捕获到就能够分析出问题所在。可能有小伙说有测试阶段，全面的测试机制的确能够降低异常的出现，但是测试
阅读全文
摘要：熟悉 Linux 系统的同学都知道，它高效主要体现在命令行。 通过命令行，可以将很多简单的命令，通过自由的组合，得到非常强大的功能。 命令行也就意味着可以自动化，自动化会使你的工作更高效，释放很多手工操作，让你有更多的时间去做更有意义的事情。 这篇文章，会分享一些非常实用小技巧，希望能够帮助你提高工
阅读全文
摘要：顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示： 实现思路 起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用
阅读全文
摘要：网站如何检测到是否开启开发者工具?这里不是指监听键盘事件F12之类的方法，而是通过浏览器右侧点击打开开发者工具。 现在介绍2个方法，非常管用，可以检测到你是否开启了控制台程序，可以算是JavaScript的一些奇淫巧技，将如下这段代码加入你的网站即可。 方法一： 打开控制台弹窗debug调试： se
阅读全文
摘要：需求说明： 多个view或图片横排显示，可以左右滑动，当滑动到最右侧时实现回弹效果（这里使用匀速动画）。滑动到最右侧显示“查看更多”，达到一定位置显示改完“释放查看”，如果用户释放了则进行相应操作。 如图所示： 代码实现： view： <view @touchmove="move" @touchen
阅读全文
摘要：现在，在使用 <ul> 或 <ol> 时自定义数字或项目符号的颜色，大小或类型很简单。利用css的:marker伪元素，我们可以很轻易的更改内容以及项目符号和数字的某些样式。::marker伪元素它作用在任何设置了display:list-item的元素或伪元素上。 ::marker是什么？ css
阅读全文
摘要：什么是埋点 还不了解的同学可以阅读以下文章： 前端-埋点-理念-通识-浅谈 大数据时代数据的重要性不言而喻，而其中最重要的就是用户信息的采集。埋点，无论是项目后期的复盘，还是明确业务价值，还是产品价值的挖掘，都具备很重要的意义。 前端异常捕获 在ES3之前js代码执行的过程中，一旦出现错误，整个js
阅读全文
