- 博客(390)
- 收藏
- 关注
RSS订阅原创 自定义input[type="file"]的兼容样式
input[type="file"]的样式在各个浏览器中的表现不尽相同：1. chrome:2. firefox:3. opera:4. ie:5. edge:另外，当我们规定 input[type="file"] 的高度，并把它的行高设置成与其高度相等后，chrome中难看的样式出现了：“未选择任何文件”这一行并没有竖直居中。这些浏览器中的...
2020-03-26 16:07:30
624
原创 js的array.some()方法
定义和用法some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式返回true, 剩余的元素不会再执行检测。 如果没有满足条件的元素，则返回false。注意：some() 不会对空数组进行检测。注意：some() 不会改变原始数组。检测数组中是否有值满足函数指定的条件cons...
2020-03-16 16:38:07
2742
1
原创 Cookie的使用（js-cookie插件）
一、安装npm install js-cookie --save二、引用import Cookies from 'js-cookie'三、一般使用存到Cookie去// Create a cookie, valid across the entire site:Cookies.set('name', 'value');// Create a cookie th...
2020-03-16 16:17:15
168
原创 wx.navigateTo跳转首页无效
问题: 首页A—B,B—C,C—A(回首页无效)先来看首页,首页是由tabBar中三个页面组成再来看下首页的代码组成//只保留核心代码"tabBar": { ... "list": [ { "pagePath": "pages/home/home", "text": "小Q规划", ... },...
2019-12-22 11:46:49
375
原创 vue+Element-ui实现分页效果
当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。1.本次所使用的是vue2.0+element-ui实现一个分页功能，element-ui这个组件特别丰富，分页中给我提供了一个Pagination分页，使用Pagination 快速完成分页功能最终效果展示<div...
2019-11-22 15:32:57
633
原创 VUE组件 之 Drawer 抽屉
一、源码地址https://github.com/imxiaoer/DrawerForVue二、效果图三、具体代码drawer.vue<template> <div class="drawer"> <div :class="maskClass" @click="closeByMask"></div>...
2019-11-08 17:12:06
6674
转载 百度Echarts折线图tooltip里数据添加单位
option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis', //在这里设置 formatter: '{a0}:{c0}万' }, legend: { data:['邮件营销','联盟广告','视频广告',...
2019-10-29 13:34:19
4789
原创 css3实现科技感的呼吸灯效果
呼吸灯效果是一种常见的灯光效果，比如网页的按钮，现实生活中比如电脑的开机按钮。使用CSS3的animation方法可以实现很多迷人的网页动画特效。使用CSS3 配合box-shadow即可实现类似的效果样式代码如下 123456789101112131415161718192021222324252627282...
2019-09-26 16:48:46
9265
2
原创 如何让Element UI的Message消息提示每次只弹出一个
Element UI的Message消息提示是点击一次触发一次的。在开发的时候经常会作为一些校验提示，但是公司的测试人员在进行测试时会一直点，然后就会出现如下图的情况。虽然客户使用的时候一般来说不会出现这种情况（毕竟客户不会闲着没事一直点点点，而且就算出现了也只是不太好看，对功能什么的都没什么影响），但既然测试提出来了那还是要解决的。最开始查了下Element UI的官方文档，发现确实没提...
2019-09-26 16:21:57
9232
1
原创 链式调用setTimeout()与setInterval()的区别
使用 setTimeout()和 setInterval()创建的定时器可以用于实现有趣且有用的功能。执行时机是不能保证的，因为在页面的生命周期中，不同时间可能有其他代码在控制 JavaScript 进程。在页面下载完后的代码运行、事件处理程序、Ajax 回调函数都必须使用同样的线程来执行。实际上，浏览器负责进行排序，指派某段代码在某个时间点运行的优先级。有关于js的单线程请点击：浏览器的多进程...
2019-09-24 10:55:26
353
原创 vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）如...
2019-09-06 17:25:04
447
原创 vue/return-in-computed-property Enforce that a return statement is present in computed property
此规则强制return语句在computed属性中得完整存在。<script>export default { computed: { /* ✓ GOOD */ foo () { if (this.bar) { return this.baz } else { return this.baf ...
2019-08-29 15:07:17
5422
1
原创 vue 出现Elements in iteration expect to have 'v-bind:key' directives
是由于eslint检测出现bug解决方法有两种v-for 后添加 :key='item'<li v-for="item in list" :key="item">在build处关闭eslint检测...(config.dev.useEslint ? [createLintingRule()] : []),...
2019-08-29 14:51:33
142
原创 使用V-chart时配置踩过的一些坑
如何配置图表信息echart的配置项可谓是相当的海量，能不看就不看。而v-chart对其进行了不少的简化，所以我们想要自定义一个图表时，最好按照以下步骤来检查：图表私有属性v-chart每一个图表都有自己独有的设置项，想要配置这些项需要在组件上加入 :setting="chartSettings"，然后在vue组建的data里设置chartSettings的值，如下:<te...
2019-08-20 16:33:59
4830
3
原创 Vuex的全面用法总结
1. vuex简介vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指的是vue组件中data里面的属性。了解vue的同学应该是明白data是怎么回事的吧，如果不懂的话，建议先学完vue的基础知识再看vuex。2. vuex的组成结构示意图vuex的特点是把数据单独隔离，形成一...
2019-08-15 14:29:42
37796
7
原创 网页里如何使用js禁用控制台
网页里如何禁用右击事件？使用jQuery，几句代码就可以搞定了document.oncontextmenu = function(){return false;}简单示例：js实现：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &...
2019-08-06 16:59:30
6097
1
原创 区别 (function($){...})(jQuery)、$(function(){ })和$.fn
一、(function($){…})(jQuery)首先function(arg){...}定义了一个匿名函数，参数为arg,而调用时需要在函数后面写上括号和实参，由于操作符的优先级，函数本身也需要括号，也就成了：（function(arg){...}）(param)这就相当于定义了一个参数为arg的匿名函数，并将param作为参数来调用这个匿名函数而(function($){...})(...
2019-07-30 16:24:12
557
原创 如何解决浏览器缩小出现横向滚动条时网页背景图出现空白的问题
原因：当窗口缩小时，浏览器默认100%宽度为浏览器窗口的宽度。而忽略了下部内容层固定宽度(1024px)。从而出现了固定宽度大于100%宽度的现象。浏览以此理解来解析页面，就出现了容器宽度理解上的差异，出现了一个非常奇特的BUG。解决方案：html,body { height: 100%; width: 100%; min-width: 1024 !impor...
2019-07-08 15:39:42
1896
原创 css3自适应布局单位vw,vh
视口单位(Viewport units)什么是视口？在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。视口单位中的“视口”，桌面端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。...
2019-07-08 13:56:54
326
原创 element-ui之dialog组件title插槽的使用
dialog对话框组件title属性的slot使用方法使用背景需要单独控制title中某个数据显示及样式，footer也一样 <el-dialog // 也可以这样写,但是没有办法单独控制name age的显示 // title="name+ '' + age" title="提示" :visible.s...
2019-06-20 14:18:54
17387
原创 bootstrap-select采坑
bootstrap-select采坑1.class="selectpicker" 普通的下拉框功能2.title="请选择城市名称" title的作用与palcehoder一样。3.select class="selectpicker" multiple selectpicker和multiple属性的搭配使用可实现多选4.data-live-search="true" 这个属性的默认值是...
2019-05-06 10:57:00
721
转载 理解Shadow DOM
1. 什么是Shadow DOM?Shadow DOM 如果按照英文翻译的话可以理解为 影子DOM, 何为影子DOM呢？可以理解为一般情况下使用肉眼看不到的DOM结构，那如果一般情况下看不到的话，那也就是说我们无法直接控制操纵的DOM结构。Shadow DOM 它是HTML的一个规范，它允许在文档(document)渲染时插入一颗DOM元素子树，但是这个子树不在主DOM树中。它允许浏览器开...
2019-04-04 17:13:29
1045
原创 vue 方法中js动态创建dom，拼接元素图片不显示
var ob = '<ul class="layer_notice">'; for (var j = 0;j < this.deviceDetailArray.length;j++) { if(this.deviceDetailArray[j].kinds == 1){ o...
2019-02-15 17:06:16
5818
原创 webpack之externals操作三部曲--正确的姿势
1.作用首先webpack提供这个==externals==选项作用是==从打包的bundle文件中排除依赖==。换句话说就是让在项目中通过import引入的依赖在打包的时候不会打包到bundle包中去，而是通过script的方式去访问这些依赖。2.怎么用？以jquery为例子，目的是在runtime时通过cdn获取jquery依赖，在打包时忽略他的打包步骤一：//index.ht...
2019-02-14 16:58:17
1946
1
原创 Vue CLI 3.0脚手架如何在本地配置mock数据json
前后端分离的开发模式已经是目前前端的主流模式，至于为什么会前后端分离的开发我们就不做过多的阐述，既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段。我们在开发的过程中，由于后台接口的没有完成或者没有稳定之前我们都是采用模拟数据的方式去进行开发项目，这样会使我们的前后端会同时的进行，提高我们的开发效率。因为最近自己在自学 Vue 也在自己撸一个项目，肯定会遇到使用数据的情况，所以就想着...
2019-02-14 15:35:12
1201
1
原创 通过Vue CLI3 快速创建Vue项目并部署到tomcat
1、前提首先你要安装好nodejs和yarn,直接在官网下载安装包，一键安装即可，不需要什么环境配置，我安装的是最新版本（node-v10.13.0、yarn-1.12.3）2、安装同时写Vue CLI 3和Vue CLI 2 的原因是官方默认的是3，而自己学习的GitHub上的项目为2~ 2.1 新版本 Vue CLI 3 写这篇文章的时候官网默认的为Vue CLI 3n...
2019-01-31 16:43:53
5919
2
原创 远程链接错误:这可能是由于credssp加密oracle修正
此错误解决办法 1.Win+R 输入regedit打开注册表 找到对应的以下目录HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System此时如果System下没有CredSSP时创建CredSSP没有Parameters时,创建Parameters创建方法:右建>>新建...
2019-01-28 15:42:14
252
原创 使用 vue-cli 开发多页应用
修改的webpack配置文件全局配置修改 webpack.base.conf.js打开 ~\build\webpack.base.conf.js ，找到entry，添加多入口entry: { app: './src/main.js', app2: './src/main2.js', app3: './src/main3.js',},运行、编译的时候...
2019-01-23 14:18:58
521
原创 css3 box-shadow阴影(内外阴影与发光)讲解
基础说明： 外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）： 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小） 阴影的颜色 内阴影：box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影：inset 可以设置成内...
2019-01-16 17:34:23
14652
原创 :nth-child(n)与:nth-of-type(n)为啥显示不对呢
首先是二者的区别:nth-child(n) 是选择父元素的第n个子元素。 :nth-of-type(n) 是选择父元素的第n个同类型的子元素举个例子：<div class="read"> <h1>title</h1> <p>paragraph1</p> <p>paragraph2&am
2019-01-08 11:47:50
2861
原创 Myeclipse快捷键总结大全
Myeclipse快捷键Ctrl+1 快速修复 Ctrl+D: 删除当前行 Ctrl+Q 定位到最后编辑的地方 Ctrl+L 定位在某行 Ctrl+O 快速显示 OutLine Ctrl+T 快速显示当前类的继承结构 Ctrl+W 关闭当前Editer Ctrl+K 快速定位到下一个 Ctrl+E 快速显示当前Editer的下拉列表 Ctrl+J 正向增量查找(按下Ctrl+J...
2018-12-29 17:20:55
2804
原创 修改系统默认 alert 弹框样式
修改默认 alert 弹框，思路很简单，定义一个 alert(e) 函数，加载最开头即可。css部分：<style> #msg{ width:266px; position: fixed; z-index:999; top: 49%; margin-top:-80px; l...
2018-12-21 16:21:46
15365
2
原创 p字间距 html段落内文字设置字间距间隔
只对段落p内文字设置字间距，段落<p>是html段落标签，以<p>开始，以</p>结束，通常文章分段使用p标签，而有时小局部布局也可以使用p来布局。通过css设置其样式实现排版目的。这里针对p设置字间距，使用letter-spacing《css 字间距》属性实现，其属性单词值为具体数字+单位（整数）。一、网页全局定义设置p的字间距p{letter-...
2018-12-20 12:44:58
20527
转载 利用@media screen实现网页布局的自适应
利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上（大于1200px）@media screen and (min-width:1200px){ #page{ width: 1100px; }#content,...
2018-12-13 16:30:00
162
原创 font face如何导入自定义字体
首先，浏览器支持什么字体取决于用户系统里安装了什么字体，比如CSS中这么写：font-family:"微软雅黑","黑体","宋体";那么浏览器会尝试按照从左到右的顺序依次应用，假设用户电脑上没有安装微软雅黑，那么就用黑体。接下来，开发人员有点郁闷了，这个世界有这么多字体，我怎么保证用户电脑上有我希望的字体呢？美工给我的完美效果，到了老板电脑上一团糟，会不会被骂死？这时，CSS勇敢的站...
2018-12-11 16:03:26
488
原创 判断JavaScript对象为null或者属性为空
首先说下null与undefined区别：对已声明但未初始化的和未声明的变量执行typeof，都返回"undefined"。null表示一个空对象指针，typeof操作会返回"object"。一般不显式的把变量的值设置为undefined，但null相反，对于将要保存对象的变量，应明确的让该变量保存null值。var bj;alert(bj); //"undefined"b...
2018-11-30 16:50:58
6575
原创 MAC 下配置JavaEE开发环境
1、安装jdk，官网下载路径：http://www.oracle.com/technetwork/java/javase/downloads/index.html选择合适的版本下载即可。2、配置Java环境变量（1）command+space 输入termimal 打开终端（2）在终端中输入sudo vim ~/.bash_profile ,打开 .bash_profile 文件。...
2018-11-28 17:23:47
1089
原创 Html Email 邮件html页编写指南
前言写过邮件的html的童学应该都知道，邮件的html一般都用table来布局，为什么呢？原因是大多数的邮件客户端（比如Outlook和Gmail），会过滤HTML设置，让邮件面目全非。经过多次的邮件编写实践及度娘的指导，我发现，编写HTML Email的窍门，就是使用15年前的网页制作方法。自制兼容outlook与foxmail邮件模版局部重点规则1. Doctype目前...
2018-11-12 16:20:51
13562
2
原创 jQuery插件开发教程
jQuery插件开发精品教程，让你的jQuery提升一个台阶要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶，编...
2018-11-09 16:55:26
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人