- 博客(20)
- 收藏
- 关注
原创 css3简单的方法画出一个同心圆
利用box-show可以很方便的画出一个同心圆#circle_bot { background-color: #ff5000; width: 15px; height: 15px; margin: 0px 0 0 0px; border-radius: 50%; position: relative; box-shadow: 0 0 0
2017-05-26 21:00:32 7665
原创 js 判断对象数组中是否包含某个属性的值和对象转化成数组
工作中遇到一个问题就是要动态给数组是对象中添加或者删除某个数组,,本来想用for循环的但是这样就会有一个bug就是每次都会添加,,最后只能使用indexOF var a =[{"name":"1111"},{"name":"222"}]console.log(JSON.stringify(a).indexOf("11111")!=-1);把数组和对象全转成strin
2017-05-22 15:49:46 9411
原创 IEbug的预防
首先 DOCTYPE 一定要声明doctype,doctype告诉浏览器使用什么样的HTML和XHTML规范来解析HTML文档,会影响到: 对标记, attributes , properties的约束规则 对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于css代码甚至js脚本的解析 啥也不说先插一行
2017-05-14 22:42:24 200
原创 IE8的一些问题
IE8 下 css文件打包过大有时候会 css失效,猜测就是对css大小有限制。。相邻兄弟选择器不能重绘的问题 相邻元素选择器,也就是+,来控制某个元素的显示,在ie8下不能生效 解决方案 是 让浏览器强制重绘,方案是,在我们需要重绘的地方,在body元素,增加一个css class,然后移除css class , 就达到这个目的,这个css class 应该没有任何
2017-05-14 21:44:36 201
原创 让ie7/8支持css3属性
selectivizr-让IE6-8支持CSS3伪类和属性选择器selectivizr github上自己看 优点于: 1 让老的浏览器支持19个css3伪类,2个伪元素,以及所有的属性选择器。 2 即使你完全不懂js,也没有关系,因为只要这个文件就ok了 3 可以和现存的js库协调工作 有一些注意事项 select
2017-05-14 21:19:02 1692
原创 IE的hack技术
目前公司只是兼容到IE8。。。so div{ background-color: red\0; /*ie8/9*/ background-color: blue\9\0; /*ie9*/ }csshack的顺序 background-color:red \0 IE8,IE9都支持 background-color:blu
2017-05-14 20:48:48 228
原创 css伪劣的bug
:hover 失效 这个用于连接,其实这几个伪劣是有顺序的 ,不能颠倒 a:link{} , a:visited{} , a:hover{} , a:active{} first-line失效和first-letter失效 p{color:red}p:first-line{color:blue !important}aaaaaaaaaaaa:focus
2017-05-14 20:35:20 281
原创 css一些样式上的问题
*通配符造成样式式继承 *{color:red}; div{color:blue}aaaaaa标签显示的确实red,这和本身想的不一样,怎么回事了 原来是因为,,继承样式的优先级低于元素本身,,,所以我们应该这么写div a{color:blue}这样就达到我们想要的效果了
2017-05-14 20:08:55 188
原创 js 跨域利用jsonp的原理
很久没有写过原生的了,一时间竟然忘了,所以记录下来 jsonp的原理就是script的src属性; 上代码首先建立一个index.html function indexLong(result) { console.log(result); } 然后同级建立一个index.jsonindexLong({"
2017-05-11 23:33:56 195
原创 浏览器发起网络请求及优化
当浏览器请求一个URL,服务器会响应一些html 我们需要认识一个新的术语,关键渲染路径,就是浏览器渲染页面的步骤数 一 关建路径的长度 关键渲染路劲的度量标准是路径长度,最理想的关键路径长度是1.。 如果页面包含一些内部样式和js,关键路径发生,有时候虽然关键路径长度没有改变,但是本身HTML大小增加,可能是某些地方受到了影响。 二 关键
2017-05-09 23:14:49 1180
原创 前端性能优化的基础知识
首先我们应该明确一点 优化关乎的是速度和满意度 从用户体验角度, 我们更希望前端网页可以快速加载 从开发体验角度, 我们可能更希望是快速,简洁,规范的 首先我们要明确一个问题: 浏览器都做了什么 当我们打开一个简单的网页的时候 The "Click the button" page
2017-05-08 22:17:14 235
原创 cdn是什么
cdn就是内容分发网络 用来解决的就是互联网的拥堵https://www.zhihu.com/question/37353035看懂了就明白了
2017-05-07 22:03:40 335
原创 react状态管理的思考
redux是一个状态管理的工具,使用它本来就是为了管理公共状态的,组件A发生的变化影响了组件BCD,那么这个场景下使用很方便,但是,如果组件A的变化只是影响他本身,那么还是使用react,把这个状态直接存储到组件本身上呢?只需要this.setState()
2017-05-07 21:25:19 2116
原创 使用js来判断客户端当前网络的状态
1 navigator.onLine通过navigator.onLine判断当前网络的状态这个很简单但是并不准确,根据MDN的描述navigator.onLine只会在机器未连接到局域网或者路由器时返回false,其他情况下返回true也就是说机器链接上路由器后,即使这个路由器没有联通网络,navigator.onLine仍然会返回true2 可以通过ajax请求
2017-05-07 20:42:47 2678
原创 sublime 编辑器PackageControl出错及其问题
一句话不管出现什么原因,只要按照步骤来就不会出错,出错的原因很可能就是网络的问题请耐心等待。这里面我经常使用的sublime的几个插件autofileName 一个自动提示路径的插件insertDate插入时间,在我们的项目存在cdn上的时候,需要改变时间戳才会看到效果sublimeTmpl快速格式化代码alignment等号对齐在align
2017-05-07 18:49:42 668
原创 git 出现错误 Could not resolve host: github.com
也不知道为什么在使用git下载东西的时候出现了错误,,然后重新安装了电脑发现还是不起作用没办法只有谷歌最后结合几家的意见找到了解决办法原来是因为github.com没有被主机给解析,第一步 ping github.comPING github.com (192.30.255.112): 56 data bytes64 bytes from 192.30.
2017-05-07 09:04:43 46445 3
原创 git 不知道出现什么问题了,所以就重新用HomeBrew重新安装了一下
关于HomeBrew的安装 就只他https://brew.sh/首先看一下版本号 git version然后看一下文件的地址啊which git➜ react学习 git:(dropload) ✗ which git/usr/bin/gitbrew install git通过homebrew来安装安装好
2017-05-06 21:02:39 2159
原创 mac上配置java环境
亲手操刀 确实可行第一步啥也不说 下去下载 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载完成之后解压安装,,然后安装路径是多少。。这边是默认的 /Library/Java 会在这个文件夹下面新生成一个文件夹 具体目录是/Libr
2017-05-03 13:26:36 10914
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人