javascript技巧

自动驾驶技术之V2X技术的介绍

2021-08-23
目录 二.V2X场景细分 1.V2V 2.V2I 3.V2P 4.V2N 三.V2X通信关键技术 一.V2X技术概 在环境感知方面,除了利用车辆自身的智能,还可以借助外部环境实现信息的获取,这一类技术统称为V2X技术. V2X(Vehicle to Everything)技术又称为车用无线通信技术,本质上是一种物联网技术,V代表的是车辆,X代表的是道路.人.车.设备等一切可以连接的设备. V2X的本质就是通过道路.行人.车辆间的协调实现整个道路运输的智能化.比如前面有车要并线了,前车可以发一个指

前端必会的图片懒加载(三种方式)

2021-08-23
目录 一.何为懒加载

JavaScript中箭头函数与普通函数的区别详解

2021-08-23
本文为大家讲解了JavaScript中箭头函数与普通函数的区别,供大家参考,具体内容如下 箭头函数: let fun = () => { console.log('lalalala'); } 普通函数: function fun() { console.log('lalla'); } 箭头函数相当于匿名函数,并且简化了函数定义.箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省略掉了.还有一种可以包含多条语句,这时候就不能省略{ ... }和return. 箭头函数是匿

Echart Bar双柱状图样式最全详解

2021-08-23
目录 前言 安装及配置 1. 安装 Echarts 2. 全局引入 Echarts 3. 按需引入 Echarts 样式优化 x 轴基础样式 最大和最小刻度标签 series 数据列悬浮高亮 坐标指示器背景渐变色 tooltip 提示框自定义样式 y 轴基础样式 legend 图例样式自定义 总结 前言 在最近的项目中,有可视化图表的需求,第一时间就想到了Echarts和Hightcharts. 要用到的可视化图表都是比较常见的,Echarts文档和实例都比较全面,而且还是中文的,方便阅读,于是

原生JS实现各种运动之匀速运动

2021-08-22
本文给大家分享一个用原生JS实现的匀速运动,效果如下: 需要注意的是,这种运动效果在实际的开发中用的比较少,用的更多的还是弹性运动和缓冲运动,以下是代码实现,欢迎大家复制粘贴及吐槽. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS实现

一篇文章搞懂JavaScript中的代理和代理的使用

2021-08-22
目录 什么是代理 Proxy的基本知识 handler对象方法 Proxy可以实现的 参考资料: 总结 什么是代理 MDN上的定义:Proxy(也就是代理) 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等). 官方的定义总是这么晦涩枯燥,那么究竟Proxy能做什么? 1.代理这个概念来自于元编程,就是一种你可以编写出一个可以读取.修改.分析.甚至生成新程序的程序.而JS可以通过Proxy和Reflect这两个对象来进行js元编程!! 2.Proxy就是代理,当我们不方便去访

JavaScript判断是否为数组的各种方法汇总

2021-08-22
目录 前言 Array.isArray constructor instanceof isPrototypeOf Object.prototype.toString typeof 总结 前言 我们在日常开发中,常常有判断某值类型的需求,今天我们总结一下常见的几种用来判断是否为数组的 JavaScript 方法. Array.isArray Array.isArray() 是ES5新增的方法,用于确定传递的值是否是一个数组,如果是数组,则返回  true,否则返回 false. let arr =

javascript代码简写的几种常用方式汇总

2021-08-22
目录 前言 箭头函数 掌握数组常见操作方法 延展运算符 对象简写 解构赋值 掌握数据类型转换的方法 总结 前言 本文主要介绍一些工作中常用的JavaScript编码技巧.非常有用,建议大家看完赶快实践,keep it in your mind! 首先推荐一个vscode的插件,Quokka.js,调试代码神器,插件的作用是:立即执行你键入的JavaScript代码或者TypeScript代码 箭头函数 简写规则: 只有一个参数,小括号可以不写 返回值只有一个,花括号和return可以不写 let

js制作xml在线编辑器实例

2021-08-22
目录 前言 在线XML编辑器的需求 技术预研 可视化编程 VSCODE插件 在线编辑器 最初形态:简单的在线XML编辑器 用CodeMirror做编辑器 学习XML,并提取出tags规则 进化形态:加载树形文件结构和全文件校验功能的在线XML编辑器 左侧文件树 全文件校验功能 非递归遍历树 IndexDB保存文件内容 究极进化形态:突破浏览器沙盒限制,实现对电脑本地文件的增删改 更多的功能与细节 不足与总结 前言 一年多没更新博客了,原因是疫情期间<骑马与砍杀2>发售,然后去写游戏MOD去了.

ajax在js中和jQuery中的用法实例详解

2021-08-22
目录 原生 JS 怎么发送一个 get 请求 怎么发送一个 post 请求 发送一个带有参数的 get 请求 发送一个带有参数的 post 请求 jQuery $.get 几个参数,怎么使用 $.post 几个参数,怎么使用 $.ajax 几个参数,怎么使用 JSONP $.ajax 怎么发送 jaonp 请求 总结 原生 JS 怎么发送一个 get 请求 创建一个 ajax 对象 var xhr = new XMLHttpRequest() 设置请求方式和请求地址[,是否异步] xhr.ope

详细谈谈JavaScript中循环之间的差异

2021-08-22
目录 前言 可枚举的属性 可迭代对象 在 forEach 与 map 方法 链式调用 性能 结论 前言 在 JavaScript 中使用循环时,需要正确定义两个关键内容:可枚举属性(enumerable properties)和可迭代对象(iterable objects). 可枚举的属性 可枚举对象的一个定义特征是,当我们通过赋值运算符将属性赋值给对象时,我们将内部可枚举标志(enumerable)设置为 true.这是默认值. 但是,我们可以通过将其设置为 false 来更改此行为. 经验法

JavaScript实现烟花特效(面向对象)

2021-08-22
本文实例为大家分享了JavaScript实现烟花特效的具体代码,供大家参考,具体内容如下 本特效使用面向对象编程 分析 OOA 点击触发事件 烟花运动分成两个阶段 向上飞          爆炸 OOD class FireWork{ constructor(){ } bindEvent(){ let _this = this; ele.onclick = function(){ //fly结束再去调用boom函数 _this.fly(_this.boom); } } fly(boom){ }

原生JS实现各种运动之复合运动

2021-08-22
本文给大家分享一个用原生JS实现的复合运动,所谓复合运动就是在同一个进间段内不同的属性都会发生变化,效果如下: 实现代码如下,欢迎大家复制粘贴及吐槽. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS实现各种运动之复合运动</ti

javascript实现点击按钮切换图片

2021-08-21
本文实例为大家分享了javascript实现点击按钮切换图片的具体代码,供大家参考,具体内容如下 效果图: 首先搭建基本的结构 <div id="div"> <p id="desc"></p> <!--默认显示第一张图片--> <img src="img/1.jpg" alt="加载失败" style="width: 800px;height: 400px;&qu

JavaScript Canvas实现井字棋游戏

2021-08-21
本文实例为大家分享了JavaScript Canvas实现井字棋游戏的具体代码,供大家参考,具体内容如下 index.html <!DOCTYPE html> <html> <head> <title>Tic Tac Toe</title> <style> * { padding: 0; margin: 0; } body, html, #game { height: 100%; background: #FCFCFC; } #gam

详解JS对象遍历的顺序问题

2021-08-20
可能有些同学听过在 JavaScript 中遍历对象顺序不固定的这一说法.事实上,这个说法不是特别准确. 对待遍历顺序,对象有一套自己既定的规则,在此规则下呢,对象的遍历顺序会受插入元素顺序的影响,但是不完全受插入元素先后顺序的影响.如果您有「必须按插入元素顺序遍历」的场景,可以考虑使用 Map. 遍历对象的方法有很多种,我们经常会使用的有 for...in ,除此之外,还有: Object.keys Object.entries Obejct.getOwnerProPertyNames Ref

微信小程序实现保存影集和图片到相册

2021-08-20
最近在开发一个视频和工具类的小程序,类似于小年糕,需要实现将用户制作的影集保存到本地手机的相册上,页面效果如下: 实现的逻辑如下: 1. 获取用户授权, 如果之前已授权直接下载. 2. 如果用户之前没有授权,则调起用户授权界面,让用户授权,用户同意则下载,不同意则提示. 3. 如果之前调起授权了,但是用户拒绝了,打开设置界面,引导用户开启授权. 以下是代码实现,欢迎大家复制粘贴和吐槽. 首先是WXML代码: <view class="album-operate"> <

React Native JSI实现RN与原生通信的示例代码

2021-08-20
目录 什么是JSI JSI有什么不同 在iOS中使用JSI iOS端配置 RN端配置 js调用带参数的原生方法 原生调用JS 原生调用带参数的JS方法 在原生端调用js的函数参数 总结 问题 参考资料 什么是JSI React Native JSI (JavaScript Interface) 可以使 JavaScript 和 原生模块 更快.更简单的通信.它也是React Native 新的架构体系中Fabric UI层 和 Turbo 模块的核心部分. JSI有什么不同 JSI 移除了原生代

一篇文章搞定echarts地图轮播高亮

2021-08-19
目录 前言 toDoList just do it 准备一个地图 保存实例备用 设置定时器轮播 加入鼠标事件 总结 前言 这两天忙着做公司的超级数据大屏,实在挤不出时间连续更文. 但是更文活动都坚持这么久了也不想停止更新,那我就分享一下在工作中经常用到的echarts地图轮播高亮吧. 技术栈用的是vue2.x 相信效果大家已经清楚了那我们就开干吧. toDoList 简单的准备一个地图 保存实例备用 设置定时器 设置鼠标移入移出事件 just do it 准备一个地图 首先准备一个简简单单的地图

DSDS应用场景(高通5G)

2021-08-19
DSDS应用场景 1.背景 "双卡手机"在中国手机市场占据近90%市场份额,随着软卡.云卡.eSIM的发展,双卡的应用也将更加广泛. 此外,5G面向用户和场景定义三大应用场景,首先是eMBB,增强移动宽带:其次是uRLLC,高可靠低时延连接: 最后是mMTC,海量物联,5G强大的连接能力可以快速促进各垂直行业(智慧城市.智能家居.环境监测等)的 深度融合.5G场景既有区隔,又有交叉和融合,也就是说未来一个用户一台智能终端可能会同时处在5G多个 使用场景下,在多个场景下进行切换.双卡或多