javaScript
文章平均质量分 54
**之火
幸福三要素:悠闲,寡欲,融入自然。全栈之路虽艰险,但义无反顾。
展开
-
现代javaScript的模块机制
【代码】现代javaScript的模块机制。原创 2024-03-12 09:15:00 · 146 阅读 · 0 评论 -
JavaScript 中闭包小结
在 JavaScript 中,闭包(Closure)是一个非常重要的概念,也是其功能强大的原因之一。闭包可以简单理解为一个能访问和操作其外部词法环境(lexical environment)的函数。这意味着(或称为内嵌函数)。这是因为闭包可以维持一个到其外部作用域的引用。原创 2024-03-05 09:19:38 · 420 阅读 · 0 评论 -
javascript 的eval()和with是干嘛的
它接收一个字符串参数,并将其作为 JavaScript 代码来解析和执行。这意味着你可以使用 eval() 动态地执行任何 JavaScript 代码。原创 2024-03-03 19:54:16 · 522 阅读 · 0 评论 -
javascript中使用‘use strict’和不使用的区别
严格模式使得 JavaScript 对某些可能的问题抛出错误,而在非严格模式下,这些问题可能会被忽略。例如,未声明的变量(即全局变量)在非严格模式下会被隐式地创建为全局变量,而在严格模式下会抛出错误。在严格模式下,this 关键字的值在函数调用时始终为 undefined(除非该函数是对象的方法)。在严格模式下,eval() 函数的作用域限制在调用它的函数内部,而不是全局作用域。这有助于防止使用未声明的变量,从而减少潜在的错误(例子如下:)在严格模式下,函数声明必须在代码块的顶部,否则会导致语法错误。原创 2024-03-01 16:17:38 · 202 阅读 · 1 评论 -
十步创建一个(vue-cli+webpack+typescript)项目
1、vue init webpack test 初始化项目初始化项目选择配置步骤省略…(根据项目需求选择即可)2、安装ts所需要的依赖cnpm i typescripts ts-loader@^3.5.0 --save-dev3、webpack.base.conf.js 添加rules{ test:/\.(tsx|ts)?$/, loader:'ts-loader', exclude:/node_modules/, options:{ append原创 2021-08-24 15:15:20 · 170 阅读 · 0 评论 -
几种前端数据存储方式(记录)
1. cookiecookie生成cookie是存在客户端,session存在服务器端。在cookie当用户第一次访问网页时,服务器会给客户端返回一个cookie,在cookie中保存着服务器端session文件的位置信息,用户第一次访问服务器,服务器就会为它创建一个session文件,并将session的标识保存在cookie中发给它。在这之后,通过为每个请求添加 Cookie HTTP 头将信息发送回服务器。cookie访问和设置在 JavaScript 中可以通过 document.cookie原创 2021-07-22 15:05:18 · 3500 阅读 · 0 评论 -
Vue中使用keep alive做缓存,组件中含多个iframe每次加载如何做到缓存问题
问题场景:1.一个公共组件包含多个iframe嵌套页面,希望是每次激活的iframe页面能做到缓存内容;2.这个公共组件注册共享一个路由;原先解决思路:使用keep-alive标签做缓存,结果公共组件是缓存了,但每次切换加载iframe页面都被刷新了。最后借鉴了位仁兄的解决思路(https://blog.csdn.net/saowen163/article/details/106318374?utm_medium=distribute.pc_aggpage_search_result.non原创 2020-08-31 09:30:14 · 4709 阅读 · 5 评论 -
html中iframe请求设定为post方式
https://blog.csdn.net/slh2016/article/details/80541103转载 2020-06-25 00:28:29 · 592 阅读 · 0 评论 -
使用JavaScript访问设备摄像头拍视频并截图
如何使用相机要访问用户的相机(和/或麦克风),我们使用JavaScriptMediaStream API。该API允许通过流访问这些设备捕获的视频和音频。第一步是检查浏览器是否支持此API:<span style="color:#cccccc"><code class="language-javascript"><span style="color:#cc99cd">if</span> <span style="color:#cccccc.原创 2020-06-05 14:59:29 · 864 阅读 · 0 评论 -
最深javaScript学习提高网站
内容范围广,解释齐全。https://wangdoc.com/javascript/index.html转载 2020-05-29 14:32:34 · 166 阅读 · 0 评论 -
OA登录原理解析
技术实现在说单点登录(SSO)的技术实现之前,先说一说普通的登录认证机制。如上图所示,我们在浏览器(Browser)中访问一个应用,这个应用需要登录,我们填写完用户名和密码后,完成登录认证。这时,我们在这个用户的session中标记登录状态为yes(已登录),同时在浏览器(Browser)中写入Cookie,这个Cookie是这个用户的唯一标识。下次我们再访问这个应用的时候,请求中会带上这个Cookie,服务端会根据这个Cookie找到对应的session,通过session来判断这个用户是否登原创 2020-05-26 09:48:25 · 648 阅读 · 0 评论 -
javaScript高阶函数map、reduce、sort
map定义和用法map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意:map() 不会对空数组进行检测。注意:map() 不会改变原始数组。//可以不写returnconst users=res.items.map(item => ({ url: item.html_url, img: item.avatar_url, name: item.log..原创 2020-05-22 14:46:45 · 184 阅读 · 0 评论 -
ES6引入iterable类型
遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。 为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型。 具有iterable类型的集合可以通过新的for ... of循环来遍历。 for ... of循环是ES6引入的新的语法,请测试你的浏览器是否支持:'use strict';var a = [1, 2, 3];for (var x of a) {}console.log('你的浏览器支持for ... of原创 2020-05-22 14:23:00 · 149 阅读 · 0 评论 -
提高前端网页性能的各种措施
总览我将把应用程序加载分为三个不同的阶段:初始渲染–用户看到任何东西需要多长时间? 应用程序加载–用户可以使用该应用程序多长时间? 下一页–导航到下一页需要多长时间?初始渲染减少渲染阻止请求 避免顺序渲染阻止请求链 重复使用服务器连接加快请求----对同一服务器的后续请求可以重新使用现有连接 减少文件大小并使用CDN 使用服务工作者预加载和缓存资源应用加载捆绑包拆分:仅加载必要的代码,并最大化缓存命中率 载入页面数据 开始加载数据前,请不要等待捆绑包 有两种方法..原创 2020-05-22 10:53:55 · 171 阅读 · 0 评论 -
JQ写的雪花飘飘
//飘雪$(function() { var minSnow = 5; var MaxSnow = 100; var speed = 900; //毫秒 var windowwidth = $(document).width(); var endheight = $(document).height(); var falt = $('#snow').html("❄"); $(function() { task(); .原创 2020-05-15 23:00:19 · 122 阅读 · 0 评论