- 博客(17)
- 收藏
- 关注
RSS订阅原创 模块化
模块化：是一种将复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。服务器端模块的规范CommonJS引入：require导出：module.exports是服务器端模块的规范，Node.js采用了这个规范。同步加载模块，只有加载完成才能执行后面的操作。浏览器端的模块化加载AMD引入：require导出：exportsAsynchronous Module Def...
2020-10-26 20:22:15
124
原创 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
1889
转载 关于meta
移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局
2020-10-22 15:17:39
366
原创 图片预览
使用原生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
178
原创 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
107
原创 阻止伪元素点击事件（事件冒泡、事件捕获）
优化体验：元素上绑定了点击事件，该元素上设置伪元素是为了画指引竖线，因此不希望伪元素上触发点击事件。<!--HTML--><div @click="handleClick" class="wapper"> <ul> <li>apple</li> <li>banana</li> </ul></div><!--JS-->handleClick(e) {
2020-07-29 20:16:44
1352
原创 Vue组件的生命周期
有一个需要是分别在创建B组件和B-Bro组件时利用事件总线$on（注册）一个事件，在销毁组件前$off（注销）这个事件，开始我是分别在created中$on，在beforeDestory中$off，但是发现B-Bro中的事件注册不上该事件，最后发现是生命周期的原因：B-Bro beforeCreate->B-Bro created ->B-Bro beforeMount -> B beforeDestory -> B destoryed -> B-Bro moun...
2020-07-06 17:42:40
119
原创 ElementUI中checkbox和select同时使用，选中状态冒泡问题，以及select相关
checkbox中嵌套select在项目中有需求是需要在checkbox中包含select下拉框，//例如：<el-checkbox label="time"> <span class="mr5">超过</span> <el-form-item prop="fileMonth"> <el-select v-model="autoClear.fileMonth"> <el-option v-f
2020-07-06 15:54:05
3406
原创 前端下载文件
Blob下载优点：下载异常时可控，即异常时可提示缺点：只适用较小文件 /** * 保存流文件 * @param data 流数据 * @param fileName 文件名 * @type 将会被放入到blob中的内容(data)的MIME类型 */ downloadByBlob(data, fileName, type) { let blobObj, ado...
2020-03-30 14:13:43
165
原创 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
201
原创 如何去判断一个数组类型
在说明判断数组类型的方法前，先来说一下JavaScript中的数据类型。JavaScript中的数据类型分为基础类型和引用类型，基础类型有string（字符串）、number（数字）、boolean（布尔）、undefined（未定义、不存在）、null（表示空值，声明未赋值）；引用类型有objec（对象）。其中string、number、boolean 三个合称为原始类型（即最基本的数据类型...
2019-10-15 15:33:51
2122
原创 动态生成input
动态生成input标签很容易，我们只需要使用v-for指令，给定要生成input数量的值num，如下但是上面动态生成的input标签，若改变其中一个input框的值，其他input框的值会随之一起改变，因为他们绑定了同一个值value，解决上述问题的方法是：我们可以构造出一个生成上述input框的对象，给每一个input框绑定该对象的不同属性的值。如下：...
2019-08-26 14:02:06
1379
原创 JS小练习
练习1：回文串的判断法（1）原字符串反转后拼接成新字符串，与原字符串比较 function isCircleStr1(str){ var arr = str.split(""); arr.reverse(); var newStr = arr.join(""); if(str == newStr){ ...
2018-10-03 18:43:22
131
原创 跨域
一、通过jsonp跨域 在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。 但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp正是利用这个特性来实现的。 jsonp的原理：通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的函数， 并且会把我们需要的json数据作为参数传入。所以js...
2018-09-26 21:20:48
125
原创 数据库（Mongodb）
一、基本操作：1.use db(数据库的名字)：切换所用的数据库2.show dbs ：显示数据库列表3.show collections ：显示当前数据库下的集合4.db.account(集合的名字).save({'name':'zhangsan','sex':'male'}) ：添加数据到account集合中5.db.account.find() : 没有查询条件（即显示此...
2018-09-26 21:13:58
124
原创 笔试题目总结（JS篇）
（1）js函数覆盖 var m = 1; function add(n){ return n = n+ 1; } y = add(m); function add(n){ return n = n +3; } z = add(m); console.log(y); //结果是4 console.log(z); //结果是4（2）js立即执...
2018-09-26 21:03:21
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人