- 博客(17)
- 收藏
- 关注
原创 模块化
模块化:是一种将复杂系统分解为代码结构更合理,可维护性更高的可管理的模块的方式。服务器端模块的规范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关注的人