知识补充
关注
分享
扫一扫
enmmmm
这个作者很懒，什么都没留下…
展开
-
模块化
模块化：是一种将复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。服务器端模块的规范CommonJS引入：require导出：module.exports是服务器端模块的规范，Node.js采用了这个规范。同步加载模块，只有加载完成才能执行后面的操作。浏览器端的模块化加载AMD引入：require导出：exportsAsynchronous Module Def...原创 2020-10-26 20:22:15 · 146 阅读 · 0 评论 -
echarts（下载图片、预览打印）
公司需求是使用echarts图表进行数据统计，这些统计图表具有保存为图片及打印功能。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticfile.org/echarts/4.3.0/e原创 2020-10-23 15:44:37 · 2053 阅读 · 0 评论 -
关于meta
移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局转载 2020-10-22 15:17:39 · 397 阅读 · 0 评论 -
图片预览
使用原生JS的图片预览（仅有简单的点击放大功能）<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css"> #containerId { position:fixed; z-index:2000; left:50%; top:50%; transform:translate(-50%,-50%); }原创 2020-10-20 17:06:39 · 205 阅读 · 0 评论 -
css基础布局
实现一个两侧宽度固定，中间宽度自适应的三栏布局。要点：两侧宽度固定，中间宽度自适应 中间部分在DOM结构上优先，以便先行渲染 允许三列中的任意一列成为最高列页面的DOM结构<body> <div class="lay-header"> Header </div> <div class="container"> <div class="main"> <h2>Main</h2>原创 2020-08-03 17:40:22 · 131 阅读 · 0 评论 -
阻止伪元素点击事件（事件冒泡、事件捕获）
优化体验：元素上绑定了点击事件，该元素上设置伪元素是为了画指引竖线，因此不希望伪元素上触发点击事件。<!--HTML--><div @click="handleClick" class="wapper"> <ul> <li>apple</li> <li>banana</li> </ul></div><!--JS-->handleClick(e) {原创 2020-07-29 20:16:44 · 1444 阅读 · 0 评论 -
前端下载文件
Blob下载优点：下载异常时可控，即异常时可提示缺点：只适用较小文件 /** * 保存流文件 * @param data 流数据 * @param fileName 文件名 * @type 将会被放入到blob中的内容(data)的MIME类型 */ downloadByBlob(data, fileName, type) { let blobObj, ado...原创 2020-03-30 14:13:43 · 190 阅读 · 0 评论 -
vue中Axios请求
Axios通过请求的url过滤一定时间内重复请求var reqList = [];//timeInterval 是配置的时间校验时间长度var timeInterval = 4 * 1000;function checkRepeat(option) { try { var reqObj; if (typeof option === 'string') { ...原创 2020-03-27 15:25:02 · 231 阅读 · 0 评论 -
Less基础知识导图
原创 2019-10-15 15:37:39 · 266 阅读 · 0 评论 -
如何去判断一个数组类型
在说明判断数组类型的方法前，先来说一下JavaScript中的数据类型。JavaScript中的数据类型分为基础类型和引用类型，基础类型有string（字符串）、number（数字）、boolean（布尔）、undefined（未定义、不存在）、null（表示空值，声明未赋值）；引用类型有objec（对象）。其中string、number、boolean 三个合称为原始类型（即最基本的数据类型...原创 2019-10-15 15:33:51 · 2168 阅读 · 0 评论 -
动态生成input
动态生成input标签很容易，我们只需要使用v-for指令，给定要生成input数量的值num，如下但是上面动态生成的input标签，若改变其中一个input框的值，其他input框的值会随之一起改变，因为他们绑定了同一个值value，解决上述问题的方法是：我们可以构造出一个生成上述input框的对象，给每一个input框绑定该对象的不同属性的值。如下：...原创 2019-08-26 14:02:06 · 1428 阅读 · 0 评论 -
跨域
一、通过jsonp跨域 在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。 但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp正是利用这个特性来实现的。 jsonp的原理：通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的函数， 并且会把我们需要的json数据作为参数传入。所以js...原创 2018-09-26 21:20:48 · 147 阅读 · 0 评论