• 欢迎访问杨思积的博客,专注于前端资讯分享,前端技术交流!

最新发布 第2页

yangzr杨思积的博客

前端周刊 – 2016/05/30

深阅读Awaiting the future of JavaScript in V8https://blogs.igalia.com/compilers/2016/05/23/awaiting-the-future-of-javascript-in-v8/On the evening of Monday, May 16th, 2016, we have……

探索前端开发中的JS调试技巧

前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故 障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要。本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那让我们一起来温习,也……

微信飞机大战

微信飞机大战……

JavaScript 语言基础知识点总结

网上找到的一份JavaScript 语言基础知识点总结,还不错,挺全面的。……

web前端工具

工欲善其事,必先利其器。Tomy为大家搜集了一些web前端开发工具,懂的自行下载使用!……

前端周刊 – 2016/05/23

业界会议Google IO 2016https://events.google.com/io2016/各自找感兴趣的东西去看吧,除了各种让人眼花缭乱的黑科技外,这几个东西挺值得关注的:– Firebasehttps://firebase.google.com/ A mobile platform that helps you quickl……

JavaScript算法练习:关于字符串中每个单词的首字母大写化问题

问题描述是不是有时候会出现将一个字符串中的每个单词的首字母大写化,其余字符均为小写的情况,如”hello world”转化为”Hello World”。好了接下来大家可以试验一下是否可以解决这个问题,在这里我要和大家分享几种比较容易理解的解决方案。问题分析使用split()方法将字符串分解为单词数组……

前端开发如何做自动化测试

一直都想深入去尝试下,前端怎么加入自动化测试这样的模块,毕竟现在在嵌套很多复杂逻辑接口时,单靠人工一个个点点,代码模拟各种情况,第一开发时间很长,第二总会有各种遗漏导致的bug。今天看到一篇来自 天猫前端的博客,很长很有深度,值得深入研读:前言为何要做自动化测试以前不喜欢写测试,主要是觉得编写和维护测试用例非常的浪费时间。在真正写了一段时间的基础组件和……

浅谈cookie、localStorage、sessionStorage的使用

本文主要介绍cookie、localStorage、sessionStorage这三者的区别和基本的应用,不对的地方欢迎大家多多指教~cookiecookie是什么简单地说,cookie就是页面用于保存信息的,比如常见的保存用户登录的用户名和密码。cookie的特性大小有限,大概4K ; 数量有限,大概50条(因浏览器而异)兼容性好同域可……

CSS3动画的一些小总结

总结的内容有的是一些平时自己遇到过的容易被忽略的,有的是个人觉得简单实用的,特此分享!1、过渡简单的状态变化只用transition就可以方便地实现:transition-property: 规定应用过渡的 CSS 属性的名称;transition-duration:定义过渡效果花费的时间,默认是 0;transition-timing-fun……

元素在页面中的尺寸和定位

在平时开发过程中经常会遇到要获取元素的各种尺寸或者定位,什么offset,scroll,client,什么x,y,很晕有木有,从来没分清楚过有木有,于是决定花点时间把它理一理,分享给大家。1、原生JS获取元素尺寸的方法1.1、偏移量(offset)包括元素在屏幕上占用的所有可见的空间,包括内边距、滚动条、和边框(不包括外边距)有四个属性——offset……

常用js汇总

这里收集了一些常用的js代码,拿出来跟大家分享判断图片是否加载完,有时候你可能需要检查图像是否已经加载完成,以便继续执行相应的js代码function loadImage1(url,callback){ var img = new Image(); img.onload = function(){ //图片加载完成后执……

CSS HACK 支持IE6|7|8|9|10|11

原则上真心不支持大家使用hack,能不用hack就不用hack,但到了实际操作的时候却不得不用到hack。本文纯实例展示,来个参考DEMO,这样更加直观一点,不写那么多理论的东西了,理论的东西百度下就可以找到很多;我不生产代码,我只是代码的搬运工。本文只写CSS HACK,html、js的HACK就不写了。是的,就是这么任性。单独HACK实例IE6……

浅谈跨域的几种方式

跨域,在平常工作中经常遇到,也经常被一些人问到跨域的处理方式。虽然处理跨域的几种方式都有用过,但是每次提到跨域的时候经常晕乎一下先,所以在这里总结一下平时用过的几种跨域方式 1、通过jsonp跨域 在js中,我们直接用XMLHttpRequest请求不同域上的数据是不可以的,而在html中,能够实现跨域的就几种: link属性(css) href属性……

index总结和移动兼容问题

做项目经常要用到index,关于index的几种用法,常常感到困惑。总结了一下,在这里列出来分享下。 1、index索引问题 <div id="nav"> <a href="#">建站素材</a> <p>建站素材</p> <a href="#">jquery……

用 CSS 实现 Netflix Logo 动画

本文译自:Netflix Logo In CSS这篇博客是 Gregor Adams 讲他如何用 CSS 重现 Netflix 商标效果。Gregor 是 CSS 方面冉冉升起的新星。能在这里分析他的案例也是非常荣幸的。我尝试使用 Netflix(译者注:一家在线影片租赁提供商)时,立即就把我吸引住了。我观看了一些不得不在它处才能观看的节目。每一集电视剧……

前端周刊 – 2016/05/16

业界会议ng-conf 2016https://www.ng-conf.org/#/cfphttps://www.youtube.com/playlist?list=PLOETEcp3DkCq788xapkP_OU-78jhTf68j#ngconf2016可以关注 Angular 的最新状态。PHP 开发者大会 – 2016http:……

关于图片垂直居中的几个方法

关于图片垂直居中的几个方法偶尔会有这样的需求:在不知道图片宽和高情况下,需要让图片水平和垂直居中在某个容器下,而且,如果图片宽或者高超出容器,需要按照比例进行缩放,下面介绍几个常见的方式Javascript篇用JS的方式处理解决图片,思路就是预加载图片,然后取宽和高,计算位置,设置margin值,达到目的 //计算图片居中位置的信……