蓝戒博客

  • 首页
  • 研发说
  • 架构论
  • 效能录
  • AI谈
  • 随笔集
javascript
深入全面理解JavaScript的执行上下文
研发说

深入全面理解JavaScript的执行上下文

1.什么是javascript的执行上下文(e xecution context)? 执行上下文可以认为是 代码的执行环境。 在JavaScript中有三种代码运行环境: 1)全局级别的代码 – 这个是默认的代码运行环境,一旦代码被载入,js引擎最先进入的就是这个环境,js解释器 创建一个 全局的执行上下文。 2)函数级别的代码 – 当执行一个函数时,运行函数体中的代码,会创建一个 函数的执行上下文。 3)Eval的代码 – 在Eval函数内运行的代码,创建 一个 eval 执行上下文。 为了表示不同的运行环境,J…

2017年7月12日 0条评论 4875点热度 0人点赞 cywcd 阅读全文
js中this指向问题全解析
研发说

js中this指向问题全解析

通常而言在JS中, this的值取决于调用的模式, 而JS中共有4中调用模式: 1.方法调用模式 当一个函数被保存为对象的一个属性时, 我们称它为一个方法, 当一个方法被调用时, this指向该对象, 如: var obj = { value: 1, getValue: function() { alert(this.value); } }; obj.getValue(); // 输出1, 此时的this指向obj 注意: 该模式中, this到对象的绑定发生在方法被调用的时候. 2、函数调用模式 当一个函数并非一…

2017年7月11日 0条评论 4924点热度 0人点赞 cywcd 阅读全文
全面理解js变量提升、作用域链
研发说

全面理解js变量提升、作用域链

什么是变量提升? JavaScript引擎的工作方式是,先解析代码,获取所有的声明,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)。JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。 关于声明提升是指:js在解析的时候总是会将var, function这类关键词的声明语句提升至该作用域的最顶部(注意:这里只会提升声明部分)。 变量提升只对var命令声明的变量有效,如果一个变量不是用var命令声明的,就不会发生变量提升。 什…

2017年7月10日 0条评论 4853点热度 0人点赞 cywcd 阅读全文
js判断浏览器类型并区分IE不同版本
研发说

js判断浏览器类型并区分IE不同版本

js判断浏览器类型并区分IE不同版本代码: function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera var isMaxthon = userAgent.indexOf("Maxthon") > -1 ; //判断是否傲游3.0 var isIE = userAgent.indexOf(…

2017年6月22日 0条评论 5503点热度 0人点赞 cywcd 阅读全文
解析Object.prototype.toString.call()进行数据类型判断
研发说

解析Object.prototype.toString.call()进行数据类型判断

首先看一段ECMA中对Object.prototype.toString的解释: 1.If the this value is undefined, return "[object Undefined]". 2.If the this value is null, return "[object Null]". 3.Let O be the result of calling ToObject passing the this value as the argument. 4.Let class be the va…

2016年8月15日 0条评论 10124点热度 0人点赞 cywcd 阅读全文
js多浏览器兼容注意写法整理
研发说

js多浏览器兼容注意写法整理

下面比较了几种浏览器之间的差异,在写javascript代码时 要时刻注意这些差异 序号 操作 分类 IE (6.0) FireFox (2.0) Mozilla (1.5) 当前 浏览器 备注 1 "." 访问tag的固有属性 OK OK OK OK   2 "." 访问tag的用户定义属性 eg: <input type="checkbox" myattr="test"> OK NO NO OK 可以用getAttribute函数 替代 3 obj.getAttribute 访问tag的固有属性 O…

2016年2月2日 0条评论 6128点热度 0人点赞 cywcd 阅读全文
querySelectorAll方法与getElementsBy系列方法异同?
研发说

querySelectorAll方法与getElementsBy系列方法异同?

querySelectorAll 相比下面这些方法有什么区别? getElementsByTagName getElementsByClassName getElementsByName 在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id 等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库。事实上,现在所有的…

2016年1月13日 0条评论 6480点热度 0人点赞 cywcd 阅读全文
js禁止右键、复制、粘贴、另存为等功能代码
研发说

js禁止右键、复制、粘贴、另存为等功能代码

1、对整个网页限制鼠标右键: oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键,其实是禁止快捷菜单,因为不光右键可以弹出这个菜单,键盘上空格键右边的windows键也可以激活这个快捷菜单。 <table border oncontextmenu=return(false)> <td> no</table> 可用于Table function click() { if (event.button==2) { alert…

2016年1月1日 0条评论 10474点热度 0人点赞 cywcd 阅读全文
网页顶部页面加载线性进度条js及css3实现方法
研发说

网页顶部页面加载线性进度条js及css3实现方法

网页顶部加载进度条仿智能手机上浏览网页一样,手机上的浏览器进度条一般都在屏幕顶部,一条极细的小线条,当页面加载的时候,它就不断的加载显示进度。这样做的目的与页面中加载提示及软件应用中的进度提示的目的都是一致的为了优化用户体验。 首先介绍一下css3的实现方法: <style type="text/css"> body{ margin:0; padding:0;} @-moz-keyframes progressing { 0% {width:0px;} 100% {width:100%;} } @-we…

2015年12月28日 0条评论 7812点热度 0人点赞 cywcd 阅读全文
在线考试防作弊js实现代码完整版
研发说

在线考试防作弊js实现代码完整版

代码依赖jquery,需要引用jquery包 <!--考试防作弊--> <script type="text/javascript"> //屏蔽右击 document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=function(){return false;}; //窗口失焦、大小变化监听 var blurNum=1; $(windo…

2015年12月25日 0条评论 13163点热度 0人点赞 cywcd 阅读全文
1234
最新 热点 随机
最新 热点 随机
npm 安全更新:把握令牌变更与发布体系的迁移参考指南 TresJS:用 Vue 构建现代化交互式 3D 体验 i18n 高效实现方案:前端国际化神器安利一波 前端国际化 i18n 实践:从项目到组件库的全链路方案 GEO(生成引擎优化)完整指南:AI 搜索时代的企业内容新机会 NativeScript:用 JavaScript / TypeScript 构建真正的原生应用
前端开源工具 PinMe:极简部署体验分享大屏适配的核心痛点与一行 autofit 解决方案markdown-exit:现代化的 Markdown 解析工具Lerna + Monorepo:前端多仓库管理的最佳实践CrewAI:基于角色协作的 AI Agent 团队框架浅析2025 最推荐的 uni-app 技术栈:unibest + uView Pro 高效开发全攻略
StompJs:STOMP的服务器/javascript客户端的解决方案 理财攻略:A轮、B轮、C轮融资、VC、PE、IPO概念解析 马云在世界互联网大会的讲话摘录 Ajax缓存问题解决方案 HTML5中input的placeholder颜色设置及兼容性解决方案 🚀 构建智能化前端脚手架:从工程化到 AI 自动化的最佳实践
文章栏目
  • AI谈 / 12篇
  • 效能录 / 26篇
  • 架构论 / 10篇
  • 研发说 / 179篇
  • 随笔集 / 13篇

AI Agent ajax angularjs css css3 flutter html5 HTTP2 http协议 javascript Jest jquery js js库 LangChain Monorepo node Plop.js SSR this Three.js UniApp Vite vue vue3 Web Components WebGL webpack WebSocket web技术 依赖管理 前端安全 前端工具链 前端工程化 前端框架 区块链 微前端 性能优化 智能体 构建工具 浏览器 生活随笔 网页兼容 解决方案 质量属性

COPYRIGHT © 2025 蓝戒博客_智构苍穹-专注于大前端领域技术生态. ALL RIGHTS RESERVED.

京ICP备12026697号-2