js
文章平均质量分 55
JavaScript
追影的React开发者
注重用户,专注于产品、界面和用户体验
联系邮箱:liuyafeis@outlook.com
展开
-
Mac没声音
有时候 Mac 从睡眠状态恢复之后没有声音,这是 Mac OS X 系统的一个 Bug。这是因为 Mac OS X 的核心音频守护进程「coreaudiod」出了问题,虽然简单的重启电脑就能解决,但是如果此时开启了很多程序后者有其他情况不想重启电脑的话,可以按照下面的方法解决此问题。 操作步骤: 1、在 Mac 中打开活动监视器(在 Finder 的「应用程序」中搜索「活动监视器」可以找到)。 2、在「活动监视器」窗口右上角的搜索框里输入「audio」,此时可以搜索到「coreaudiod」进程原创 2020-06-07 21:13:02 · 358 阅读 · 0 评论 -
js 中 | | 和 ? ? 的区别
||当前值为 null undefined 0 false “” 时取后值??当前值为 null undefined 时取后值区别当前值为 0 false “” 时取值不一样结论判断不存在的值时,用??更合适原创 2022-02-23 12:01:06 · 725 阅读 · 0 评论 -
ESLint Rules 规则配置说明
文档ESLint官方文档ESLint腾讯云文档取值范围off 或 0:表示不验证规则。warn 或 1:表示验证规则,当不满足时,给警告。error或 2 :表示验证规则,不满足时报错。通用配置module.exports = { env: { browser: true, commonjs: true, es6: true, node: true, }, extends: "eslint:recommended", globals: {原创 2021-12-16 12:09:01 · 831 阅读 · 0 评论 -
使用 crypto.js 进行md5、base64加密
1 md5import CryptoJS from "crypto-js";const password = "1234qwer"; const md5 = CryptoJS.MD5(password).toString();console.log(md5)2 base64import CryptoJS from "crypto-js";const password = "1234qwer"; const utf8= CryptoJS.enc.Utf8.parse(password);原创 2021-12-13 15:10:45 · 2562 阅读 · 0 评论 -
JS 正则表达式
普通字符普通字符包括没有显式指定为元字符的所有可打印和不可打印字符。这包括所有大写和小写字母、所有数字、所有标点符号和一些其他符号。字符 描述 [ABC] 匹配[...]中的所有字符,例如[aeiou]匹配字符串 "google runoob taobao" 中所有的 e o u a 字母。 [^ABC] 匹配除了[...]中字符的所有字符,例如[^aeiou]匹配字符串 "google runoob taobao" 中除了 e o ...原创 2021-05-28 10:48:33 · 1239 阅读 · 0 评论 -
JS Element.scrollIntoView() 滚动元素的父容器
Element.scrollIntoView() 文档Element 接口的scrollIntoView()方法会滚动元素的父容器,使被调用scrollIntoView()的元素对用户可见。语法element.scrollIntoView(); // 等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop); // Boolean型参数element.scrollIntoView(scrollIntoViewOptions)原创 2021-05-28 10:01:15 · 1454 阅读 · 0 评论 -
JavaScript 事件
EVENT(上)之前我们简单的了解过一些事件,比如onclick/onload/onscroll/ ... 今天开始,我们详细的学习一些事件什么是事件 一个事件由什么东西组成 触发谁的事件:事件源 触发什么事件:事件类型 触发以后做什么:事件处理函数 var oDiv = document.querySelector('div')oDiv.onclick = function () {}// 谁来触发事件 => oDiv => 这个事件的事件源就...原创 2021-03-20 12:43:21 · 179 阅读 · 0 评论 -
js 生产随机颜色
'#' + Math.random().toString(16).substr(2, 6).toUpperCase();原创 2020-12-30 15:02:27 · 193 阅读 · 0 评论 -
Js 贪吃蛇
<!DOCTYPE html><html> <head> <title>贪吃蛇</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .backDiv { text-align: center; ...转载 2020-08-22 15:20:15 · 329 阅读 · 0 评论 -
js 常用的60种工具方法
“工欲善其事,必先利其器!”本文为大家带来前端js开发常用的60种工具方法,有了这些开发工具你就可以高效的处理任务和信息了。1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0转载 2020-07-09 14:22:13 · 985 阅读 · 0 评论 -
js 判断是否是数组
Array.isArray(a)原创 2019-11-19 16:41:55 · 502 阅读 · 0 评论 -
js 手机端禁用返回键
1、window.addEventListener window.addEventListener( "popstate", function (e) { alert("你点了返回键1"); }, false );2、window.onpopstate window.onpopstate = fu...原创 2020-04-27 14:46:13 · 3013 阅读 · 0 评论 -
js 小数点后16位精度计算错误问题
1、Number.isInteger()方法用来判断给定的参数是否为整数。由于 JavaScript 采用 IEEE 754 标准,数值存储为64位双精度格式,数值精度最多可以达到 53 个二进制位(1 个隐藏位与 52 个有效位)。如果数值的精度超过这个限度,第54位及后面的位就会被丢弃,这种情况下,Number.isInteger可能会误判。Number.isInteger(3.0...原创 2019-11-11 11:48:50 · 2133 阅读 · 0 评论 -
js IIFE(立即调用函数表达式)
1、IIFE( 立即调用函数表达式)是一个在定义时就会立即执行的JavaScript函数。(function () { statements})();这是一个被称为自执行匿名函数的设计模式,主要包含两部分。第一部分是包围在圆括号运算符()里的一个匿名函数,这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。...原创 2019-11-07 15:10:30 · 311 阅读 · 0 评论 -
js 判断手机有无网络
const result= yield call(login, payload);if (result.err && !result.err.response) { // 无网络} else { // 有网络}原创 2019-10-29 18:07:29 · 1110 阅读 · 1 评论 -
Js 判断是否为空对象{}
1、ES6的Object.keys()方法var data = {};var arr = Object.keys(data);alert(arr.length == 0);//true2、json对象转化为json字符串var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true3、jquery...原创 2019-10-28 10:24:35 · 624 阅读 · 0 评论 -
js 快速生成数组
let f = length => Array.from({length}).map((v,k) => k);console.log( f(4) );console.log( f(10) );原创 2018-08-13 16:40:03 · 1875 阅读 · 1 评论 -
js 操作符
JS中的操作符与其他语言大体上是相似的,这里总结一些需要注意的地方.一元操作符一元加(+) 在数值前面放置+对数值没有任何影响,对非数值使用+,具有Number()转型函数的效果. 一元减(-)操作符 应用于数值,该值会变成负数.应用于非数值,会先遵循与+相同的规则,然后转换为负数布尔操作符逻辑非(!) 在对非Boolean类型的数据使用逻辑非,会先转换为布尔值,再求反。 所以使用...原创 2017-12-07 16:13:00 · 148 阅读 · 0 评论 -
js 全空格处理
.trim()从字符串中移除前导空格、尾随空格和行终止符。!this.feedbackOpinion.trim().length原创 2018-08-13 16:33:39 · 336 阅读 · 0 评论 -
js 正则表达式
\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^ 也匹配 '\n' 或 '\r' 之后的位置。$匹配输入字符串的结束位置。如果设置了RegExp对象的M...原创 2017-10-13 14:27:00 · 377 阅读 · 0 评论 -
const, var, let的区别 1.10
js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。1const b = 2;//正确2//const b;//错误,必须初始化3console.log('函数外const定义b:' + b);//有输出值4//b = 5;5//console.log('函数外修改const定义b:' + b);//无法输出2.var定义的...原创 2017-10-25 11:58:00 · 171 阅读 · 0 评论 -
js(基本概念,操作符,语句,Date,数组,字符串)
一,js基本概念基本概念.png二 ,js操作符操作符.png三,js基本语句语句.png四,Date 常基本用方法汇总Date.png五,数组基本及常用方法汇总数组.png六,字符串基本及常用方法汇总字符串.png...原创 2017-10-27 15:32:00 · 206 阅读 · 0 评论 -
客户端数据存储之 Web Storage
Web StorageWeb Storage 有两种形式:localStorage (本地存储) 和 sessionStorage (会话存储)。 与 cookie 相似,都是使用键值对来对数据进行存储和读取。这里对 cookie 与 Web Storage 进行了比较:cookie:容量 4kb,支持各种浏览器,但是每次请求浏览器都会把本机存的 cookies 发送到服务器We...原创 2018-01-19 14:20:00 · 256 阅读 · 0 评论 -
url处理
const getUrl = key => { let result = null; const url = window.location.href.split(`?`); if (url.length > 1) { url[1].split(`&`).map(item => { const res = item.split(`=`);...原创 2018-08-13 16:37:23 · 203 阅读 · 0 评论 -
千分位保留两位小数
var a = 222122122.6754;var b = a.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');//使用正则替换,每隔三个数加一个','原创 2018-08-13 16:40:59 · 3037 阅读 · 0 评论 -
三目运算符/多目运算符(多个条件)
const i = 3;const value = i === 1 ? "111" : i === 2 ? "222" : i === 3 ? "333" : i === 4 ? "444" : "555";console.log(value);//333原创 2019-05-07 16:41:01 · 16892 阅读 · 0 评论 -
Js Snowflake(雪花算法)生成随机ID
1、snowflake-id插件import SnowflakeId from "snowflake-id";const guid = num => { const id= new SnowflakeId(); return id.generate();};2、原生使用var Snowflake = /** @class */ (function() { ...原创 2019-06-20 10:29:15 · 11759 阅读 · 1 评论 -
HTTP状态码 200 301 302 404 500
一、1开头1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。二、2开头2xx (成功)表示成功处理了请求的状态代码。代码 说明200 (成功) 服务器已成功处理了请求。 通...原创 2018-09-06 17:31:25 · 388 阅读 · 0 评论 -
Location 12.21
location指示了其所连接对象的url位置。Document和window对象中都有location属性,可以通过window.location和document.location访问。注意如果想要获得当前文档的完整url字符串,有四种方式document.location document.location.href document.URL document.locati...原创 2017-12-07 16:07:00 · 564 阅读 · 0 评论 -
MVC、MVP、MVVM 模式
MVC,MVP和MVVM都是常见的软件架构设计模式(Architectural Pattern),它通过分离关注点来改进代码的组织方式。不同于设计模式(Design Pattern),只是为了解决一类问题而总结出的抽象方法,一种架构模式往往使用了多种设计模式。要了解MVC、MVP和MVVM,就要知道它们的相同点和不同点。不同部分是C(Controller)、P(Presenter)、VM(Vi...原创 2018-08-29 17:29:50 · 208 阅读 · 0 评论 -
Cookie、LocalStorage与SessionStorage的区别
CookieCookie 是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右,是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到“记住密码”,这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStoragelocalStorage 是 HTML5 标准中...原创 2018-08-22 17:45:03 · 173 阅读 · 0 评论 -
js递归查询
1、查询这条子级数据 find = (v, list) => { let data; (list || []).map(i => { if (i.value === v) { data = [i]; } else { const child = this.find(v, i.children); ...原创 2019-09-10 14:18:34 · 5904 阅读 · 0 评论 -
详谈JavaScript原型链
目录创建对象有几种方法 原型、构造函数、实例、原型链 instanceof的原理 new运算符创建对象的方法 在了解原型链之前,首先先了解一下创建对象的几种方式,介绍以下三种。代码:<script type="text/javascript"> // 第一种方式:字面量 var o1 = {name: 'o1'} var o...原创 2019-07-18 16:57:39 · 122 阅读 · 0 评论 -
Js 数组普通去重、根据某个对象值去重
1、普通去重function unique(arr) { return arr.filter((item, index)=> { return arr.indexOf(item) === index })}unique([1,2,3,3,4,4,4,5])//[1, 2, 3, 4, 5]2、根据数组中某个对象值去重function...原创 2019-07-10 09:47:03 · 1489 阅读 · 0 评论 -
客户端数据存储之 Web Storage
Web StorageWeb Storage 有两种形式:localStorage (本地存储) 和 sessionStorage (会话存储)。 与 cookie 相似,都是使用键值对来对数据进行存储和读取。这里对 cookie 与 Web Storage 进行了比较:cookie:容量 4kb,支持各种浏览器,但是每次请求浏览器都会把本机存的 cookies 发送到服务器We...原创 2018-09-07 11:14:46 · 194 阅读 · 0 评论 -
Web开发中需要了解的东西
导读:在StackExchange上有人问了这样一个问题:What should every programmer know about web development?(关于Web开发,什么是所有程序员需要知道的?)里面给出的答案非常不错,译文由酷壳网整理编译。文章内容如下:下面的这些东西可能对于大多数人并不陌生,但是可能会有些东西你以前并没有看过,或是没有完全搞懂,甚至都没有听说过。(...原创 2018-08-17 10:32:59 · 150 阅读 · 0 评论 -
highchart演示
var chart = Highcharts.chart('container', { title: { text: '2010 ~ 2016 年太阳能行业就业人员发展情况' }, subtitle: { text: '数据来源:thesolarfoundation.com' }, yAxis: { title...原创 2018-09-06 17:29:07 · 149 阅读 · 0 评论 -
手机调起地图导航.
以百度地图为例var url= 'bdapp://map/direction?origin=name:起点|latlng:11,22&destination=终点|latlng:33,44&coord_type=bd09ll&src=andr.baidu.openAPIdemo';<a href=url>导航</a>coord_...原创 2018-12-25 16:17:16 · 1303 阅读 · 0 评论 -
手机获取当前位置经纬度.
function getPositon() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (res) { console.log(res); position = [res.coords.longitude,r...原创 2018-12-25 16:06:39 · 3823 阅读 · 0 评论 -
Location
location指示了其所连接对象的url位置。Document和window对象中都有location属性,可以通过window.location和document.location访问。注意如果想要获得当前文档的完整url字符串,有四种方式document.location document.location.href document.URL document.locati...原创 2018-09-07 11:16:33 · 237 阅读 · 0 评论