![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 78
x_chengqq
水瓶座的工科女
展开
-
【前端】浏览器端excel导入导出功能(ant-design-vue/element-plus, exceljs &FileReader & file-saver & web worker)
exceljs 处理浏览器端 excel 文件(.csv, .xlsx)的导入导出原创 2024-03-14 11:07:32 · 438 阅读 · 0 评论 -
Nodejs 如何开启多进程,进程如何通讯
nodejs 多进程 通讯原创 2022-09-19 13:36:51 · 443 阅读 · 0 评论 -
ES6 Proxy and Reflection API VS Object.defineProperty()
ES6 Vue响应式 代理原创 2022-09-06 21:42:23 · 200 阅读 · 0 评论 -
DOM编程艺术(音频、视频)
内容概要:1、多媒体 、2、图形编程1、多媒体1、基本用法: 2、兼容用法: // type属性是可选的,可以帮助浏览器解码音频或视频 3、兼容用法: 4、上面是主流浏览器的音频视频格式写法,下面两个链接是多媒体格式兼容性列表:------音频------视频5、关于如何检测一种音频视频格式在浏原创 2016-07-13 18:37:08 · 359 阅读 · 0 评论 -
DOM编程艺术(BOM)
1、属性从广义上讲,JavaScript包含三个部分,首先就是ECMAScript,它是我们从狭义上理解的JavaScript,是JavaScript的语法部分;然后是DOM,也就是文档对象模型;最后是BOM,它是浏览器窗口对象的一组API。1、结构图:2、属性:属性名描述navigator浏览器信息location浏览器原创 2016-07-19 10:39:08 · 368 阅读 · 0 评论 -
DOM编程艺术(表单操作)
1、表单元素一、编写表单的步骤:1、构建表单----------------》2、服务器处理(主要是提供负责接收数据的接口,用来处理数据的存储等信息)------------》3、配置表单示例:披萨预定表单: 姓名: 电话: 邮箱: 披萨大小 小 中 大 披萨配料 熏肉 奶酪原创 2016-08-23 17:27:07 · 815 阅读 · 0 评论 -
DOM编程艺术(列表操作)
内容:*显示列表*选择列表项*新增列表项*删除列表项*更新列表项案例:歌单列表描述:单击选中某些项, 右键弹出某个菜单,然后进行编辑、删除等操作,在选中情况下按下Ctrl可以对列表项进行多选,按住shift可以对列表进行连续的选择,对某个列表项进行加心操作,取消加心操作,对所有的列表项进行加心和取消加心操作。定义数据: [ { "id": 297327原创 2016-08-26 15:30:30 · 289 阅读 · 0 评论 -
JavaScript之检测类型(typeof与instanceof)
typeof是用来检测一个变量是不是基本数据类型的最佳工具。typeof 操作符是确定一个变量是字符串、数值、布尔值还是undefined的最佳工具。如果变量的值是一个对象或null,则typeof 操作符会返回“object”。我们想知道某个值什么类型的对象时,应该选择ECMAScript提供的instanceof 操作符,其语法如下所示: result = variable instanc原创 2016-09-11 15:39:17 · 329 阅读 · 0 评论 -
JavaScript之创建对象
虽然Object构造函数或对象字面量都可以用来创建单个对象,但这些方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码。一、工厂模式用函数来封装以特定接口创建对象的细节,如下: function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.jo原创 2016-09-12 11:04:16 · 335 阅读 · 0 评论 -
JavaScript之模块化编程(一)
一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。 function m1(){ //TODO } function m2(){ //TODO }上面的函数m1()和m2(),组成一个模块。使用的时候,直接调用就行了。缺点:污染了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系。转载 2016-09-30 11:57:22 · 393 阅读 · 0 评论 -
VueJS、Angular、React原理
MVVM框架模式 Vue.JS、AngularJS、ReactJS,它们都是MVVM数据驱动框架系列的一种。 MVVM由微软提出,它借鉴了桌面应用程序的MVC思想,在前端页面中,把Model用纯JavaScript对象表示,View负责显示,两者做到了最大限度的分离。 它采用双向绑定(data-binding):View的变动,自动反映在ViewModel,反之亦然。原创 2017-04-20 10:48:33 · 1091 阅读 · 0 评论 -
javascript易错点辨析
1、jQuery中的$(this)和js中的this的区别1、js中的thisthis永远指向函数运行时所在的对象!而不是函数被创建时所在的对象。this对象是在运行时基于函数的执行环境绑定的,在全局环境中,this等于window。 var fullname = 'Rose'; var person = { fullname : 'Jack', prop:{原创 2016-07-19 18:06:42 · 706 阅读 · 0 评论 -
DOM编程艺术(动画)
JS动画1、实现方式:-gif-flash-css3-JS2、三要素:*对象 DOM对象*属性*定时器 setInterval、setTimeout、requestAnimationFrame ①setInterval var intervalID = setInterval(func,del原创 2016-07-08 11:06:23 · 408 阅读 · 0 评论 -
DOM编程艺术(数据存储)
一、cookie浏览器中的cookie是一个小型文本文件。cookie是存储在浏览器端的,但是大部分时候我们是在服务器端对cookie进行设置。我们可以在http返回体中通过设置set-cookie这个头部来告诉浏览器这个cookie。1、一个完整的cookie的构成:属性名默认值作用Name 名Value 值Do原创 2016-07-07 15:21:08 · 296 阅读 · 0 评论 -
DOM编程艺术(数据通信)
知识点:http协议ajax一、http协议1、HTTP事务①、浏览器会向服务器端发送一个包含命令和URL的HTTP请求报文②、当服务器端接收到请求报文之后,会进行一系列的计算,向浏览器返回一个响应报文(包含事务结果的HTTP响应报文)③、浏览器接收到响应报文之后,会将报文的主体显示到浏览器上2、请求报文格式:头行:http方法 主机地址 htt原创 2016-06-22 11:38:40 · 340 阅读 · 0 评论 -
js学习笔记(严格模式)
一、严格模式可以在标签中使用"use strict";表明在这整个js代码中使用严格模式,也可以在某个函数中写上这句,表明在这个函数中采用严格模式。1、标准与严格模式的区别:——隐式声明或定义变量:在标准模式下,允许未定义直接赋值(这就相当于定义了一个全局变量:window.xxx),而采用严格模式就会出错。——对象重名的属性:var obj = {a:1,b:2,a:3};原创 2016-05-29 11:13:15 · 308 阅读 · 0 评论 -
js学习笔记(类型检测)
类型识别:typeof、Object.prototype.toString、constructor、instanceof1、typeof2、Object.prototype.toString3、constructor原创 2016-05-29 12:51:53 · 249 阅读 · 0 评论 -
js学习(内置对象)
标准内置对象:内置对象介绍方法:1、普通对象:-说明-属性、方法2、构造器对象-构造器说明-构造器实例化对象方法-属性、方法-原型对象属性、方法-实例对象的属性、方法(区别自身属性和原型链上的属性)①构造器对象:——Object-构造器说明:*Object是一组属性和方法的集合*String/Number/Boolean/Array/Da原创 2016-05-29 15:54:04 · 339 阅读 · 0 评论 -
js学习笔记(几个特殊语句)
1、for / in功能:遍历对象属性可以遍历出对象的原型对象的方法,一般不需要这样,此时:function Car(id,type,color){ this.type = type; this.color = color; this.id = id;}var benz = new Car("benz", "black", 12345);Car.prototype.start原创 2016-06-07 13:26:42 · 248 阅读 · 0 评论 -
js学习笔记(js变量作用域)
-js使用静态作用域:只与变量声明位置有关,而与函数执行顺序无关-js没有块级作用域:没有for、if这种块级作用域-ES5中使用词法环境管理静态作用域一、词法环境:1、组成:-环境记录(形参、变量、函数等)-对外部词法环境的引用(outer)2、一段代码开始执行前,先初始化词法环境 -有哪些参数会被初始化到词法环境中? 形参、原创 2016-06-07 14:16:46 · 339 阅读 · 0 评论 -
js学习笔记(闭包)
这里要注意的是js中允许函数作为返回值。一、闭包概括-闭包由函数和与其相关的引用环境的组合而成-闭包允许函数访问其引用环境中的变量(又称自由变量)(有可能是外层的词法环境)-广义上来说,所有js的函数都可以称为闭包,因为js函数在创建时保存了当前的词法环境二、闭包的应用-保存变量现场var addHandlers = function(nodes){ for(var原创 2016-06-07 15:11:59 · 286 阅读 · 0 评论 -
js学习笔记(构造器对象、原型对象)
常用的几种对象创建模式:1、使用new关键字创建最基础的对象创建方式: var person = new Object(); person.name = "Jason"; person.age = 13; person.saySomething = function(){ console.log("Hi,I'm " + this.name); }2、使用字面量创建 var原创 2016-06-10 13:00:14 · 443 阅读 · 0 评论 -
js学习笔记(面向对象)
一、知识点:-constructor-this-原型继承-原型链-应用二、constructor这里的构造器是指对象的构造器,也可以叫对象类型。 //new operator var o = new Object(); var a = new Array(); var d = new Date(); //对象构造器,constructor //objec原创 2016-06-11 10:29:47 · 383 阅读 · 0 评论 -
DOM编程艺术(节点操作)
参考书:JavaScript DOM编程艺术(第2版)大纲:-获取节点-创建节点-修改节点-插入节点-删除节点-innerHTML一、获取节点*父子关系 -parentNode -firstChild / lastChild / childNodes -childNodes / children*兄弟关系 -previousS原创 2016-06-12 12:57:34 · 250 阅读 · 0 评论 -
DOM编程艺术(属性操作)
HTML attribute ----------》 DOM property每个html属性对应相应的DOM对象属性知识点:property accessorgetAttribute / setAttributedataset一、属性访问器property accessor 存在的问题:通用性差,名字异常原创 2016-06-14 15:00:39 · 231 阅读 · 0 评论 -
DOM编程艺术(样式操作)
CSS -------------> DOM外部引用的css文件和内嵌式的css 对应的DOM对象为element.sheet,也可以通过document.styleSheets来获取到。行内样式对应的DOM对象为element.style。element.sheet.cssRules[1].style.lineHeight :中的style对应键值对,是CSS原创 2016-06-14 15:34:17 · 357 阅读 · 0 评论 -
DOM编程艺术(事件)
知识点:-事件流-事件注册-事件对象-事件分类-事件代理什么是DOM事件?-点击一个DOM元素-键盘按下一个键-输入框输入内容-页面加载完成一、事件流DOM处理事件的过程。当点击标签时的事件流:1、从window-》document-》-》-》-》 capture phase 捕获阶段2、原创 2016-06-15 09:27:17 · 250 阅读 · 0 评论 -
JavaScript之模块化编程(二)
目前,通行的JavaScript模块规范共有两种:CommonJS和AMD。这里主要介绍AMD,但是会先从CommonJS讲起。一、CommonJS2009年,美国程序员Ryan Dahl创造了node.js项目,将JavaScript语言用于服务器端编程。这标志“JavaScript模块化编程”正式诞生。因为转载 2016-10-09 12:49:10 · 545 阅读 · 0 评论