web
Tony3820
学习新的技术,能让程序员枯燥的生活变得精彩,能让自己更加丰富
展开
-
min.js.map在谷歌浏览器中404的问题
前端在Chrmo F12模式下调试的时候,经常会遇到js.map文件找不到的情况,例如:Failed to parse SourceMap: http://127.0.0.1/js/angular-sanitize.min.js.map关于这个问题其实大可不比过分的纠集,一般只会在你引用了压缩的min.js 文件,chrome浏览器中才会出现实际并不影响页面的执行效转载 2016-05-09 16:18:01 · 8205 阅读 · 1 评论 -
webstorm左侧导航无法显示文件夹
原因:因为webstorm自动生成的配置文件 .idea/modules.xml损坏解决办法:1、关闭webstorm2、删除.idea文件夹3、重新打开项目原创 2018-01-24 10:15:04 · 6366 阅读 · 1 评论 -
favicon.ico浏览器不显示的解决方案
本地路径配置 服务器路径路径配置 缓存会影响到显示,可以清除缓存后,再ctrl+F5强制刷新原创 2017-10-16 17:43:39 · 8832 阅读 · 0 评论 -
制作自定义图标字体,html引用web字体
制作自定义图标字体,html引用web字体1、安装Adobe Illustrator CS6(注:http://www.lookae.com/adobecc/)下载破解安装 2、安装Adobe Photoshop CS6(注:http://www.cncrk.com/downinfo/39089.html) 3、下载save-ps-to-svg1.0.jsx(注:http://hackingui原创 2016-07-12 14:26:07 · 3516 阅读 · 0 评论 -
angularjs内置指令
AngularJS快速入门指南20:快速参考 AngularJS指令 本指南中使用过的AngularJS指令:指令 描述 说明 ng-app 定义一个application的根元素。 指令 ng-bind 将HTML元素的innerHTML绑定到application data。 介绍 ng-click 定义HTML元素的click事件。 事件 ng-con原创 2016-09-21 17:24:19 · 581 阅读 · 0 评论 -
解决angularjs使用iframe加载网址的跨域请求
打开不同域的内容时报下面的错误:Blocked loading resource from url not allowed by $sceDelegate policy app.config(function($sceDelegateProvider) { $sceDelegateProvider.resourceUrlWhitelist([ //原创 2016-08-08 17:09:14 · 3727 阅读 · 0 评论 -
display:inline-block的小注意
今天使用display:inline-block的时候,发现两个div不能在同一行显示,代码如下: 链接一 链接一 后来百度了一下发现,display:inline-block有个间距,在这里可在父级元素用font-size:0;去除间隙;同时在子元素上设置font-size转载 2016-07-18 14:10:41 · 347 阅读 · 0 评论 -
css垂直居中的方法
一.line-height1.概念:line-height是指文本行基线直接的距离,而不是字体的大小,它确定了将各个元素框的高度增加多少或减少多少。换句话说,line-height值和字体大小之差就是行间距,行间距平分成2部分,分别应用到内容区的顶部和底部,也叫半行距。2.line-height的值。初始值:normal继承性:有百分数:相对元素字体大小计算值:对于原创 2016-07-18 11:29:50 · 796 阅读 · 0 评论 -
把div转换为table的td,横向排列,div等高
.leftHeight{width: 300px;border: solid 1px red; } .centerHeight{width: 200px;border: solid 1px blue; } .rightHeight{width: 500px; border: solid 1px black; } .leftHeight,.cen原创 2016-07-18 10:43:02 · 4722 阅读 · 0 评论 -
让谷歌浏览器的字体小于12px
谷歌浏览器的最小字体是12px,但wap移动端有可能要10px,但直接设置为font-size:10px,浏览器没有任何效果用CSS3的transform:scale()这个属性进行缩放!谷歌浏览器测试div{font-size:10px;-webkit-transform:scale(0.8);display:block;}原创 2016-07-14 13:56:05 · 588 阅读 · 0 评论 -
css3动画的暂停与运行
class="panorama">.panorama { width: 300px; height: 300px; background-image: url(http://7vilbi.com1.z0.glb.clouddn.com/blog/6608185829213862083.jpg); background-size: auto 100%; cursor: poi原创 2016-07-14 10:12:32 · 931 阅读 · 0 评论 -
匹配金额的正则表达式,带小数点
_normalize(inValue) { if ( /^(([1-9][0-9]*)|(([0]\.\d{0,2}|[1-9][0-9]*\.\d{0,2})))$/.test(inValue)) { console.log('有效'); return inValue; } else { if (inValue.length === 1 &&原创 2018-01-19 18:08:14 · 5969 阅读 · 0 评论