homie.Y-CSDN博客

原创微信浏览器返回无法解决

微信浏览器点击顶部微信的返回按钮的时候，返回上一级页面，但是任何资源均不重新加载，所以导致数据更新不及时。可以用单页应用的形式来解决该问题。

2017-04-27 14:20:57 1523

转载 vue-cli#2.0 webpack 配置分析

https://juejin.im/post/584e48b2ac502e006c74a120

2017-04-06 17:21:08 974

原创 WebStorm 关联 TFS

1.下载插件 TFS integration 2.链接TFS 服务器3.创建工作区4.5.选择一个工作环境6.最重要的有点是在VCS里面要选择一个默认的提交方式！！！

2017-03-13 15:17:30 2466

转载 http长短连接、长短轮询

HTTP1.0不支持长连接 HTTP1.1之后默认支持长连接 HTTP是底层应用层协议 TCP才是传输层的协议长短连接是TCP连接而不是HTTP连接长连接就是复用一个TCP连接 1.只要设置Connection 为keep-alive 就算长连接，但是服务器和客户端都要设置才会起作用 2.我们平时都用的长连接。 3. 长轮询与短轮询区别： 1）客户端的动作都是一样的，就是

2017-02-28 12:57:00 699

转载 AngularJs 应用ng-cloak解决闪屏问题

将ng-cloak 指令放在 body中然后添加css代码： [ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak.x-ng-cloak{ display: none!important; } 这样就可以使用{{}}并且无闪屏同时可以将js放在尾部。

2017-02-24 09:49:35 1631

转载 angular 中label无效

<label for="a"> <input type="radio" id="a"/> <span ng-bind="xxxx"></span>分</label>上述点击文字无法选中单选按钮，点击按钮和“分”可以选中按钮处理方式：修改css label span{pointer-events:none;} 来解决问题

2017-02-21 16:22:54 1112

转载 AngularJS执行流程详解(转载)

摘要: 本文详细介绍了从页面开始加载到页面渲染完毕过程中，AngularJS执行了哪些操作。一、启动阶段大家应该都知道，当浏览器加载一个HTML页面时，它会将HMTL页面先解析成DOM树，然后逐个加载DOM树中的每一个元素节点。我们可以把AngularJS当做一个类似jQuery的js库，我们通过<script>标签引入到HTML中，那么此时Angular就做为一个

2017-02-13 12:45:41 3411

原创欢迎使用CSDN-markdown编辑器

1.发现错误信息如下发现 xx.undefined 这类的错误 1.先找到相关页面报错的位置 2.查看该对象是否含有这个方法，或者属性 3.再查看这个对象是否具备执行这个方法的能力！

2017-01-19 09:39:15 245

转载 angularjs项目需要从一个页面跳转到另一个页面，同时需要传递一个参数。

作者：Ye Huang 链接：https://www.zhihu.com/question/33565135/answer/69651500 来源：知乎著作权归作者所有，转载请联系作者获得授权。Angular页面传参有多种办法，根据不同用例，我举5种最常见的（请在网页版知乎浏览答案）：PS: 在实际项目中，请参照https://github.com/johnpapa/angular-styl

2016-10-24 21:15:21 5279

转载前端工程化

https://blog.coding.net/blog/frontend-engineering https://github.com/fouber/blog

2016-10-18 21:23:46 402 1

原创 console 对象

2016-08-18 17:20:06 544

原创 JavaScript 为变量添加默认值

用三目运算来赋予默认值function add(a,b){ console.log(a?a:'');}

2016-08-18 16:12:14 2178

转载移动H5前端性能优化

移动H5前端性能优化指南概述PC优化手段在Mobile侧同样适用在Mobile侧我们提出三秒种渲染完成首屏指标基于第二点，首屏加载3秒完成或使用Loading基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KBMobile侧因手机配置原因，除加载外渲染速度也是优化重点基于第五点，要合理处理代码减少渲染损耗基于第二、第五点，所有影响首屏加载和渲染的代码

2016-08-18 14:50:20 575

原创百度地图API -- 开发总结

百度地图API自带的方法来定位，可以应用于浏览器定位于移动端app定位。 var map = new BMap.Map("map"); //创建地图实例 var point = new BMap.Point(116.331398,39.897445); //创建经纬度实例 map.centerAndZoom(point,12); //地图开始时的显示

2016-08-11 17:20:00 7704 1

原创 js 倒计时

/*倒计时部分*/ var time = 1470123481576; //时间戳 ShowCountDown(time); function ShowCountDown(time) { var now = new Date(); var leftTime=time-now.getTime(); var leftsecond = parseInt(leftTim

2016-08-02 16:09:43 292

原创伪类元素无法给定事件

例如：div:after 这样的伪类元素不能够绑定事件。

2016-08-01 15:45:06 1395

转载 CSS3初体验之奇技淫巧

＃border-radius、::after、attr和content、box-sizing、linear-gradient、radial-gradient、box-shadow border-radius相信这个属性，写过css的同学都知道，用来产生圆角，比如画一个圆形：div { width:100px; height:100px; background:red;

2016-07-31 08:46:19 413

转载 html--设置360浏览器默认为极速状态的mate标签

问题描述：360浏览器可兼容新css3新属性，但是只在极速模式下。打开的网页有可能是IE8状态或者兼容状态，该两种状态不支持新属性。解决方法：HTML 中设置mate标签<meta name="renderer" content="webkit">可完美解决样式显示不当问题。

2016-07-27 13:40:10 3190

原创 JS--阻止ajax因数据重复多次提交的方法

1.需求：应用ajax技术异步提交数据2.问题：多次点击元素由于服务器返还数据延迟问题，造成多次数据请求。3.解决方法：1.用变量标识符（定时器模拟延迟返还数据） var clickState = 0;//初始化点击状态 $(function(){ $('.button').click(function(){ if( clickState ==

2016-07-17 00:00:35 8289

原创 web前端常用工具网址

PX 转换 em 网址 http://pxtoem.com/ jqthumb.js 图片平铺插件

2016-07-15 18:03:09 471

原创 jQuery--找寻元素

jquery找寻id元素时也为类数组对象，也必须加上角标[0]才能找到

2016-07-12 14:46:18 409

原创 css--伪类：first-child

<div class="pdc-5 mt-10"> <div class="v-fcm personal-info-title c-ff">活动报名信息个人基本情况</div> <div class="line-row-dc"></div> <div class="v-fm ipt-box"> <div class="">真实姓名:</div>

2016-07-12 14:07:49 409

原创 css--活动问题

活动页面如下

2016-07-11 14:59:13 377

原创 Webstorm--修改打开浏览器的 localhost地址为任意地址

第一步第二步

2016-07-07 10:04:17 14462

转载 JavaScript -- switch,case,break,default

switch (fruit) { case "banana": // ... break; case "apple": // ... break; default: // ...}需要注意的是，1.switch语句后面的表达式与case语句后面的表示式，在比较运行结果时，采用的是严格相等运算符（===），而不是相等运算符（==），这意味着比较时不

2016-06-29 21:50:41 554

转载 JavaScript--嵌套循环中的标签

标签（label）JavaScript语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。label: statement 标签可以是任意的标识符，但是不能是保留字，语句部分可以是任意语句。标签通常与break语句和continue语句配合使用，跳出特定的循环。top: for (var i = 0; i < 3; i++){ for

2016-06-29 21:45:54 1363

转载 CSS 设置最小高度

min-height:400px; //（解决ie8.9.ff.chrome）*+height:100%; //（解决ie7）_height:400px; //（解决ie6） ie6超出自动溢出/*还有另外一种方法*/min-height:400px; height:auto!important; height:400px;

2016-06-27 11:50:41 1311

原创功能：找到含有某种class的标签，并替换相关的内容

/*HTML*/ <p class="class">测试文字测试文字测试文字测试文字测试文字测试文字测试文字</p> <p class="class">测试文字测试文字</p>/*JS*/ var $class = $('.class'); var $classLength = $class.length; var replaceReg = new RegEx

2016-06-24 16:54:26 844

原创 Jquery--text()与html()方法的区别

1.text()$(‘.class’).text() 找到的为所有含有该class的元素文本内容的集合。2.html()$(‘.class’).html() 找到的为第一个含有该class的元素的代码块。

2016-06-24 16:44:37 342

原创 jquery delay()延迟执行认知

功能需求：想做一个点击事件然后出发 fadeIn() 和 fadeOut() 中间延迟执行几秒的需求。所以想到了 jquery 里面的延迟执行函数delay();$('.radiobox').click(function(){ $('.login-info').fadeIn(300).delay(3000).fadeOut(400); });连续点击过程中发现：点击多少

2016-06-07 10:21:26 12658

原创 CSS flex

/*parent*/.v-f{ display:-webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */ display:-webkit-flex;/* Chrome 21+ */ display:-ms-flexbox;/* WP IE 10 */ display:flex;/* android 4.4 */}/*level

2016-05-17 10:59:16 437

原创 JS-异常处理

6种类型错误EvalError: raised when an error occurs executing code in eval() RangeError: raised when a numeric variable or parameter is outside of its valid range ReferenceError: raised when de-referencing

2016-05-16 13:58:20 466

原创 HTML link标签新属性

2016-05-05 18:41:06 856

原创移动端 H5 调出电话、短信方法

2016-05-03 13:51:38 3958

原创 ios 嵌套 H5 页面一像素底部边框不出现

1.问题描述ios h5页面中确认按钮的边框为1px 由于父级元素没有高度以及不同机型的解析问题，导致下部分被遮挡， 2.解决方法设置点击按钮的父级元素的高度。

2016-04-14 11:21:01 3457

原创 JS 保留n位小数点

var a = 3.1415926;a.toFixed(n);特别是处理金钱的问题的时候，要在最后进行数位的保留;

2016-04-13 19:17:37 345

原创 ios 嵌套 H5 页面返回缓存页面

问题描述1.点击去结算，出现弹框2.点击ios 返回按钮退回到前一页3.再次点击去结算按钮出现更改bug之前的缓存页面解决方法让测试重新发活动删除该活动后即可解决；

2016-04-13 19:13:48 3709

原创 input readonly 属性

<input type="text" readonly>让input标签不可编辑

2016-04-12 17:29:32 1504

原创移动端根据屏幕宽度来等比调解高度的大小

项目需求：当内容高度超出某个值时，自动出现下拉箭头原理：因为移动端的屏幕宽度不固定，所以应该以宽度作为标准，获取宽度的值，然后按照一定比例设置高度的范围window.onload = function(){ var detailWidth = document.getElementsByClassName('con')[0].offsetWidth; var detailHeight = d

2016-04-12 13:59:57 1210

转载 input、textarea 实时监听值变化

$('input/textarea').bind('input propertychange', function() { console.log('1'); });<head> <script type="text/javascript"> // Firefox, Google Chrome, Opera, Safari, Internet

2016-04-01 10:33:19 3190

空空如也

【求助】如何保存多选项（单选，多选按钮）用户选择哪些按钮的临时保存功能