- 博客(33)
- 收藏
- 关注
RSS订阅原创 分析vue的目录和项目代码
前面一节我们讲了vue的项目搭建过程，这一节我们就来细说一下项目里面的文件。先大概说一下，后面有时间再详细说。 1.首先看主页面入口index.html页面： 我们可以看到，入口页面基本没有什么，就定义了一个div标签，绑定了一个id,用来设置作用域。2.文件：HelloWorld.vue 这个文件也没什么可以说的，一个template的展示模板，一个script引入组件，还...
2018-04-04 15:34:28
387
原创 vue的搭建（使用vue的脚手架vue-cli）
先说说前言，因为最近在看技术，vue还是很火的，至少现在做vue的公司很多，相比于angular我觉得vue更适合上手，所以我今天就讲讲怎么搭建vue的项目文件，当然这个也是我自己搭过一遍的，也走了一下接口，获取到了数据。这篇先将怎么用脚手架搭建项目说一下，后面再说例子。说明：此文章参考了网上一些大神的技术分享，自己结合总结一下。此文章是基于webpack构建的vue项目一.首先搭建环...
2018-04-04 09:44:29
1187
2
原创 兼容ie的飘窗
首先html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript
2018-03-15 10:01:13
1022
原创 mCustomScrollbar的用法
我们在做项目中，很多时候会遇到滚动条的问题，浏览器本身的滚动条很丑，所以现在有很多带有样式的滚动条插件，mCustomScrollbar是我用过比较好的了，不仅有纵向的还有横向的。 首先要引入样式表以及js 箭头标记的地方要加上，因为当你的高度或者宽度发生变化时要相应的去更新滚动条...
2018-03-14 16:09:52
529
原创 ie下关于a标签超出部分省略的省略号颜色问题
最近做项目发现一个怪现象，就是在ie下，如果a便签里含有设定字体颜色的标签，a标签超出部分省略后的省略号颜色也是该颜色。<a href="#" target="_blank" style="width:100%;color:#000;"> <span style="color:red;font-size: 16px;float:left;">（总部转载&am
2018-03-12 11:42:31
1103
原创 兼容Ie的飘窗代码
html部分代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript&q
2018-02-28 14:34:41
794
原创 ie下兼容奇偶
css3有选择器可以直接筛选奇偶，例如nth-of-type(),但是该方法并不支持ie.所以我几天讲一个用jquery来兼容的。首相你要引入jquery.js然后在页面上写上：$(function() {$("li:nth-child(2n)").addClass("evencss"); //偶数$("li:nth-child(2n+1)").addClass("oddcss"
2017-01-04 15:35:29
496
原创 基于node的uglifyjs压缩JS
首先安装nodejs（windows下安装nodejs）1.下载安装文件下载地址：官网http://www.nodejs.org/download/2.安装文件3.安装文件nodejs，默认是安装在C:\Program Files\nodejs下面，我也就不改变了。3.安装过程中直接用npm安装
2016-12-29 15:59:21
9187
转载 ie6 7 8下的一些bug和解决办法
1：li边距“无故”增加任何事情都是有原因的，li边距也不例外。先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引 起，padding的上下值对li有影响，左右无影 响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想要的结
2016-12-20 08:43:12
308
转载 html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
鼠标经过悬停于对象时提示内容（title属性内容）换行排版方法，html title 换行方法总结。html的title属性默认是显示一行的.如何换行呢? 这里DIVCSS5总结介绍两种换行方法为大家分享使用。鼠标经过html 链接title内容换行效果截图title 换行目录回车换行符号代码title 换行相关知识一、直接title
2016-11-30 17:50:31
472
原创 CSS3 Gradient按钮demo
CSS3 Gradient a{ text-decoration:none; color:#63BDA8; } .button { border: 1px solid #e9e9e9; border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -w
2016-11-30 10:40:35
292
转载 Gradient─CSS3渐变
CSS3发布很久了，现在素材网上很多模板都有它的身影，国内为了兼容IE让很多人望而却步。虽然如此我还是在空闲的时候钻研CSS3在web中的应用，为了不被淘汰，为了争取跟上技术的前沿。从现在开始我会不断的发布一些CSS3的应用，和大家一起分享，今天我们首先要看的就是CSS3： Gradient─CSS3渐变。CSS3 Gradient分为linear-gradient(线性渐变)和rad
2016-11-29 11:31:35
319
转载 编写导航栏（无需写js代码）
jquery编写导航栏 #navigation{ width:1180px; padding:8px; margin:5px auto; background:#3b5998; height:16px; font-size:14px; } #navigation ul{ margin-top: 0;
2016-11-29 10:29:42
558
转载 jquery滚动效果-无间隙向上滚动
第一：html页面[html] view plain copy print? div class="global_module news"> h3>最新动态img src="images/down.png" />h3> div class="scrollNews">
2016-11-29 10:04:09
1014
原创 计算可输入字数
您还可以输入50个字 function setShowLength(obj,maxlength,id){ var rem = maxlength - obj.value.length; var _id = id; if(rem rem = 0; } document.getElementById(_id).innerHTML = "
2016-11-28 17:17:53
255
转载 textarea回车清空内容后有空格或者换行()
function stopDefaultKey(e){if(e && e.preventDefault){e.preventDefault();}else{window.event.returnValue = false;}return false;}var d= document;d.getElementByID("a").onkeydown=function
2016-11-28 13:59:16
1585
转载 解决IE下不支持placeholder属性可以根据自己的需要去扩展.
/** * 解决IE下不支持placeholder属性 * 可以根据自己的需要去扩展 * ps:写的很简单 根据自己的需求来 不喜勿喷 */ ; (function($) { $.fn.placeholder = function(options) { var opts = $.extend({},
2016-11-28 13:48:39
289
转载 js常用正则表达式
整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。
2016-11-24 17:14:54
311
转载 解决浏览器记住密码输入框的问题
在浏览器中提交表单后，浏览器一般会提示“是否需要记住密码”，确认后在下次提交表单的时候会自动填充某些输入框。但是在某些情景下（例如在提现，充值的页面），自动填充密码就很不安全。需要采用一定的手段来阻止浏览器自动填充。在解决的过程中遇到了一些坑，这里做一下笔记：使用HTML属性 autocomplete="off"由于自动填充这个特性是浏览器自己实现的，autocom
2016-11-24 14:20:58
515
转载 CSS 图片在DIV中垂直居中的显示方法
设置DIV的属性设置span的属设置图片的属性HTML的源代码原理： 利用vertical-align实现垂直，决定行高的是行内最高的元素的值。（ps.也可以直接用table，td直接设置vertical-align，或者给父级设置display:table,子级display:table-cell,然后设置vertical-align）
2016-11-24 11:39:52
298
转载 HTML5新api即pushState和replaceState实现无刷新修改url
1,首先我面临一个需求，页面回退时需要知道来之前的页面状态。很简单，回退时在url里赋参数即可。问题是在ipad上，回退按钮是安卓那边的，我控制不了。只好采用js无刷新修改url历史记录，来告诉服务器我回去时要给我保持神秘状态。 先上代码，再解释这两个api。 var url=window.location.href;var length=url.length;ne
2016-11-24 11:36:23
1599
转载 在发送ajax请求时加时间戳或者随机数去除js缓存
在发送ajax请求的时候，为了保证每次的都与服务器交互，就要传递一个参数每次都不一样，这里就用了时间戳大家在系统开发中都可能会在js中用到ajax或者dwr，因为IE的缓存，使得我们在填入相同的值的时候总是使用IE缓存，为了解决这个问题一般可以用一下方法：1：在ajax或者dwr提交的url后面加时间戳。例如http_request.onreadystatechange = f
2016-11-24 11:33:55
857
转载 href 空链接
一个#容易回到顶部可以用： href="###"href="javascript:;"href="javascript:void(0);"
2016-11-24 11:27:58
711
转载 js中clientHeight、offsetHeight、scrollHeight、scrollTop详解
用javascript获取屏幕高度和宽度等信息网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正
2016-11-24 11:17:35
314
转载 兼容Ie的获取窗口可用部分高度
if(window.innerHeight!=undefined){var h=window.innerHeight;}else{var B=document.body, D=document.documentElement;var h=Math.min(D.clientHeight,B.clientHeight);}
2016-11-24 10:52:04
300
转载 获得页面url的某个url参数的方法
//获取地址栏参数name为参数名 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(
2016-11-22 09:28:14
278
原创 ie下a标签没有背景图设置display:block以及宽高；不能铺满盒子
项目中遇到的问题，设置了宽高为一定像素，display也设置为block,但是在ie下就是不起作用。 然后经研究发现，给设置个背景就能触发。
2016-11-14 15:42:35
1115
转载 ie下透明度设置（与rgba相对应）
如果用rgba(),在非IE8及以下浏览器是这样的效果： 如果在IE8及以下浏览器就变成了这样： 透明度消失了！！！！！！解决办法 我们先来解释以下rgba rg
2016-11-14 15:27:25
507
原创 解决ie下部支持background-size:100%;属性的方法
方法一：事情有很多解决办法，这种不可以就换另一种图片放在页面里 例如：1.设置整个页面背景图html: css:#bj{position:absolute;top:0;left:0;z-index:-1;} #bj img{width:100%; height:100%; }
2016-11-14 14:58:33
4430
原创 jquery scrollable.js的使用及建议
说实话，我一开始画页面的时候没有考虑到很多兼容问题，但是后期发现问题的时候就真的有些骑虎难下的感觉，尤其后期扫尾阶段，被测出一个大bug让我果断放弃使用这个控件，所以我在这里提一个Bug,我没有去测试解决办法，因为项目紧张，所以我就直接切回最原始的显示隐藏，果断放弃了这个定位移动的控件，所以建议如果是验证比较复杂的多步骤表单验证请慎重，那问题是什么呢？就是如果你在填写表单的过程中如果一直按tab键
2016-11-14 10:58:24
3477
1
原创 ie下图片多的页面一直在加载的问题
我们通常习惯于把图片一张一张的抠出来，这样在其他主流高版本的浏览器里是没有问题的，但是在ie 里会提示一直在下载图片，要解决页面图片较多并且想一次性加载可以用background-position定位来解决，就是把所有的图片整合到一张图里，然后通过定位来获取。
2016-11-14 10:56:22
590
原创 inline-block属性在ie下兼容问题
在IE8的IE流量器中，对display:inline-block属性支持不佳，需要攻略，这是一个经典的BUG。 要解决这个问题，先让块元素变为内联，再使用（zoom:1 或float属性等来结局ie下的浮动或margin重叠等问题）触发块元素layout： div{display:inline-block;_zoom:1;_display:inline;}
2016-11-14 09:28:42
657
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人