- 博客(49)
- 收藏
- 关注
RSS订阅转载 JavaScript事件——拖拉事件
拖拉事件的种类拖拉（drag）指的是，用户在某个对象上按下鼠标键不放，拖动它到另一个位置，然后释放鼠标键，将该对象放在那里。具体的api可查看拖拽变色demo<div draggable="true"> 此区域可拖拉</div>div.addEventListener('dragstart', function (e) { this.style...
2019-09-23 11:24:00
220
转载 element-ui 限制只能输入number
element-ui<el-form-item label="大于等于："> <el-input @keyup.native="number" maxlength="3" v-model="form.days" placeholder="输入查询天数" class="input-with-select"></el-input><s...
2019-08-29 17:53:00
1184
转载 h5格式化微信 nickname 保留第一个字，其余用*显示
截取微信nickname中需要注意的是，表情符号和特殊字符，如果你不用正则过滤掉的话，使用slice(0,1)直接截取第一个字符串是不行的，因为表情符号占用两个字节，截取一半，ios会报错，android可能会显示乱码，这些都不是我们想要的！ES6中提供给我们一个方法Array.from()Array.from()方法就是将一个类数组对象或者可比案例对象转换成一个真正的数组。类数组...
2019-08-06 11:30:00
380
转载 css 移动端页面，在ios中，margin-bottom 没有生效
在开发中，你会遇到各种美轮美奂的UI交互设计图，下面这种UI图，我在开发时就在布局上遇到一个小问题问题现象：ios 手机滚动到底部，底部的margin-bottom不生效，Android手机和模拟器都是正常的，虽然不是什么大bug，但是，有问题就要解决问题图片展示正常图片展示经过对比没有问题的页面，找到了原因，测试来测试去，一条不符合效果就不对，html, body { ...
2019-07-12 19:24:00
777
转载 js+css 动效+1的效果
点击数值 +1 的动效vuedata:{ timer: null,plus:''// 次数}method:{ animate(plus) { var _this = this; clearInterval(_this.timer); _this.timer = setInterval(function...
2019-07-11 15:36:00
510
转载 Vue -- filters 过滤器、倒计时效果
局部过滤器时间、***号<div id="wrapper" class="wrapper" style="display: none;"> 距离活动结束还剩:<p v-html="times"></p></div>var mainVM = new Vue({ el: '#wrapper', ...
2019-07-10 15:58:00
567
转载 移动端如何实现两行点点点？
这个方法使用的是css伪类+js计算实现<div cllass="box set-ellip">内容</div>// less style.box{ width: 380/@rem; line-height: 40/@rem;}.line-clamp{ position: relative; line-height: 1...
2019-06-27 14:17:00
251
转载 Vue -- 仿照商城分类竖向侧边栏点击居中效果（横向原理相同）
github代码地址效果图转载于:https://www.cnblogs.com/lisaShare/p/11081027.html
2019-06-25 09:49:00
942
转载 Vue -- element-ui FileSaver.js 导出
html<el-button type="danger" @click="exportRs">导出Excel报表</el-button>jsexportRs(){ var param = {}; // 参数 let url = '接口地址'; axios.post(url, param, {responseType: 'b...
2019-06-21 17:16:00
858
转载 Vue -- element-ui el-table 点击tr项页面跳转，返回后缓存回显点击项
页面跳转反显（点击项，点击table滚动的位置，搜索条件，分页回显）点击table tr项后，页面跳转到下级页面，返回回显搜索条件、当前页码、并将点击项select选中、滚动条也被记录回显跳转时滚动的位置思路：1.页面临时缓存我选择使用sessionStorage，点击tr行将搜索条件和页码，点击行的id进行存储；setSessionStore (name, content) {...
2019-06-14 23:11:00
627
转载 一个浏览器是如何工作的？
对浏览器的实现者来说，他们做的事情，就是把一个URL变成一个屏幕上显示的网页。这个过程是这样的：浏览器首先使用HTTP协议或者HTTPS协议，向服务端请求页面；把请求回来的HTML代码经过解析，构建成DOM树；计算DOM树上的CSS属性；最后根据CSS属性对元素逐个进行渲染，得到内存中的位图；一个可选的步骤是对位图进行合成，这会极大地增加后续绘制的速度；合成之后，再绘制到...
2019-06-12 14:20:00
118
转载 JavaScript 面向对象
对象具有唯一标识性：即使完全相同的两个对象，也并非同一个对象。对象有状态：对象具有状态，同一对象可能处于不同状态之下。对象具有行为：即对象的状态，可能因为它的行为产生变迁。var o1 = { a: 1 };var o2 = { a: 1 };console.log(o1 == o2); // false关于对象的第二个和第三个特征“状态和行为”，不同语言会使用不同的术语...
2019-06-12 10:34:00
104
转载 如何比较js 浮点数
浮点数的定义，非整数的Number类型无法用 ==（===也不行） 来比较，这就是为什么在JavaScript中，0.1+0.2不能=0.3：console.log( 0.1 + 0.2 == 0.3);这里输出的结果是false，说明两边不相等的，这是浮点运算的特点，浮点数运算的精度问题导致等式左右的结果并不是严格相等，而是相差了个微小的值。所以实际上，这里错误的不是结论，而是比...
2019-06-10 19:25:00
729
转载 contenteditable属性让div也可以当做输入框
你知道div也可以当做输入框么？H5的全局属性contenteditable，带有contenteditable属性的div而不是input或者textarea来作为输入框（div可以根据内容自动调整高度），但是div它是不支持placeholder属性的。那怎么在div内容为空的时候显示一个默认文字呢？输入框语法<element contenteditable="true|...
2019-06-05 15:43:00
718
转载 开发中少不了的Fun -- 前端本地存储
存储sessionStorage function setSessionStore (name, content) { if (!name) return if (typeof content !== 'string') { content = JSON.stringify(content) } window.sessionStorag...
2019-06-04 18:52:00
119
转载 前端自己用过最好用的工具
mescroll.js 移动端分页插件 （在jQ、vue中都可以使用）mobile-select 移动端联动滑动选择插件 （在jQ、vue中都可以使用）------ 待更新 -------转载于:https://www.cnblogs.com/lisaShare/p/10948670.html...
2019-05-30 11:37:00
158
转载 编辑器 --- Visual Studio Code 英文界面转换成中文（简体）
打开编辑器 同时按下Ctrl+Shift+P打开命令面板；之后输入“config”筛选可用命令表，最后选择配置语言命令进行选择或安装插件转载于:https://www.cnblogs.com/lisaShare/p/10942685.html...
2019-05-29 11:23:00
279
转载 CSS3 -- column 实现瀑布流布局
本例使用 CSS column 实现瀑布流布局关键点，column-count: 元素内容将被划分的最佳列数关键点，break-inside: 避免在元素内部插入分页符htmldiv.g-container -for(var j = 0; j<32; j++) div.g-itemscss$count: 32;@function random...
2019-05-23 15:05:00
405
转载 CSS3 -- 边框圆角
文章后有彩蛋哦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul, li, dl, dt, dd, h1, ...
2019-05-23 14:23:00
113
转载 CSS3 -- 弹性盒
新版弹性盒兼容到IE10及以上flex小游戏display: flex;设置为弹性盒（父元素添加）flex-direction用来来确定主轴的方向，从而确定基本的项目排列方向。参数说明row（默认值）主轴为⽔平⽅向，起点在左端row-reverse主轴为水平方向，起点在右端column主轴为垂直方向，起点在上沿col...
2019-05-20 10:12:00
104
转载 自适应布局要素
宽高百分比，不要固定死;弹性盒flex css3;单位（em、rem）px;媒体查询 - 利器 @media switch 960-1200;gtid布局 - 网格布局;view port - 手机布局利器;框架布局 - bootstrap、amazeUI、pure 等等几百种;转载于:https://www.cnblogs.com/lisaShare/p/1088...
2019-05-18 14:29:00
96
转载 Vue -- 基础知识
对于前端工程师来说，Vue，大家都应该很熟悉了，那么对于小白如何快速入手vue，以下就是我在学习开发中的总结安装在5月份的时候，突然想关注一下vue3，全局安装了一下，现在想回退回2版本，进行新的项目开发所有版本安装，前提是已经全局安装过node如果不是vue-cli，单独配置需要安装，全局安装webpacknode -vnpm -vnpm install -g w...
2019-05-18 14:04:00
80
转载 Vue -- element-ui el-table 的合计在第一行显示并可点击
使用element-ui el-table 中有这样一个需求，需要将合计放在表格内容的第一行，并且点击合计可跳转到其它页面！框架中提供了合计的属性方法，这样可以进行数值求和及自定义求和，但是，合计那一栏不能添加点击跳转功能，结构默认排到最底行，不满足需求通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、...
2019-05-18 11:27:00
3889
转载 如何在网页标题栏title加入logo(icon)图标？
打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标，当网页被添加到收藏夹或者书签中时也会出现网页的图标，怎么在网页title左边显示网页的logo图标呢？方法一（被动式）：制作一个ico格式的图片，将图片命名为favicon.ico，像素大小为16*16，所使用的颜色不得超过16色，然后再把favicon.ico放到网站的根目录下就行了。这样的话浏览器会不停的搜索您的网站的根...
2019-05-16 13:58:00
165
转载 用JS将毫秒转化成天时分秒的时间格式
function formatDuring(mss) { var days = parseInt(mss / (1000 * 60 * 60 * 24)); var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = parseInt((mss % (1...
2019-05-16 11:41:00
106
转载 开发中少不了的Fun -- js判断设备
判断是否是移动设备var ua = window.navigator.userAgent.toLowerCase();if(ua.indexOf('mobile')!== -1){ return false;}转载于:https://www.cnblogs.com/lisaShare/p/10873863.html
2019-05-16 10:02:00
100
转载 移动端手机拍照上传的方向问题
iphone正确的手机拍照方式是横屏的，用户往往是竖屏拍照等于照相机反转了９０度，出来的照片当然是反转９０度，当你横屏拍照上传，图片就是正确的，一张生成的图片是无法辨别选择方向的，只有在上传前反转角度才行，因为上传到服务器以后，程序怎么可能知道这张照片要反转９０度，那张要反转１８０度，另一张要反转２７０度呢，其他的不用反转呢，正确的拍照姿势很重要呀！移动端上传后显示在img标签的src...
2019-05-15 18:35:00
272
转载 关于github报错 ssh: connect to host github.com port 22: Connection timed out fatal: Could not read from ...
今天上午写demo的时候，突然pull不下代码了，报了一下这样情况的错误：看了一下代码，怀疑是网路错误，因为在这以前一切都正常的，然后将代码复制搜索了一番，解决办法有很多什么配置config啦，git config --local -e啦，能试的都测试了，还是不行，最后，不想当时浪费太多开发时间，所以就放下了，大概两个半小时后，又git pull 一下就成功了，没原由的自己好了，...
2019-05-15 14:04:00
604
转载 H5上传功能
近期开发一个关于微信公总号二次开发中，上传图片的需求，测试几个开源插件，更新一些心得，有需要可留言！！！pluploadplupload多张上传图片的一个参考demoajaxFileUpload遇到的问题：1. 关于ajaxFileUpload图片上传，success和error都触发的情况，具体描述摘选自安慕希；2. 移动端上传图片太大3M左右失败率比较高，上传前没有做压缩...
2019-04-04 16:26:00
147
转载 开发中少不了的Fun -- 微信开发IOS端alert/confirm提示信息，去除网址（URL）的方法...
在微信公众号开发的时候在使用【alert/confirm】弹出提示或者警告信息的时候，【alert/confirm】会将该公众号的网址显示出来，这样很不美观。所以很多时候我们会选择去除那个网址提示内容。解决方法如下：重写alert //微信浏览器中，aler弹框不显示域名 //先判断是否为微信浏览器 var ua = window.navigator.user...
2019-04-04 16:22:00
369
转载 开发中少不了的Fun -- 获取地址栏URL参数
假设这是一个url地址 http://localhost:8080/a/b/c?a=1&b=2#abc，里面包含的部分： protocol: 'http:', // 协议 host: 'localhost:8080', // 主机 port: '8080', // 端口 hostname: 'localhost...
2019-03-23 14:59:00
120
转载 页面的input唤醒软键盘再收起后，页面会出现软键盘高度的空白背景
微信浏览器在版本6.7.4及以上会有这个bug：页面的input唤醒软键盘再收起后，页面会出现软键盘高度的空白背景，触摸到滚动条会消失恢复！解决代码后台框架嵌入iframe的情景，iframe内部页面输入框唤醒软键盘，控制顶层window滚动var wechatInfo = navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i...
2019-03-22 10:52:00
253
转载 ios中getTime()的兼容性问题
·var getTime = function(time){var myDate = new Date(time);var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.mat...
2019-03-21 20:02:00
195
转载 原生js的联动全选
开发应用中有很多工具可以使用，下面介绍一个原生js写的联动全选思路！！！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
2019-02-18 16:18:00
150
转载 前端小白页面开发注意事项及小工具
HTML1. HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性classid, namedata-*src, for, type, href, valuetitle, altrole, aria-*说明：class 用于标识高度可复用组件，因此应该排在首位。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位。CSS声明顺序...
2019-01-27 22:22:00
198
转载 box-shadow 画叮当猫
值描述h-shadow必需。水平阴影的位置。允许负值v-shadow必需。垂直阴影的位置。允许负值blur可选。模糊距离spread可选。阴影的尺寸color可选。阴影的颜色。请参阅 CSS 颜色值inset可选。将外部阴影 (outset) 改为内部阴影<!DOCTYPE html><html la...
2018-11-22 18:06:00
151
转载 什么是冒泡排序？
冒泡排序的英文Bubble Sort，是一种最基础的交换排序。 大家一定都喝过汽水，汽水中常常有许多小小的气泡，哗啦哗啦飘到上面来。这是因为组成小气泡的二氧化碳比水要轻，所以小气泡可以一点一点向上浮动。而我们的冒泡排序之所以叫做冒泡排序，正是因为这种排序算法的每一个元素都可以像小气泡一样，根据自身大小，一点一点向着数组的一侧移动。冒泡排序算法的原理如下：...
2018-11-20 11:48:00
156
转载 console.log
其实，console.log 不仅仅有一下应用console.log() 这个应该是最常用的console.error() 输出错误信息 会以红色显示console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印console.warn() 打印警告信息 会以黄色显示console.info() 打印一般信息con...
2018-11-19 17:32:00
269
转载 页面性能优化办法有哪些？
互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果下载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上，加载时间每多1秒，你就会流失7%的用户。8秒并不是准确的8秒钟，只是向网站开发者表明了加载时间的重要性。那我们如何优化页面性能，提高页面加载速度呢？其实性能优化是个综合性问题，没有标准答案，想要面面俱到罗列出...
2018-11-19 15:21:00
224
转载 webpack实现开发、测试、生产等环境的打包切换
使用webpack构建的工程，在开发过程中不同环境的配置不同，在各种环境的打包切换过程中需要手动修改相关配置达到预期目的。但是每次都手动修改会比较麻烦，本文简单介绍如何通过对webpack进行配置，实现不同环境打包分类配置；1.修改build文件夹下build.js文件 添加声明变量 修改前 修改后2.修改config文件...
2018-10-17 18:16:00
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人