- 博客(61)
- 收藏
- 关注
RSS订阅转载 angularjs 自定义指令弹窗
(function() { 'use strict'; angular.module('frontierApp') .directive('confirmPopup', ['$timeout', ConfirmPopupDirective]) .directive('messageTips', ['$timeout', '$rootScope', ...
2017-12-18 11:11:00
441
转载 ng-if和ng-show的区别
ng-if一般获取不到节点，而ng-show可以获取到节点转载于:https://www.cnblogs.com/WaTa/p/7742661.html
2017-10-27 13:02:00
208
转载 写给初学前端工程师的一封信 - 转载 至https://www.w3ctech.com/topic/983
以下内容是转载https://www.w3ctech.com/topic/983大家好：应波波的邀请写一写我对这个话题的想法。从去年开始不少朋友让我帮忙介绍前端工程师，绝大部分忙都没帮上，原因是真找不到人。我当时是这么跟他们分析的：过去的客户端以browser为主，所以HTML/CSS/Javascript是唯一选择，现在可是mobile first，于是大量前端开发者被nati...
2017-10-12 11:09:00
248
转载 前端遇到的一些坑
1、angular强制清除浏览器缓存原文是这样记录的：Caching$httpresponses are not cached by default. To enable caching, you must set the config.cache value or the default cache value to TRUE or to a cache obje...
2017-09-04 16:47:00
417
转载 浏览器样式兼容总结
IE浏览器IE9不支持HTML5 placeholder属性，找了很多种解决方法，比如通过模拟label，定位来实现，但这种解决方法也有问题，点击不消失，在GitHub上可以搜索到很多关于placeholder的库，但这些解决方案有的不兼容IE9，或者兼容但对input type为password处理的不太好。后来找到了这个版本angular-shims-placeholder，...
2017-08-24 10:23:00
190
转载 百分比控制表格列宽，不起效
<table class="tableContent" style="table-layout: fixed;"> <tr class="userTableLine userTableOne"> <th><span>用户名</span></th> &l...
2017-08-09 14:46:00
269
转载 ng-model 将时间戳转换为标准时间
html部分<div class="form-group loginCon1"> <label class="col-sm-2 control-label">创建时间 : </label> <div class="col-sm-10 createTime"> <input ng-mo...
2017-08-04 18:38:00
342
转载 使用git和sourcetree提交代码的一些问题
今天遇到的几个坑算是解决了1、开始不能用指令提交，可以执行git add命令前添加gitdir=$(git rev-parse --git-dir); scp -p -P 29418 wangtao1@gerrit.cmss.com:hooks/commit-msg ${gitdir}/hooks/这条命令2、git不要用最新的版本3、使用sourcetree提交代码时，不用它自带的pu...
2017-06-01 15:59:00
282
转载 本地运行angularjs应用，提示出现跨域问题
应用介绍：使用angularjs创建一个简单的公司员工管理页面使用Chrome打开后，提示存在跨域问题。和别人交流后，得知使用像Angular，React，Vue框架，在Chrome地址栏中输入file:///xxxx.html来访问会出现跨域问题，最好的是http，或者https，放在本地服务器上就不会出现这种跨域问题。另外还一种解决方案是，可以用fi...
2017-05-18 10:29:00
212
转载 windows环境下安装nodeJS和express，一直提示command not found-配置环境变量
1、安装NodeJS后，使用npm指令安装express框架，使用npm install -g expressnpm install -g express-generator安装了大半天的时间，一直提示express ，command not found。开始以为express没有成功安装，又重新安装了，仍然不能解决。在网上找了各种解决方案，开始以为是自己...
2017-05-08 16:33:00
639
转载 最近一段时间的学习工作总结
工作中遇到的问题总结感想方面因为这一月来的主要工作是与后台的交互，数据的处理。在这个过程，其实收获还是蛮大的，也对自己有了更一步的认识。1、如何定位问题，找到问题，并把问题解决掉，这是我在这次工作中最大的收获。有些问题其实自己完全可以排除掉，而不是一遇到问题就像别人请教，这样反而降低了自己解决问题的能力；同时也给同事留下不好的印象，觉得你遇到问题不去主动思考，去解决，或者...
2016-12-13 22:04:00
429
转载 ES6 箭头函数
//错误的const contains = (() => Array.prototype.includes ? (arr, value) => arr.includes(value) : (arr, value) => arr.some(el => el === value))();contains(['foo','bar'],'baz');fal...
2016-11-23 10:10:00
140
转载 jquery tab点击切换的问题
问题：页面结构见下<div id="wrap"> <li> <a href="#" class="active">昵称修改</a> </li> <li> <a href="#">志愿者修改</a> &l...
2016-11-20 22:26:00
413
转载 行内元素和块级元素居中
内联元素水平居中1、行内元素居中：设置text-align:center;2、flex布局：设置display:flex;justify-content:center;垂直居中父元素高度是单行文本：设置height=line-height;父元素确定的是多行文本：a:插入table, 然后设置vertical-align:middle; ...
2016-10-07 21:20:00
172
转载 常见的浏览器样式兼容问题？
1、IE双边距2、margin加倍问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;3、浮动4、垂直居中5、盒模型6、IE6下图片有间隙7、无法定义1px高度的容器8、ff和IE父元素的区别IE: obj.parentElementFF: obj...
2016-09-30 17:56:00
159
转载 前端笔试题总结
1、异步执行函数实现函数asyncEach，依次执行函数func1,func2,func3的异步控制function func1(){ setTimeout(function(){console.log("func1")},Math.random()*1000)}function func2(){ setTimeout(function(){console...
2016-09-26 10:31:00
188
转载 前端面试总结
1、有多个div，部分div里面含有多个p标签，如何快速获取p标签开始我的想法是遍历，但面试官说，如果div很多的情况呢，提示知道数据结构么，又提示了二分法2、360浏览器兼容问题因为360浏览器使用的也是IE内核，也会继承IE的样式兼容问题a、双边距BUG float引起的 使用displayb、3像素问题 使用float引起的 使用dislpay:inlin...
2016-09-20 08:54:00
254
转载 块级元素和行内元素的区别
在前几天的面试的过程中，问了行内元素和块级元素的区别，并居中一些，当时只回答了部分，今天总结下这一部分的内容。1、块级元素：block每个块级元素默认占一行高度，一行内添加的块级元素一般无法添加其他元素，两个连续的块级元素会自动换行显示。块级元素一般可以嵌套块级元素和行内元素。块级元素一般作为一个容器出现，用来组织结构，但不是全是如此，有些块级元素，如<form>...
2016-09-03 22:08:00
141
转载 浏览器三栏布局实现
一般在面试的过程中，都会让我们现场写三栏布局的代码，但有的时候会有一些不注意的细节性问题。以下有两种解决方案，一种是兼容大部分浏览器，一种是只能部分浏览器才可以实现第一种方案，最容易想到的是定位 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta...
2016-08-29 15:58:00
110
转载 W3C vs IE盒模型
今年4月份的一次面试，问到盒模型，是我第一次接触到盒模型，但当时不太明白，没有说清楚，后来查了下，但一知半解。下面分享下，我对盒模型的理解：盒模型，也就是box-sizing，分为content-box和border-box。而content-box ： W3C标准盒模型border-box ： IE盒模型 在宽度方面，有内容宽度，盒子实...
2016-08-29 10:59:00
107
转载 浏览器间CSS样式兼容问题
1、display:table居中显示在chrome和safari浏览器上兼容问题2、滤镜在chrome浏览器中能正常显示，在360浏览器中不能正常显示3、省略号问题对于一行显示，基本上对所有的浏览器而言，没有什么兼容问题，但对于多行显示时，就会存在一些问题，css3样式中有专门针对webkit浏览器多行显示的省略号，但这种样式在其他浏览器中，可能就会没有效果4、...
2016-08-18 13:02:00
202
转载 多行显示时，最后一行超出的部分隐藏并显示省略号
网上很多的解决方法是针对一行超出部分，隐藏并显示省略号的，代码如下：overflow:hidden;white-space:norwrap;text-overflow:hidden;针对webkit浏览器，多行显示时可以通过以下css代码实现，但对于非webkit浏览器，这种写法没有效了。display: -webkit-box;-webkit-lin...
2016-08-15 10:16:00
737
转载 JavaScript 数组去重和对象相等判断
前几天电话面试问到了数组去重和两个对象相等判断，当时回答的不是特别好，都过去好几天了，总结下。1、数组去重当时的问题是这样的有个简单的数组[1,1,2,3]，去重后的结果是[1,2,3]，怎么实现var array = [1,2,3,1];//先对数组排序array.sort();for(var i=0;i<array.length;i++){...
2016-08-13 09:48:00
127
转载 JavaScript setTimeout this对象指向问题
上面这幅图片是原始的效果，现在想鼠标移到图标上，显示图标的提示，但需要延时，也就是鼠标滑至图标上，并不立刻显示，而是等1秒后显示。html部分<div class="porHeadRit" > <a href="" class="a srch s-alt"><span>搜索</span></a...
2016-08-12 18:59:00
177
转载 IE下form表单密码输入框可以输入中文问题
今天遇到了一个问题：在IE浏览器登录界面，密码输入框，切换到中文输入法，竟然可以输入中文，已经设置过了input的type="password"。解决方法：可以给input设置css样式：style="ime-mode:disabled;"ime-mode:disabled：完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime。说明：设置或检索是否...
2016-08-11 17:44:00
395
转载 Angular 双向数据绑定
Angular 提供双向数据绑定。在angular Controller的$scope中声明数据模型，在模板中进行绑定。angular会自动添加DOM事件，并在$scope发生改变时自动进行DOM操作.Angular的数据绑定特性，对于表单特别有用，可以在用户输入数据时实时提示有误或正确。scope在Angular中代表着数据模型，它是模板表达式的上下文.数据绑定会...
2016-08-09 16:34:00
180
转载 git pull 和git fetch区别？
git：从远程分支获取最新的版本至本地有两个命令。git fetch相当于从远程获取最新的版本至本地，但不会自动mergegit pull相当于从远程获取最新的版本并merge至本地转载于:https://www.cnblogs.com/WaTa/p/5742789.html...
2016-08-05 21:05:00
112
转载 css Sprite
css Sprite中文名字：雪碧图1、静态图片，不随用户信息的变化而变化2、小图片，图片的容量比较小3、加载量比较大一些大图不建议做成雪碧图通过background-position进行控制控制一个层，可显示的区域范围的大小，通过一个窗口，进行背景图的滑动。转载于:https://www.cnblogs.com/WaTa/p/5741959....
2016-08-05 16:41:00
121
转载 Angular 依赖注入
angular 使用模块化组织方式，依赖注入的设计，这使得模块间的耦合度降低，模块更容易复用。同时支持声明式编程风格。AngularJS通过依赖注入方式实现模块化与封装。在angular中，一个module通常对应一个js文件，其包含config,controller,service,filter,directive。angular.module('myApp', ...
2016-08-05 10:45:00
103
转载 HTML 标签：常规元素和空元素
HTML标签分为空元素和常规元素其中空元素是自关闭的，不需要成对地添加关闭标签。空元素包括：img,input,textarea,select,br,hr,command,link,keygen,meta,source,param,col,embed.转载于:https://www.cnblogs.com/WaTa/p/5738377.html...
2016-08-04 21:02:00
284
转载 webkit浏览器下多行显示，有省略号效果
多行显示情况display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;除了上述，还有其他的解决方法，但要兼容其他浏览器，还是比较麻烦的可以通过设置高度来解决。另外，刚刚测试了一种方法:span{width:112...
2016-08-02 12:38:00
185
转载 css3新特性
1、选择器2、@font-face3、word-wrap和text-overflowword-wrap 设置当前行超过指定容器的边界是否断开换行，文字此时已经被打断。text-overflow:ellipsis4、text-decoration 文字渲染text-fill-color:文字内部填充颜色text-stroke-color：文字边界填充颜色te...
2016-08-01 21:31:00
94
转载 node_modules
怎么使外部访问module,我们知道客户端的JavaScript使用script标签引入JavaScript文件，就可以访问其内容了，但这样会带来问题，最大的就是作用域相同，产生冲突问题，以至于前端大师相处立即执行函数等方式，利用闭包。node.js使用require和exports对象来解决对挖提供接口和引用模块问题。node.js有两种模块：核心模块和文件模块核心模块直接...
2016-08-01 10:40:00
196
转载 数据类型
javascript 是一门弱类型和动态类型的语言。弱类型意味着允许隐式转换，不同类型的变量间可以直接赋值和运算，动态类型则意味着只在运行时，才进行类型检查，包含错误的文件仍能得到执行，直到运行至包含类型错误的语句。JavaScript程序才异常退出。对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加...
2016-07-31 16:48:00
102
转载 如何描述一个前端开发程序员
人 外观，行为，思想程序员 数据结构+算法前端开发程序员 对不起，要描述的东西太多了如何描述一个事物？关键点是什么？ 场景如何让描述一个事物的语句尽量覆盖更多的场景？...
2016-07-27 13:31:00
755
转载 解决电脑性能一般，打开webstorm后，电脑比较卡的问题
刚到一公司实习，要求使用webstrom开发前端，但安装后发现自己的电脑很卡，特别是在运行项目时，卡的不要不要的。后来，发现一奇淫技巧，用sublime代替webstrom，但是没法启动项目啊找到项目目录下的restapp>bin>www在www文件夹下，按住shift键，点击鼠标右键会有在此处打开命令窗口，打开即可，输入指令 npm start 回车，...
2016-07-25 18:04:00
605
转载 HTML5的5个的新特性
特性1：正则表达式无须使用服务端的检测，使用浏览器的本地功能，就可以帮助你判断邮箱的格式，URL，电话，防止用户输入错误的信息，通过H5的pattern属性，很方便的整合这个功能。<input type="email" pattern="[^@]*@[^ @]*" value=""> 特性2：数据列表元素在H5没有出现之前，我们会选择JS...
2016-07-20 16:09:00
182
转载 js 数组的拼接
数组的拼接var a = [1,2,3,4,5,6];var b=["foo","bar", "fun"];最终的结果是：[1,2,3,4,5,6,"foo","bar","fun"]一般情况下，我们最先想到的是concatc=a.concat(b);c是新数组，此时内存使用有，c,a,b三个数组。对于大数组呢第二种写法：//b "onto...
2016-06-21 21:52:00
145
转载 移动端性能
1、减少或避免使用repaint(页面重绘)，reflow(页面回流)2、尽量缓存可以缓存的数据3、用CSS3动画代替DOM 操作的动画，可以用animation.cssHTML5常用API1、DOM操作 querySelector2、本地数据存储，localStorage，setItem，getItem；3、地理位置信息4、页面性能监控借口，windo...
2016-06-17 17:03:00
120
转载 老式浏览器支持新功能
由于通过原型扩展内建对象是一项非常强大的技术，有了它，我们几乎可以随心所欲地重塑JavaScript语言的能力。但也正是它有如此强大的威力，我们在选择使用这项能力时，就必须慎之又慎。原因在于一旦开发者熟悉了JavaScript，那么他无论在使用哪些第三方库或者工具，他都会预期JavaScript内建对象与方法和他的认知相同。一旦修改了内建对象，他们的行为会发生改变，代码的用户与...
2016-06-14 15:45:00
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人