基础
文章平均质量分 67
榴莲不好吃
这个作者很懒,什么都没留下…
展开
-
跨页面进行数据通讯
Broadcast Channel API 允许在一个源的不同窗口、标签页或 iframe 之间进行通信。这是一种实时的通信机制,非常适合需要实时同步数据的场景。3.iframe 数据通讯 postMessage/message(可设置不同源数据通讯)1.使用 LocalStorage 或 SessionStorage(同源)// 检查消息来源,确保来自正确的源。// 检查消息来源,确保来自正确的源。'Hello 来自父亲的消息!'Hello 来自儿子的消息!// 忽略来自自身的消息。原创 2024-09-02 17:34:07 · 537 阅读 · 0 评论 -
前端Worker 的应用
Web Workers 是一种允许在后台线程中运行脚本的技术,这样可以将计算密集型任务从主线程分离出去,从而避免阻塞 UI 并提高页面的响应性。Web Workers 使得 Web 应用程序能够执行长时间运行的任务,而不会影响用户界面的性能。原创 2024-09-02 16:18:11 · 633 阅读 · 0 评论 -
link标签的用途
【代码】link标签的用途。原创 2024-09-02 13:50:03 · 390 阅读 · 0 评论 -
时间格式化封装
时间格式化小笔记,后续有新需求再意义对应添加功能,已知功能有。2.在对应的时间上增加年月日时分秒。原创 2024-03-04 16:26:06 · 304 阅读 · 0 评论 -
html2canvas 将html转成图片,并传给后端
html2canvas 将html转成图片,并传给后端原创 2022-04-15 15:50:43 · 3054 阅读 · 0 评论 -
vue升级
Object.prototype.__proto__()Object.prototype.__defineSetter__()Object.prototype.__lookupGetter__()Object.prototype.__lookupSetter__()上面的已废弃: 特性已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性。Object.prototype.constructor所有对象都会从它的原型上继承一个 co原创 2019-04-11 20:04:21 · 1152 阅读 · 0 评论 -
在uni-app里使用tv-focusable打包apk时报错如何解决
很多小可爱反应使用uni-app框架集成tv-focusable进行开发,打包成apk的情况下会出现如下错误, reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read propert原创 2021-08-26 21:08:59 · 6112 阅读 · 1 评论 -
vue动态修改$router参数
vue动态修改$router参数import merge from 'webpack-merge'; 修改原有参数 this.$router.push({ query:merge(this.$route.query,{'maxPrice':'630'})}) 新增一个参数:this.$router.push({ query:merge(this.$route.query,{'addParams':'我是新增的一个参数,哈哈哈哈'})}) 替换所有参数:原创 2018-05-14 17:47:42 · 42360 阅读 · 6 评论 -
html打包成APP,h5打包成apk,浅显易懂!
1.创建项目2.选择app类型3.创建好项目后,除了manifest.json,其它文件可以全删,然后把自己的H5项目文件全 部复制过来。4.生成图标选择一个图片文件后点自动生成;5.模块配置 把不需要的模块全去掉,否则会申请不必要的权限6.打包apk根据需要自行选择,如果仅是测试,上面的配置就行了。...原创 2021-07-01 20:44:31 · 15122 阅读 · 7 评论 -
前端常用的一些代码段
文章目录判断多个时间区间是否有交叉A追逐B(点A向点B靠近)获取随机数区间角度b趋向角度a简单的碰撞检测el中是否包含classname判断el上有没有className,有的话就移除,没有的话就添加上xpath获取单个elementxPath获取element集合父节点parent中是否存在子节点 child隐藏element获取一个元素内的所有图像添加一个元素的事件侦听器移除一个元素的事件侦听器在给定元素上触发特定事件,且可选传递自定义数据确认指定元素是否在视口可见获取当前页面的滚动位置平滑滚动到页面顶原创 2021-06-19 16:10:33 · 1004 阅读 · 0 评论 -
WebSocket
var ws = null; var alltime = 60 * 5; // 5分钟 var onResult = false; fxWebsocketOPen(); // 初始连接 var wTimer = setInterval(function() { // 一秒钟后查看是否连接成功,如果连接成功就关闭定时器 if(onResult) { clearInterval(wTimer); return; } console.log('连接失败,重新发起连接'); .原创 2020-11-10 15:03:38 · 207 阅读 · 0 评论 -
focusablejs
tv-focusable 是适用于在 TV 端进行网页开发时管理焦点移动的框架,以最简洁的 Api 让前端网页开发就像 android 开发一样自动管理焦点。原创 2020-11-02 14:14:16 · 1496 阅读 · 8 评论 -
轻松理解javascrpt位运算符,以及使用场景
位运算符:运算符 名称 描述 & AND 如果两位都是 1 则设置每位为 1 | OR 如果两位之一为 1 则设置每位为 1 ^ XOR 如果两位只有一位为 1 则设置每位为 1 ~ NOT 反转所有位 << 零填充左位移 通过从右推入零向左位移,并使最左边的位脱落。 >&...原创 2020-03-23 14:18:45 · 920 阅读 · 0 评论 -
玩转正则表达式,就是这么简单
在平时开发中,正则表达式用的好能节省很大的工作量,举个例子将字符串格式化成数字(数字不格式化), 例如: 张123四 => ["张", "123", "四"];如果使用原生js的话,需要这么写:function transArrExcluNnm(str){ arr = str.split(''); var arrnew = [],numstr = '',isNum=fals......原创 2020-03-16 10:22:41 · 758 阅读 · 0 评论 -
什么是二进制,进制之间是如何转换的,浅显易懂的,一看就会
讲运算符之前先说说进制的转换在JavaScript中,普通的数字称为十进制那么什么是二进制呢?二进制数据是用0和1两个数码来表示的数,它的基数为2,进位规则是逢二进一加法:0+0=0;1+0=1;0+1=1;1+1=0(等价于10,向前进一)案例(前面用0补齐)1+1=10,10+1=11,11+1=100,100+1=101,101+1=110,110+1=111,111+1...原创 2020-03-10 17:16:40 · 60132 阅读 · 11 评论 -
组织架构tree目录的一些常用方法
对tree的数据重新组织,嵌套或者拉平export class FileNode { treeChildren: FileNode[]; treeFilename: string; treeType: any; [key: string]: any;}export class FileFlatNode { [key: string]: any; constru...原创 2019-12-30 15:03:15 · 467 阅读 · 0 评论 -
try catch的简单了解
定义和用法try/catch/finally 语句用于处理代码中可能出现的错误信息。错误可能是语法错误,通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。try语句允许我们定义在执行时进行错误测试的代码块。catch语句允许我们定义当try代码块发生错误时,所执行的代码块。finally语句在 try 和 catch 之后无论有无异常都会...原创 2019-10-09 10:20:49 · 1549 阅读 · 0 评论 -
javascript中的this绑定问题
this的绑定规则1 默认绑定:function foo(){ console.log(this.a);}var a = 2 ;foo(); // 2调用foo()的时候其实相当于window.foo(),所以this.a其实指向的是window.a2 隐式绑定function foo(){ console.log( this.a );}v...原创 2019-06-03 17:06:09 · 324 阅读 · 0 评论 -
数组里面对象去重的3种方法
数组里面对象去重的方法挺多的,下面列了几种方法任君选择!下面是将要过滤的数据,将arr里面id重复的数据去掉(下面方法中用的arr都是这组数据哦)。var arr = [ {id: 1, name: '周瑜1'}, {id: 3, name: '王昭君1'}, {id: 2, name: '李白1'}, {id: 1, name: '周瑜2'}, {id: 2, na...原创 2019-06-10 20:54:31 · 37108 阅读 · 4 评论 -
js密码加密
1、base64加密:在页面中引入base64.js文件,调用方法为:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>base64加密</title><script type="text/javascript" src="base64.js"...原创 2018-10-15 11:21:06 · 10040 阅读 · 0 评论 -
闭包的理解
什么是闭包闭包是一种特殊的对象,能够读取其他函数内部变量的函数。在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。通俗点就是:外部函数调用之后,其变量对象本应该被销毁,但闭包的存在使我们仍然可以访问外部函数的变量对象function test(){ var a = 1;...原创 2014-11-06 09:53:25 · 997 阅读 · 0 评论 -
使用rxjs以及javascript解决前端的防抖和节流,以及防抖在vue中的用法
JavaScript实现方式:防抖触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间;思路:每次触发事件时都取消之前的延时调用方法:举个例子:做一个自动查询的功能假装下面的代码是从服务器获取的数据(下面会用到):// 假装这是个接口function getData(val){ return new Promise(functi...原创 2019-08-27 13:41:37 · 2460 阅读 · 1 评论 -
Javascript的封装,多态与继承
我那么一大片文章莫名其妙没有了。。。也找不回来了。。。随便写一点吧。。。继承function inheritPrototype(subType, superType) { // 修正子类原型对象指针,指向父类原型的一个副本 subType.prototype = Object.create(superType.prototype) // 增强对象,弥补因重写原型而失去的默认的constructor属性 subType.prototype.constructo原创 2015-08-21 13:43:42 · 5914 阅读 · 1 评论 -
理解原型与原型链
由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言,所以理解两种继承模式的差异是需要一定时间的,今天我们就来了解一下原型和原型链。原型:原型是一个可以被复制(或者叫克隆)的一个类,通过复制原型可以创建一个一模一样的新对象。通俗的说,原型就是一个模板,在设计语言中更准确的说是一个对象模板。原型链:在javascript中,所有的对象都拥有一个__proto__属性指...原创 2014-11-14 08:33:53 · 1766 阅读 · 0 评论 -
promise、async和await
async:async function 声明将定义一个返回 AsyncFunction 对象的异步函数。当调用一个 async 函数时,会返回一个 Promise 对象。当这个 async 函数返回一个值时,Promise 的 resolve 方法会负责传递这个值;当 async 函数抛出异常时,Promise 的 reject 方法也会传递这个异常值。(async函数返回一个 Promi...原创 2017-12-18 14:32:39 · 1044 阅读 · 0 评论 -
require.js的简单使用
全局配置main.js:var version = +new Date();require.config({ urlArgs: 'v=' + version, // 根路径设置,paths下面全部都是根据baseUrl的路径去设置 baseUrl: '../addons/ewei_shopv2/static/js/app/', paths: { ...原创 2014-11-27 09:35:10 · 4171 阅读 · 0 评论 -
JavaScript的垃圾回收机制
原理:Javascript 会找出不再使用的变量,不再使用意味着这个变量生命周期的结束。Javascript 中存在两种变量——全局变量和局部变量,全部变量的声明周期会一直持续,直到页面卸载, 现在各大浏览器通常用采用的垃圾回收有两种方法:标记清除、引入计数(低级浏览器)。垃圾回收的必要性:由于字符串、对象和数组没有固定大小,所有当他们的大小已知时,才能对他们进行动态的存储分配。Jav...原创 2014-10-27 10:02:50 · 1529 阅读 · 0 评论 -
HTML、css、javascript、DOM编程
HTML、css、javascript、DOM编程一、Html1.1html概述Html就是超文本标记语言的简写,是最基础的网页语言,其代码都是由标签所组成,是通过标签来定义的语言,代码不需要区分大小写,由<html>开始</html>结束,里面由头部分<head></head>和体部分<body></bod...原创 2014-02-01 10:16:08 · 1773 阅读 · 0 评论 -
call()和apply()的区别以及简单使用
call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。apply() 方法调用一个具有给定this值的函数,以及作为一个数组(或类似数组对象)提供的参数。bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被bind的第一个参数指定,其余的参数将作为新函数的参数供调用时使用。三者的相似之处:1、都是用来改变函数的this对象的指...原创 2019-09-18 17:57:22 · 928 阅读 · 0 评论 -
事件模型和事件委托
事件模型一个事件发生后,会在子元素和父元素之间传播。这种传播分成三个阶段。window→documen→...→目标节点第一阶段:捕获阶段,从window对象传导到目标节点第二阶段:目标阶段,事件在目标节点上触发第三阶段:冒泡阶段,从目标节点传回window对象IE678的事件模型只有冒泡阶段。总结:"DOM2级事件"规定事件流的三个阶段:事件捕获阶段、处于目标阶段和事...原创 2019-06-03 16:30:35 · 838 阅读 · 0 评论