- 博客(62)
- 资源 (3)
- 收藏
- 关注
原创 【前端】浏览器端导出excel数据(XLSX(Sheetjs)支持列分组的数据导出)
【前端】浏览器端excel导入导出功能(ant-design-vue/element-plus, exceljs &FileReader & file-saver & web worker)研究,业务对于 .csv 文件解析的需求重要级别挺高的,而前端在同一个项目中,同时用两个处理 excel 功能的 package 也不是一个好的方法。,这意味要处理列合并单元格。(不考虑对数据合并单元格(行列方向的合并都不支持))需要支持的需求中一个需要花点心思写的就是。支持列分组数据的导出。
2024-04-12 09:52:42
383
1
原创 【前端】浏览器端excel导入导出功能(ant-design-vue/element-plus, exceljs &FileReader & file-saver & web worker)
exceljs 处理浏览器端 excel 文件(.csv, .xlsx)的导入导出
2024-03-14 11:07:32
496
原创 xhr Error: Refused to set unsafe header “Referer“ - 在 axios 中试图修改 Headers 的 Referer 时
浏览器拒绝人为设置伪装的Headers Referer。
2023-05-12 13:05:12
3152
4
原创 总结前端开发中常见的数据结构
前端常见数据结构 栈 Stack 队列 Queue 链表 Linked List 二叉树 Binary Tree 堆
2022-09-12 22:11:16
305
原创 AWS基础知识Training Notes (Phase Ⅵ) - 安全性
AWS 安全性责任共担模式用户权限和访问AWS Identity and Access Management (IAM)让用户能够安全地管理对AWS资源和服务的访问。能够灵活配置访问权限。功能:IAM用户、组和角色IAM策略多重验证注意 不要将根用户用于日常任务。IAM 用户是用户在AWS创建的身份。它代表的是与AWS服务和资源交互的人员或应用程序。由名称和凭证组成。...
2022-03-09 11:30:00
474
原创 AWS基础知识Training Notes (Phase Ⅴ)
存储和数据库Amazon Elastic Block Store(Amazon EBS)数据块级存储可以看成一个用来存储文件的地方。文件被更新的后,整个数据块不会被全部覆盖,它只会更新发生改变的部分。适用于数据库、企业软件或文件系统等应用程序的有效的存储类型。E.g. 电脑的硬盘就可以看做一个块级存储。实例存储卷具有短暂性和临时性。关闭一个EC2再次启动它,可能在另外的物理主机上去了,这就可能导致原来运行EC2实例写入的存储信息不可用。因此它们非常适合写入驱动器的数据,可以丢失的情况。例如临
2021-04-27 14:41:18
408
原创 AWS基础知识Training Notes (Phase Ⅳ)
AWS基础知识Training Notes (Phase Ⅳ)Amazon AWS Cloud Practitioner Essentials联网Amazon Virtual Private Cloud(Amazon VPC)Amazon Virtual Private Cloud(Amazon VPC):是AWS中属于您自己的私有网络。通过VPC,可以在AWS云中预置一个 逻辑隔离 部分,可以在其中定义的一个虚拟网络中启动AWS资源。这些资源可以是公开的,它们可以访问互联网,也可以是私有的,没有
2021-03-29 14:30:41
204
原创 VueJS、Angular、React原理
MVVM框架模式 Vue.JS、AngularJS、ReactJS,它们都是MVVM数据驱动框架系列的一种。 MVVM由微软提出,它借鉴了桌面应用程序的MVC思想,在前端页面中,把Model用纯JavaScript对象表示,View负责显示,两者做到了最大限度的分离。 它采用双向绑定(data-binding):View的变动,自动反映在ViewModel,反之亦然。
2017-04-20 10:48:33
1104
转载 JavaScript之模块化编程(二)
目前,通行的JavaScript模块规范共有两种:CommonJS和AMD。这里主要介绍AMD,但是会先从CommonJS讲起。一、CommonJS2009年,美国程序员Ryan Dahl创造了node.js项目,将JavaScript语言用于服务器端编程。这标志“JavaScript模块化编程”正式诞生。因为
2016-10-09 12:49:10
551
转载 JavaScript之模块化编程(一)
一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。 function m1(){ //TODO } function m2(){ //TODO }上面的函数m1()和m2(),组成一个模块。使用的时候,直接调用就行了。缺点:污染了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系。
2016-09-30 11:57:22
397
原创 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
340
原创 JavaScript之检测类型(typeof与instanceof)
typeof是用来检测一个变量是不是基本数据类型的最佳工具。typeof 操作符是确定一个变量是字符串、数值、布尔值还是undefined的最佳工具。如果变量的值是一个对象或null,则typeof 操作符会返回“object”。我们想知道某个值什么类型的对象时,应该选择ECMAScript提供的instanceof 操作符,其语法如下所示: result = variable instanc
2016-09-11 15:39:17
334
原创 数据库零碎知识点集合(永久更新)
1、聚集函数不允许出现在查询语句中的(select、having、where、on)子句中?①聚集函数可以出现在select中,毋庸置疑,经常用到。②聚集函数不能用于where子句中,因为where子句决定哪些行可以进入聚集阶段,因此它必须在聚集函数之前计算。可以利用子查询解决这个问题。③having子句总是包含聚集函数,having在分组和聚集之后选取分组的行。④也不允许出现在o
2016-09-07 16:45:39
1101
原创 DOM编程艺术(列表操作)
内容:*显示列表*选择列表项*新增列表项*删除列表项*更新列表项案例:歌单列表描述:单击选中某些项, 右键弹出某个菜单,然后进行编辑、删除等操作,在选中情况下按下Ctrl可以对列表项进行多选,按住shift可以对列表进行连续的选择,对某个列表项进行加心操作,取消加心操作,对所有的列表项进行加心和取消加心操作。定义数据: [ { "id": 297327
2016-08-26 15:30:30
303
原创 DOM编程艺术(表单操作)
1、表单元素一、编写表单的步骤:1、构建表单----------------》2、服务器处理(主要是提供负责接收数据的接口,用来处理数据的存储等信息)------------》3、配置表单示例:披萨预定表单: 姓名: 电话: 邮箱: 披萨大小 小 中 大 披萨配料 熏肉 奶酪
2016-08-23 17:27:07
822
原创 Git与Github应用实践
用来记录我自己首次使用Git和Github的过程,以后长的代码就收集到我的github上了。一、首先是安装Git和申请Github账号这里我用的是QQ邮箱来申请的Github账号,果然遇到了没有收到验证邮件的问题,这时候就需要去github的设置中查看email设置,点击重发邮件,然后我就收到验证邮件了。Git的安装网上有很多教程,这里就不记录了(其实这里我也不知道在安装过程中我到底有
2016-08-06 15:53:53
689
原创 产品前端架构(版本管理)
课程大纲:*版本控制系统*分支模型*Git一、版本控制VCS定义:版本控制系统即VCS(version control system)是一种记录若干文件的修订记录的系统,它帮助我们查阅或回到某个历史版本。-“人肉”VCS-LVCS 本地(如:RCS),不足:不能多人协同开发-CVCS 集中式(如SVN),若中央管理器发生故障。。。-DVCS 分布式(如Git,M
2016-08-05 15:47:23
2427
原创 移动端根据设备大小设置字体大小(居于案例的理解扩展)
1、问题描述:拿到公司里以前写好的网页查看,发现它的CSS中有这样一些东西:/*设备竖屏时的样式*/@media all and (orientation : portrait){ .video_bg{ position:fixed; z-index: -9999; width: 100%; backgr
2016-07-23 10:51:14
16093
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
724
原创 DOM编程艺术(BOM)
1、属性从广义上讲,JavaScript包含三个部分,首先就是ECMAScript,它是我们从狭义上理解的JavaScript,是JavaScript的语法部分;然后是DOM,也就是文档对象模型;最后是BOM,它是浏览器窗口对象的一组API。1、结构图:2、属性:属性名描述navigator浏览器信息location浏览器
2016-07-19 10:39:08
378
原创 关于base64编码解码(Android编码,JS解码,案例为解决安卓端H5页面的emoji表情显示问题)
1、前言:Base64是网络上最常用的用于传输8Bit字节代码的编码方式之一,比如开发中用于传递参数、现代浏览器中的标签直接通过Base64字符串来渲染图片,以及用于邮件中等等。Base64编码在RFC2045中定义为:Base64内容传送编码被设计用来把任意序列的8位字节描述为一种不易被人直接识别的形式。2、应用举例:以“迅雷下载”为例:很多下载类网站都提供“迅雷下载”的链接,其地址
2016-07-14 16:24:18
34324
1
原创 DOM编程艺术(音频、视频)
内容概要:1、多媒体 、2、图形编程1、多媒体1、基本用法: 2、兼容用法: // type属性是可选的,可以帮助浏览器解码音频或视频 3、兼容用法: 4、上面是主流浏览器的音频视频格式写法,下面两个链接是多媒体格式兼容性列表:------音频------视频5、关于如何检测一种音频视频格式在浏
2016-07-13 18:37:08
366
原创 关于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
2243
原创 JSON与JSONP
JSON用来传数据,而JSONP被用来跨域。他们是两个完全不同的用途:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。下面重点描述JSONP:1、背景:-----Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态页面、web服务、WCF,只要是跨域请求,一律不准;不过,web页面上调用js文件时则不受是否跨域的影
2016-07-10 13:22:41
418
原创 DOM编程艺术(动画)
JS动画1、实现方式:-gif-flash-css3-JS2、三要素:*对象 DOM对象*属性*定时器 setInterval、setTimeout、requestAnimationFrame ①setInterval var intervalID = setInterval(func,del
2016-07-08 11:06:23
421
原创 DOM编程艺术(数据存储)
一、cookie浏览器中的cookie是一个小型文本文件。cookie是存储在浏览器端的,但是大部分时候我们是在服务器端对cookie进行设置。我们可以在http返回体中通过设置set-cookie这个头部来告诉浏览器这个cookie。1、一个完整的cookie的构成:属性名默认值作用Name 名Value 值Do
2016-07-07 15:21:08
302
原创 DOM编程艺术(数据通信)
知识点:http协议ajax一、http协议1、HTTP事务①、浏览器会向服务器端发送一个包含命令和URL的HTTP请求报文②、当服务器端接收到请求报文之后,会进行一系列的计算,向浏览器返回一个响应报文(包含事务结果的HTTP响应报文)③、浏览器接收到响应报文之后,会将报文的主体显示到浏览器上2、请求报文格式:头行:http方法 主机地址 htt
2016-06-22 11:38:40
350
转载 将一个页面分成多个html文件(静态html分割页面)
静态html分割页面,达到类似PHP等动态页面的include引入页面效果。用html把首页分成三个文件
2016-06-19 14:54:12
39291
原创 DOM编程艺术(事件)
知识点:-事件流-事件注册-事件对象-事件分类-事件代理什么是DOM事件?-点击一个DOM元素-键盘按下一个键-输入框输入内容-页面加载完成一、事件流DOM处理事件的过程。当点击标签时的事件流:1、从window-》document-》-》-》-》 capture phase 捕获阶段2、
2016-06-15 09:27:17
259
原创 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
363
原创 DOM编程艺术(属性操作)
HTML attribute ----------》 DOM property每个html属性对应相应的DOM对象属性知识点:property accessorgetAttribute / setAttributedataset一、属性访问器property accessor 存在的问题:通用性差,名字异常
2016-06-14 15:00:39
237
原创 DOM编程艺术(节点操作)
参考书:JavaScript DOM编程艺术(第2版)大纲:-获取节点-创建节点-修改节点-插入节点-删除节点-innerHTML一、获取节点*父子关系 -parentNode -firstChild / lastChild / childNodes -childNodes / children*兄弟关系 -previousS
2016-06-12 12:57:34
258
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人