- 博客(57)
- 收藏
- 关注
RSS订阅原创 使用element UI el-upload组件上传图片或视频时获取尺寸
const isSize = new Promise((resolve,reject)=>{ if(type == '图片') { //上传文件为图片类型 let img = new Image() img.onload = function(){ resolve(img) } img.src = URL.createObjectURL(file.raw) }else { //上传文件为视频类型 var videoUrl = .
2020-11-19 10:06:26
1932
1
原创 Echarts tooltip不影响其样式地给文字加单位
Echarts tooltip不影响其样式地给文字加单位代码：formatter: function (params) { var result = params[0].name + "<br>"; params.forEach(function (item) { if (item.value) { result += it...
2020-03-16 16:44:57
586
转载 Lodash之throttle（节流）与debounce（防抖）总结
防抖动和节流本质是不一样的。防抖动是将多次执行变为最后一次执行，节流是将多次执行变成每隔一段时间执行。throttle API走起_.throttle(func, [wait=0], [options={}])func (Function): 要节流的函数。[wait=0] (number): 需要节流的毫秒数。[options={}] (Object): 选项对象。[op...
2020-03-06 16:42:26
639
转载 如何让css背景图片占满全部背景，并且保持长宽比呢？
如何让css背景图片占满全部背景，并且保持长宽比呢？body{ background-image: url("<%=basePath%>res/index_head_1.jpg"); background-position: center; background-repeat: no-repeat; ...
2020-02-07 18:07:17
1390
转载 css3渐变 两边透明中间高亮
颜色自己可以调节如图：采集器管理下面的那条线就是css代码：.linear{ width:100%; height:2px; background: linear-gradient( to right, rgba(0,0,0,0) 0%, ...
2020-02-07 18:05:11
1117
转载 css实现内凹圆角样式
最新开发遇到一个弹框，弹框中间有两个内凹的半圆，而且还是透明的，不能遮挡到底层的内容。基于这个需求，找到了一个比较好的实现方法。先上一下demo效果图：实现这个效果主要是用了background-image 结合径向渐变radial-gradient。示例：background-image: radial-gradient(circle 10px at 0 100%, transpa...
2020-02-07 18:01:23
2002
转载 启动本地服务器的方式
在学习three.js时，如果需要引入外部资源如模型或者纹理，那仅仅使用浏览器打开HTML文件会出现跨域等问题，这就需要本地服务器来确保外部资源正确加载。启动本地服务器的两种方式：1.适用于Unix/Mac系统的基于Python的Web服务器> python -m SimpleHTTPServer2.基于NPM的Web服务器> npm install -g http...
2019-07-30 17:05:58
1581
原创 在vue中利用TweenMax动画实现数字滚动
让数字在渲染时达到滚动增长的效果mounted() { this.plist = [ { id:1, name:'月职住人口', value:12664103, },{ id:2, name:'月流入人口', value:2330366, }, { id:...
2019-07-18 16:15:14
2279
原创 Element UI 和js实现文件的上传和下载
文件上传before-upload参数是在文件上传之前对文件进行一些验证action参数是文件上传的服务器地址this.uploadHref = this.baseUrl + '/tourismManagement/uploadTourismMesExcel';baseUrl: process.env.NODE_ENV === 'production' ? apicon...
2019-07-15 14:29:37
1837
1
原创 登录页面中背景图片平铺及登录框垂直居中
一般登录页面的样式都如下图所示，它的特点是，页面的背景是一张比较炫酷的图片，页面右侧有一个登录框假设页面结构为<div class="login-wrap"> <div class="content"> <p class="header-left hy-header"> 数盾风控点查询 </p> <el-for...
2019-07-02 17:40:44
3445
1
转载 leetcode206-Reverse Linked List-反转链表
非递归：function reverseList(head) { var prev = null; while (head) { var next = head.next; head.next = prev; prev = head; head = next; } return prev;}递归：...
2018-02-08 21:43:49
232
转载 leetcode53-Maximum Subarray-动态规划
Find the contiguous subarray within an array (containing at least one number) which has the largest sum.For example, given the array [-2,1,-3,4,-1,2,1,-5,4],the contiguous subarray [4,-1,2,1] ha
2018-02-07 10:02:02
199
原创 获取URL中查询字符串的参数值
function getQueryStringArgs() { //取得查询字符串并去掉开头的问号 var qs = location.search.length > 0 ? location.search.substring(1):""; //保存数据的对象 var args = {}; //取得每一项 items = qs.length > 0
2018-01-25 19:41:19
3593
原创 vue中实现先请求数据再渲染dom
在项目中遇到了一个问题，下面是vue template中的代码： 我之前的写法是这样做的结果是下面取dom的操作，取到的dom都是undefined，也就是没有取到。原因是并没有按照 请求数据—>渲染dom—>获取dom的顺序执行，实际的执行顺序是 先获取dom，而此时数组option中还是空的，上面的v-for循环也就没有渲染出dom，所以根本取不到（不理解
2017-12-14 20:55:42
60659
6
转载 怎么才能让一张图片铺满整个屏幕
html, body{ margin: 0; padding: 0; background: url('images/background.png'); repeat: no-repeat; background-attachment:fixed; filter: progid:DXImageTransform.Microsoft.AlphaIma
2017-12-13 15:28:52
9615
转载 JS中的call()方法和apply()方法用法总结
最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。
2017-11-20 19:02:08
188
转载 Ajax跨域请求action方法，无法传递及接收cookie信息（应用于系统登录认证及退出）解决方案
最近的项目中涉及到了应用ajax请求后台系统登录，身份认证失败，经过不断的调试终于找到解决方案。应用场景： 项目测试环境：前端应用HTML，js，jQuery ajax请求，部署在Apache服务器；后端业务系统应用spring mvc，mybatis，部署在tomcat服务器。当在一个系统需要调用另一个系统的时候，就会出现跨域的问题，即本次我们遇到了ajax请求的跨域问题。
2017-11-16 09:55:55
228
转载 利用setInterval()实现每隔两秒依次出现数组中的一个值
Title arr=[1,2,3,4,5,6,7,8,9]; i=0; var t=setInterval('show()',2000); function show() { $("#time").append(arr[i]); i=i+1; //如果超过数组长度，清除定时器 if(i>arr.lengt
2017-10-28 10:21:39
4290
转载 vue列表渲染，以及鼠标点击改变样式的问题
在实际项目中，我们进场会遇到鼠标点击该表某个DOM元素来添加样式，在原生的js或者jquery中，我们会比较熟练的实现这个需求，但是在vue中怎么实现呢？我最初的想法是直接操作dom，即在鼠标点击该表某个DOM元素之后，取到event.target，然后给它添加class，但是遇到一个问题就是想一开始进入页面就给列表中的第一个元素添加上样式，但是在created和mounted方法中取do
2017-10-19 15:05:51
9576
3
转载 正确理解使用Vue里的nextTick方法
`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。实例：12345678910111213141516171
2017-10-14 13:07:14
9496
2
转载 render: h => h(App) 是什么意思?
背景在学习Vue.js时，使用vue-cli创建了一个Vue项目，main.js文件中有一行代码不知道是什么意思。在网上搜索了下，得到了答案，在此记录下。main.js 文件内容import Vue from 'vue'import App from './App.vue'new Vue({ el: '#app', render: h => h(App)})
2017-10-13 11:11:17
1359
转载 使用FormData对象
利用FormData对象,你可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单".创建一个FormData对象你可以先创建一个空的FormData对象,然后使用append()方法向该对象里添加字段,如下:var oMyForm = new FormData();oMyForm.append("username", "Grouch
2017-09-17 12:56:52
818
转载 css3 animate动画每循环一次的时间间隔设置方法
.item{ webkit-animation: revolving 4s 0s infinite; animation: revolving 4s 0s infinite;}@-webkit-keyframes revolving{ 0,75%{ -webkit-transform: perspective(700px) rotateX(90deg); } 87.5
2017-09-09 16:32:22
37781
1
转载 CSS3中和动画有关的属性transform、transition 和 animation
CSS3中和动画有关的属性有三个 transform、 transition 和 animation。下面来一一说明:transform从字面来看transform的释义为改变，使…变形；转换 。这里我们就可以理解为变形。那都能怎么变呢？ none 表示不进行变换； rotate 旋转 transform:rotate(20deg) 旋转角度可以为负数。需要先有trans
2017-09-09 16:23:54
541
转载 利用Data URL(data:image/jpg;base64,)将小图片生成数据流形式
先看一段代码：那这些代码是如何生成的咧？先看下这些代码“data:image/jpg;base64,iVBORw0KGgoAAAANSUhE……” 就是一张图片的Data URL，就是利用base64编码把图片数据翻译成标准ASCII字符。等同于：显示结果：Data URL是在本地直接绘制图片，不是从服务器加载，所以节省了HTTP连接，起到加速网页的
2017-09-02 16:11:35
3197
转载 echarts x轴坐标文字显示不全
在echarts中应用柱状图或者折线图时，当数据量过多的时候，X轴的坐标就会显示不全（如下图图一），在ECharts图表组件内部有一个机制，用于统计xAxis坐标刻度的个数和图表宽度，从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是：interval。还有一个属性：rotate: number 度角是倾斜的控制所在。图一：显示不全
2017-08-21 10:51:36
454
转载 可视化中的数据
当下随着大数据热潮的到来，数据可视化作为一个新兴的领域，受到了学术界和工业界的重视。从可视分析、数据新闻到商业报表，各个领域都在越来越多的使用它。既然是数据可视化，说明数据是主体，可视化只是将数据以可视的形式表达的手段。接下来小编就与大家一起揭开可视化中数据的面纱，一探究竟。可视化什么：数据抽象既然是数据可视化，无可非议，可视化的元素肯定是数据，这里所指的数据是广义上的数据，包
2017-08-17 10:02:03
411
原创 表单验证常用的正则表达式
1.验证输入必须为数字(str为输入的字符串）var regData = /[0-9]/;if (!regData.test(str)) { alert("请输入整数"); return false;}2.验证输入必须为数字、字母和下划线 var filter = new RegExp(/^[0-9a-zA-Z_]+$/); if(str.match(filter)) {
2017-08-16 16:33:27
313
转载 Javascript中实现trim()函数的两种方法
在JavaScript中我们需要用到trim的地方很多，但是JavaScript又没有独立的trim函数或者方法可以使用，所以我们需要自己写个trim函数来实现我们的目的。方案一：以原型方式调用，即obj.trim()形式，此方式简单且使用方面广泛，定义方式如下：复制代码代码如下:/*** 删除左右两端的空格*/String.prototyp
2017-08-16 15:18:16
363
原创 在一个组件使用router-link进行路由时传递一个参数，在另一个组件接收
A.vue组件中：编辑B.vue组件中：export default { data() { return { id:'' } mounted : function() { this.id = this.$route.params.taskId; }}
2017-08-03 20:20:03
1114
原创 在用v-for循环渲染列表后，实现滑动一个div时就只有它对应的滑块滑出，而不是所有的滑块都滑出
设置一个i变量，在注册一个滑动事件并把index的值传进去，在这个事件中把i赋值为index {{plan.content}} 编辑 删除 已完成 待办 进行中 data() { return { i: 999,
2017-08-03 20:13:15
834
原创 Sublime Text3配置TypeScript语法高亮
1.先安装TypeScript插件可以在任意路径下，使用npm install -g typescript命令全局安装typescript插件（前提是你已经安装完了node,js）安装成功之后可以写一个demo.ts测试一下新建一个文件夹，在文件夹中新建一个文件命名为test.ts，代码如下：function greet(msg: string){ cons
2017-06-19 12:03:06
10945
转载 DIV内容垂直居中
虽然Div布局已经基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项，不过好在 千变万化的CSS可以灵活运用，可以制作出准垂直居中效果，勉强过关。 要让div中的内容垂直居中，无非有以下几种方法，等我一一列举：一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高
2017-05-03 11:38:48
379
转载 CSS + DIV 让页脚始终底部
一 前言 经常设计页面时用到三层DIV，头DIV与脚DIV一般固定高度，而中间层DIV根据内容的多少，高度不定，我们经常希望但内容很少时，脚DIV保持在底部，当内容很多时，脚DIV被中间内容挤到下面，但仍然始终保持在底部。二 position position有四个参数：static | relative | absolute | fixed
2017-05-03 11:32:45
384
转载 入门Webpack，看这篇就够了)
参见：http://www.jianshu.com/p/42e11515c10f需要注意的是：1. npm install -g webpack //全局安装2. npm init //创建package.json3.建立webpack.config.js4.因为是全局安装，所以打包文件只需在终端运行 webpack 命
2017-03-28 21:18:41
516
原创 Ajax本地跨域问题 Cross origin requests are only supported for HTTP
在练习一个vue.js的项目时，通过vue-resource模块中的this.$http方法来获取一个本地的json串var vm = new Vue({ el:'#shoppingCar', data:{ title:'购物车' }, filters:{ }, mounted:function(){ this.cartview(); }, methods:{ c
2017-03-15 17:43:49
2991
转载 Sublime Text3 配置Vue语法高亮
下载的文件link: https://pan.baidu.com/s/1nv7C4B3 密码: w5zssublime菜单栏 -> 首选项 -> 浏览插件,打开Packages文件夹把步骤1的文件解压到packages目录sublime 中 Ctrl + Shift + P 输入 vue 回车 重启sublime 打开.vue文件 看到高亮语法了
2017-03-08 09:55:47
670
转载 MVC，MVP 和 MVVM 的图示
复杂的软件必须有清晰合理的架构，否则无法开发和维护。MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。昨天晚上，我读了《Scaling Isomorphic Javascript Code》，突然意识到，它们的区别非常简单。我用几段话，就可以说清。
2017-02-15 17:24:16
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人