随笔分类 - javascript
摘要：2015年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把P
阅读全文
摘要：对象的定义与赋值 经常使用的定义与赋值方法obj.prop =value或者obj['prop']=value let Person = {} Person.name = 'Jack' Person['gender'] = 'female' console.log(Person.name) // J
阅读全文
摘要：leader的吐槽大会（在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。） ps：ES5之后的JS语法统称ES6！！！ 一、关于取值的吐槽 取值在程序中非常常见，比如从对象obj中取值。 const obj = { a:1, b
阅读全文
摘要：用js实现web端录屏 原创2021-11-14 09:30·无意义的路过 随着互联网技术飞速发展，网页录屏技术已趋于成熟。例如可将录屏技术运用到在线考试中，实现远程监考、屏幕共享以及录屏等；而在我们开发人员研发过程中，对于部分偶发事件，异常监控系统仅仅只能告知程序出错，而不能清晰的告知错误的复现路
阅读全文
摘要：WebSocket 是一种基于 TCP 连接上进行全双工通信的协议，相对于 HTTP 这种非持久的协议来说，WebSocket 是一个持久化网络通信的协议。 它不仅可以实现客户端请求服务器，同时可以允许服务端主动向客户端推送数据。在 WebSocket API 中，客户端和服务器只需要完成一次握手，
阅读全文
摘要：今天我们来聊一个老生常谈的话题，跨域！又是跨域，烦不烦 ？网上跨域的文章那么多，跨的我眼睛都疲劳了，不看了不看了 🤣 别走...我尽量用最简单的方式将常见的几种跨域解决方案给大家阐释清楚，相信认真看完本文，以后不管是作为受试者还是面试官，对于这块的知识都能够游刃有余。 什么是“跨源” **不是讲跨
阅读全文
摘要：纲要 基本类型和引用类型 类型判断 强制类型转换 作用域 执行上下文 理解函数的执行过程 this 指向 闭包 原型和原型链 js 的继承 event loop 基本类型和引用类型 js中数据类型分为基本类型和引用类型，基本类型有六种： number string boolean null unde
阅读全文
摘要：全局名称 全局名称是由源码的最后一行代码确定的，默认为Url，如存在相同名称的对象会抛出异常； 可以通过 requirejs的define获取 (function (window, name) { if (name in window) { throw new Error(["already '",
阅读全文
摘要：JSON.stringify(obj)是常用的将js对象转换为json字符串的方法，但很少有人知道，该方法其实还有另外2个参数。 1、方法 方法定义：JSON.stringify(value, replacer, space) 参数说明：value：js对象 replacer：替换对象，可以是一个方
阅读全文
摘要：1.交换两个变量而没有第三个 let x = 1;let y = 2;[x, y] = [y, x];console.log(x, y); 输出： 2 1 2、将数字转换为字符串 const num = 1 +“”;console.log（typeof num）; console.log（num）;
阅读全文
摘要：//字符串转Date 字符串格式 yyyy-MM-dd HH:mm:ssString.prototype.toDate = function() { var date = eval('new Date(' + this.replace(/\d+(?=-[^-]+$)/, function(a) {
阅读全文
摘要：今天，我将跟大家分享11个在日常教程中不常被提及的JavaScript小技巧，他们往往在我们的日常工作中经常出现，但是又很容易被忽略。 1、过滤唯一值 Set类型是在ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（...）我们可以创建一个新的数组，达到过滤原数组重
阅读全文
摘要：1、输入一个值，返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi
阅读全文
摘要：https://gitee.com/houxianzhou/sm2-demo.git 具体相关算法这里不在讲述，网上文章很多，也可以看我之前 iOS-sm2-sm3-sm4-sm9-zuc 里面提供的资料。 链接地址 https://github.com/yazhouZhang/SM2-SM3-SM
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片二维码识别</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></scrip
阅读全文
摘要：很多时候再项目中，我们往往需要先获取图片的大小再加载图片，但是某些特定场景，如用过cocos2d-js的人都知道，在它那里只能按比例缩放大小，是无法设置指定大小的图片的，这就是cocos2d-js 的坑了，我们必须先获取图片大小，计算比例再对图片进行缩放。 查阅资料，我总结了两种通过url获取图片大
阅读全文
摘要：首先确保在项目中引入了echarts和echarts-gl"echarts": "^4.9.0","echarts-gl": "^1.1.2" 剩下的配置好optionData的数据，交给代码 <template> <div class="water-eval-container"> <div cl
阅读全文
摘要：一、背景 Webpack 最初的目标是实现前端项目的模块化，旨在更高效地管理和维护项目中的每一个资源 模块化 最早的时候，我们会通过文件划分的形式实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS 文件中 约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script
阅读全文
摘要：一、前言 下拉刷新和上拉加载这两种交互方式通常出现在移动端中 本质上等同于PC网页中的分页，只是交互形式不同 开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js库等等 这些第三方库使用起来非常便捷 我们通过原生的方式实现一次上拉加载，下拉刷
阅读全文
摘要：一、是什么 Web攻击（WebAttack）是针对用户上网行为或网站服务器等设备进行攻击的行为 如植入恶意代码，修改网站权限，获取网站用户隐私信息等等 Web应用程序的安全性是任何基于Web业务的重要组成部分 确保Web应用程序安全十分重要，即使是代码中很小的 bug 也有可能导致隐私信息被泄露 站
阅读全文
