前端
文章平均质量分 75
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 评论 -
【bpmn.js】 学习笔记(更新中...)
bpmn.js OA系统原创 2023-02-06 12:33:40 · 751 阅读 · 0 评论 -
前端技术学习资源汇总
项目或看到的好文章的资源汇总原创 2023-02-02 14:22:57 · 123 阅读 · 0 评论 -
Nodejs 如何开启多进程,进程如何通讯
nodejs 多进程 通讯原创 2022-09-19 13:36:51 · 443 阅读 · 0 评论 -
总结前端开发中常见的数据结构
前端常见数据结构 栈 Stack 队列 Queue 链表 Linked List 二叉树 Binary Tree 堆原创 2022-09-12 22:11:16 · 285 阅读 · 0 评论 -
ES6 Proxy and Reflection API VS Object.defineProperty()
ES6 Vue响应式 代理原创 2022-09-06 21:42:23 · 200 阅读 · 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、多媒体 、2、图形编程1、多媒体1、基本用法: 2、兼容用法: // type属性是可选的,可以帮助浏览器解码音频或视频 3、兼容用法: 4、上面是主流浏览器的音频视频格式写法,下面两个链接是多媒体格式兼容性列表:------音频------视频5、关于如何检测一种音频视频格式在浏原创 2016-07-13 18:37:08 · 359 阅读 · 0 评论 -
关于rem、px、em的区别
国内喜欢用px,但是国外一般用的都是em、rem。1、px特点:1、IE无法调整px作为单位的字体大小;2、Firefox能够调整px、em和rem。px是像素,是相对长度单位,是相对于显示器屏幕分辨率而言的。2、em特点:1、em的值并不是固定的;2、em会继承父级元素的字体大小。em也是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被原创 2016-07-12 10:52:35 · 2222 阅读 · 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 评论 -
将一个页面分成多个html文件(静态html分割页面)
静态html分割页面,达到类似PHP等动态页面的include引入页面效果。用html把首页分成三个文件转载 2016-06-19 14:54:12 · 39177 阅读 · 0 评论 -
DOM编程艺术(事件)
知识点:-事件流-事件注册-事件对象-事件分类-事件代理什么是DOM事件?-点击一个DOM元素-键盘按下一个键-输入框输入内容-页面加载完成一、事件流DOM处理事件的过程。当点击标签时的事件流:1、从window-》document-》-》-》-》 capture phase 捕获阶段2、原创 2016-06-15 09:27:17 · 250 阅读 · 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 评论 -
移动端根据设备大小设置字体大小(居于案例的理解扩展)
1、问题描述:拿到公司里以前写好的网页查看,发现它的CSS中有这样一些东西:/*设备竖屏时的样式*/@media all and (orientation : portrait){ .video_bg{ position:fixed; z-index: -9999; width: 100%; backgr原创 2016-07-23 10:51:14 · 15985 阅读 · 2 评论 -
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 评论 -
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之模块化编程(一)
一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。 function m1(){ //TODO } function m2(){ //TODO }上面的函数m1()和m2(),组成一个模块。使用的时候,直接调用就行了。缺点:污染了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系。转载 2016-09-30 11:57:22 · 393 阅读 · 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之检测类型(typeof与instanceof)
typeof是用来检测一个变量是不是基本数据类型的最佳工具。typeof 操作符是确定一个变量是字符串、数值、布尔值还是undefined的最佳工具。如果变量的值是一个对象或null,则typeof 操作符会返回“object”。我们想知道某个值什么类型的对象时,应该选择ECMAScript提供的instanceof 操作符,其语法如下所示: result = variable instanc原创 2016-09-11 15:39:17 · 329 阅读 · 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编程艺术(属性操作)
HTML attribute ----------》 DOM property每个html属性对应相应的DOM对象属性知识点:property accessorgetAttribute / setAttributedataset一、属性访问器property accessor 存在的问题:通用性差,名字异常原创 2016-06-14 15:00:39 · 231 阅读 · 0 评论 -
那些年踩过的CSS坑(永久更新)
1、img 标签中的alt 与title的区别:alt alt属性的实质作用是在图片无法正确显示时起到文本替代的作用,不过在IE6下还起到了title的作用。title鼠标滑过时显示的文字提示。对SEO优化的影响:搜索引擎对图片理解是通过alt属性,所以在图片alt属性中包含关键字的简要文字说明,也是页面优化的一部分。(SEO优化:)原创 2016-04-22 21:11:04 · 2644 阅读 · 1 评论 -
JavaScript之模块化编程(二)
目前,通行的JavaScript模块规范共有两种:CommonJS和AMD。这里主要介绍AMD,但是会先从CommonJS讲起。一、CommonJS2009年,美国程序员Ryan Dahl创造了node.js项目,将JavaScript语言用于服务器端编程。这标志“JavaScript模块化编程”正式诞生。因为转载 2016-10-09 12:49:10 · 545 阅读 · 0 评论 -
绿盟2016春季校招web前端笔试
不说废话,直接上图吧,下面是自己的个人答案,不保证正确性。原创 2016-09-04 15:56:12 · 512 阅读 · 0 评论 -
关于base64编码解码(Android编码,JS解码,案例为解决安卓端H5页面的emoji表情显示问题)
1、前言:Base64是网络上最常用的用于传输8Bit字节代码的编码方式之一,比如开发中用于传递参数、现代浏览器中的标签直接通过Base64字符串来渲染图片,以及用于邮件中等等。Base64编码在RFC2045中定义为:Base64内容传送编码被设计用来把任意序列的8位字节描述为一种不易被人直接识别的形式。2、应用举例:以“迅雷下载”为例:很多下载类网站都提供“迅雷下载”的链接,其地址原创 2016-07-14 16:24:18 · 33196 阅读 · 1 评论 -
适用于网站的谷歌分析(analytics.js)
工具网页:API详情请参考官方文档这篇文档纯粹是为了记录链接。原创 2016-07-12 10:59:57 · 445 阅读 · 0 评论 -
JSON与JSONP
JSON用来传数据,而JSONP被用来跨域。他们是两个完全不同的用途:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。下面重点描述JSONP:1、背景:-----Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态页面、web服务、WCF,只要是跨域请求,一律不准;不过,web页面上调用js文件时则不受是否跨域的影原创 2016-07-10 13:22:41 · 400 阅读 · 0 评论 -
看《前端自学方法指导》记录
推荐书籍:1. JavaScript DOM编程艺术(第二版) 人民邮电出版社 进阶:JavaScript高级程序设计(第三版) 人民邮电出版社JavaScript DOM高级程序设计 人民邮电出版社JavaScript权威指南原创 2016-05-23 13:52:18 · 841 阅读 · 0 评论 -
Sublime Text使用技巧
查找(Ctrl+P)::定位到行号 (Ctrl+G) @+符号 定位到具体符号原创 2016-05-26 22:17:39 · 279 阅读 · 0 评论 -
页面制作学习笔记
1-1-1工具 面板 视图1.使用PS工具编辑-首选项-单位与标尺:标尺:像素,文字:像素面板:在“窗口”菜单下开启:工具、选项、信息(F8)、图层(F7)、历史记录保存工作区(新建工作区)工具:切图常用工具:移动工具、矩形选框工具、魔棒工具、裁剪工具+切片工具、缩放工具(放大:Ctrl+加号,缩小:Ctrl+减号)ALT+鼠标滑轮、取色器辅助视图:在“视图”菜原创 2016-05-25 13:34:36 · 395 阅读 · 0 评论 -
HTML5与CSS3学习笔记(一)
1.HTML开发历程1.1 XML的错误处理模型:如果解析器遇到错误,停止解析。 如果把XHTML1.1标记为XML文档类型,假设用Firefox打开这个文档,而文档中有一个符号没有正确编码,就算整个页面中只有这一处错误,浏览器也会死掉,用户将看不到任何网页内容。 HTML没有错误处理模型。原创 2016-05-24 09:36:54 · 645 阅读 · 0 评论 -
HTML5与CSS3学习笔记(二)
一、实体字符1、常用实体*空格( )( )*"(")(")*>(>)(62)**版权符号©(©)(169)*&(&)二、CSS3——选择器1、标签选择器2、属性选择器:[att][disabled]{background-color:#eee;}[type=button]{ color:b原创 2016-05-28 17:06:39 · 502 阅读 · 0 评论 -
js学习笔记(严格模式)
一、严格模式可以在标签中使用"use strict";表明在这整个js代码中使用严格模式,也可以在某个函数中写上这句,表明在这个函数中采用严格模式。1、标准与严格模式的区别:——隐式声明或定义变量:在标准模式下,允许未定义直接赋值(这就相当于定义了一个全局变量:window.xxx),而采用严格模式就会出错。——对象重名的属性:var obj = {a:1,b:2,a:3};原创 2016-05-29 11:13:15 · 308 阅读 · 0 评论 -
DOM编程艺术(节点操作)
参考书:JavaScript DOM编程艺术(第2版)大纲:-获取节点-创建节点-修改节点-插入节点-删除节点-innerHTML一、获取节点*父子关系 -parentNode -firstChild / lastChild / childNodes -childNodes / children*兄弟关系 -previousS原创 2016-06-12 12:57:34 · 250 阅读 · 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 评论 -
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学习笔记(闭包)
这里要注意的是js中允许函数作为返回值。一、闭包概括-闭包由函数和与其相关的引用环境的组合而成-闭包允许函数访问其引用环境中的变量(又称自由变量)(有可能是外层的词法环境)-广义上来说,所有js的函数都可以称为闭包,因为js函数在创建时保存了当前的词法环境二、闭包的应用-保存变量现场var addHandlers = function(nodes){ for(var原创 2016-06-07 15:11:59 · 286 阅读 · 0 评论