
javascript
文章平均质量分 72
木鱼-
过一天就要进步一点,而且不知道也会更多,还有每天都会忘记一点。所以每天还得做功课
展开
-
Vue中使用debugger在chrome谷歌浏览器中失效问题
问题描述:我在vscode或idea的vue代码中,加入debugger代码调式,始终不生效,烦得很,清理浏览器缓存,重启项目和电脑,都没啥用,最终找到了解决办法。这两种办法本人都试过,都是可行的。这个在浏览器上设置也是可行的,我个人比较建议这个办法,谷歌浏览器-更多工具-开发者工具-设置-Ignoer List-取消勾选/node_modules/|/bower_components/即可。3)找到Ignoer List-取消勾选/node_modules/|/bower_components/即可。转载 2024-12-26 10:29:33 · 384 阅读 · 0 评论 -
TypeScript(一)TypeScript下载安装,编译运行的三种方式:tsc命令行/webpack搭建环境/tsc-node库
文章介绍了TypeScript作为JavaScript的超集,提供类型系统,并演示了如何搭建TypeScript环境,包括使用tsc编译器、通过Webpack自动化构建流程,以及配置ts-node直接运行TypeScript代码。-y 的含义:yes的意思,在init的时候省去了敲回车的步骤,生成的默认的package.json。在进行TypeScript开发时,我们会针对TypeScript进行相关的配置,而这些配置信息是存放在一个tsconfig.json文件中的。转载 2024-08-28 11:38:02 · 551 阅读 · 0 评论 -
webpack模块化原理-commonjs/webpack模块化原理-ES module
我们都知道,webpack作为一个构建工具,解决了前端代码缺少模块化能力的问题。我们写的代码,经过webpack构建和包装之后,能够在浏览器以模块化的方式运行。这些能力,都是因为webpack对我们的代码进行了一层包装,本文就以webpack生成的代码入手,分析webpack是如何实现模块化的。PS: webpack的模块不仅指js,包括css、图片等资源都可以以模块看待,但本文只关注js。转载 2024-02-04 10:28:11 · 362 阅读 · 0 评论 -
前端模块化——彻底搞懂AMD、CMD、UMD、ESM和CommonJS
UMD是AMD和CommonJS的一个糅合。AMD是浏览器优先,异步加载;CommonJS是服务器优先,同步加载。既然要通用,怎么办呢?那就先判断是否支持node.js的模块,存在就使用node.js;再判断是否支持AMD(define是否存在),存在则使用AMD的方式加载。这就是所谓的UMD。转载 2024-02-04 09:32:43 · 3205 阅读 · 0 评论 -
Live Server的端口问题
本人使用nginx启动了端口5550的网站,然后在VSCode也启动一个Live Server,通过live server扩展配置如下:{ "liveServer.settings.donotShowInfoMsg": true, "liveServer.settings.port": 5550, "workbench.startupEditor": "newUntitledFile", "[javascript]": { }, ...原创 2021-10-08 16:14:56 · 3510 阅读 · 0 评论 -
JS声明对象时属性名加引号与不加引号的区别
这个问题很好有人关注,但我每一次在声明一个对象属性的时候都要想想要不要给属性加引号?加引号与不加引号有什么区别?其实在JavaScript中,加引号与不加引号都是一样用,都是有效的。如: var obj = { name : '琼台博客', 'age' : 18, }; document.write( 'name :...转载 2020-03-10 15:51:35 · 611 阅读 · 0 评论 -
前端跨域整理
相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩,碰到这种情况,就只能自己总结一篇博客,作为记录。正文1. 什么是跨域?跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议、域名、端口有任何一个不同,都被当作是不同的域。之所以会产生跨域这个问题呢,其实也很容易想明白,要转载 2016-11-04 13:44:24 · 365 阅读 · 0 评论 -
全面解读HTTP Cookie
今天webryan给team做了一个关于HTTP cookie的分享,从各个方面给大家介绍一下大家耳熟能详的Cookie。主要是翻了维基百科的很多内容,因为维基百科的逻辑实在是很清晰:),ppt就不分享了,把原始的草稿贴出来给大家。欢迎批评指正。HTTP Cookie:Cookie通常也叫做网站cookie,浏览器cookie或者http cookie,是保存在用户浏览器端的,并在发出ht转载 2016-10-15 09:02:18 · 1387 阅读 · 0 评论 -
Javascript里常见的事件位置属性
1.常见的事件位置属性e.pageX——相对整个页面的坐标注意:IE6、IE7、IE8无该属性e.layerX——相对当前坐标系的border左上角开始的坐标注意:在opera、IE6、IE7、IE8中这个属性,而IE8以上表示相对当前坐标系的border左上角开始的坐标 + 滚动条滚过的距离e.offsetX——相对当前坐标系的border左上角开始的坐标注意:火狐中无该属性e.clientX—...转载 2018-03-27 14:37:39 · 439 阅读 · 0 评论 -
深入理解JavaScript函数参数
前面的话 javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数,也不在乎传进来的参数是什么数据类型,甚至可以不传参数。arguments javascript中的函数定义并未指定函数形参的类型,函数调用也未对传入的实参值做任何类型检查。实际上,javascript函数调用甚至不检查传入形参的个数function add(x){return x+1;}...转载 2018-06-01 09:10:30 · 346 阅读 · 0 评论 -
引用外部.css或.js文件的路径问题--jsp或html页面引用
jsp或html页面引用外部.css或.js文件时,注意路劲问题,如果设置不当,会引用不到这些外部的文件假设使用下面的目录结构:-webapp|-MyProject目录|--WebContent目录|---scripts目录---dtree.js文件|---styles目录---main.css文件|---pages目录-...转载 2016-01-04 16:46:12 · 12053 阅读 · 3 评论 -
js调用函数时传入的参数个数与函数定义时的参数个数不符时的操作
转截自:https://www.cnblogs.com/daixiaotian/p/6423691.html1.在js中函数没有重载的概念,如果声明了多个重名的函数,不管函数的形参个数是否一样,只有最有一个有效,其他的函数声明都是无效的。比如说声明了两个函数fn(),第一次声明时没有形参,第二次声明时形参有两个,则在调用fn()时不管有没有传入参数,都是调用后声明的那个函数。假如说调用时...转载 2019-05-30 11:03:25 · 2409 阅读 · 0 评论 -
200多个js技巧代码
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件(value=='') {value='mm'}">点击时文字消失,失去焦点时文字再出现2.网页按钮的特殊颜色style="background-color:rgb(235,2转载 2016-07-14 14:50:16 · 1357 阅读 · 0 评论 -
javascript中的私有,公有,特权和静态方法
转载:http://blog.youkuaiyun.com/tenfyguo/article/details/5780986 javascript的函数既可以作为普通的函数进行调用,也可以作为构造函数进行创建对象。在作为普通函数进行调用的情况,由于大家比较熟悉,并且平时使用也比较多,所以这里就不做进一步的阐述了,本文重点是分析javascript函数作为一个构造函数进行创建对象的过程和在构建高可复用的转载 2015-11-13 08:47:59 · 631 阅读 · 0 评论 -
js作用域问题一步步透彻理解
黄金守则第一条: js没有块级作用域(你可以自己闭包或其他方法实现),只有函数级作用域,函数外面的变量函数里面可以找到,函数里面的变量外面找不到。 first try: 这是为什么呢?? 1 var a = 10; 2 function aaa(){//step-4 3 alert(a);//ste转载 2014-09-24 14:04:57 · 704 阅读 · 0 评论 -
javascript解析机制——预解析
JavaScript解析机制是什么? JavaScript解析过程分为两个阶段,一个是编译阶段,另外一个就是执行阶段。 * 编译阶段 编译阶段就是我们常说的JavaScript预解析(预处理)阶段,在这个阶段JavaScript解释器将完成把JavaScript脚本代码转换到字节码。 * 执行阶段 在编译阶段JavaScript解释器借助执行环境把字转载 2014-09-24 14:08:32 · 645 阅读 · 0 评论 -
理解javascript原型和作用域系列
http://www.cnblogs.com/wangfupeng1988/p/3977924.html转载 2014-09-24 14:10:27 · 503 阅读 · 0 评论 -
DHTML(table,row,cell)
箱号 报警内容 报警时间转载 2014-10-17 10:38:00 · 1016 阅读 · 0 评论 -
JS中创建对象的几种方式。
JS中创建对象的几种方式。 JavaScript中的所有事物都是对象:字符串、数组、数值、函数等。JS中并没有类的概念,可以利用JS的语法特征,以类的思想来创建对象。1,原始方法 复制代码 代码示例:javascript">var obj = new Object(); obj.name = "Koji"; //为对象添加属性 obj.age转载 2015-11-03 16:55:14 · 779 阅读 · 0 评论 -
javascript技巧
javascript技巧 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event转载 2015-11-06 10:36:52 · 468 阅读 · 0 评论 -
javascript 构造函数方式定义对象
http://www.jb51.net/article/59315.htmjavascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性复制代码 代码如下: /*//01.定义对象第一种方式var object =new Object();alert(object.username);//01.1增加属性转载 2015-10-22 16:34:42 · 377 阅读 · 0 评论 -
javascript基础资料
转载:http://blog.youkuaiyun.com/cxiaokai/article/details/75490421javascript基础: (1)javascript是什么,能做什么事情? javascript是网景公司开发的用于与页面进行交互的脚本语言。javascript程序在浏览器端运行,一般写在.js结尾的文件中。转载 2015-10-08 08:35:32 · 467 阅读 · 0 评论 -
JavaScript 三种创建对象的方法
JavaScript中对象的创建有以下几种方式 使用内置对象 使用JSON符号 自定义对象构造。大家可以参考下。JavaScript中对象的创建有以下几种方式: (1)使用内置对象 (2)使用JSON符号 (3)自定义对象构造 一、使用内置对象 JavaScript可用的内置对象可分为两种: 1,JavaScript语言原生对象(语言级对象),如String转载 2015-10-22 16:31:40 · 429 阅读 · 0 评论 -
JavaScript中的new 操作符(转)总结
JavaScript是一门基于原型的语言,但它却拥有一个 new 操作符使得其看起来象一门经典的面对对象语言。那样也迷惑了程序员们,导致一些有问题的编程模式。 1、其实你永远不需要在JavaScript使用 new Object()。用字面量的形式{}去取代吧。2、同理,不要使用 new Array() ,而代之以字面量[]。JavaScript中的数组并不象Java中的数组那样工作的转载 2015-11-08 10:05:05 · 1145 阅读 · 0 评论 -
javascript深入理解js闭包
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函数外部自然无法读取函数转载 2015-07-21 16:57:45 · 368 阅读 · 0 评论 -
JavaScript 各种遍历方式详解
为了方便例子讲解,现有数组和json对象如下var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];var demoObj = { aaa: 'Javascript', bbb: 'Gulp', ccc: 'CSS3', ddd: 'Grunt', eee:转载 2015-11-10 17:23:14 · 517 阅读 · 0 评论 -
JavaScript里获取电池状态的方法-从Mozilla Aurora 11起,火狐浏览器里实现了
从Mozilla Aurora 11起,火狐浏览器里实现了一些新功能,其中一个就是对电池状态接口的基本实现。这个很简单的接口能提供你关于电池当前电量,是否在充电等信息,以及一些电池状态变化事件。让我们来看看效果!观看演示电池对象是存放在window.navigator.battery里,但因为这是火狐浏览器首次实现并提供这个接口,并未普及,你需要使用window.navigator.moz转载 2014-07-27 17:27:28 · 857 阅读 · 1 评论