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

HTML5语义化

语义HTML没有给我们提供大量的标签去使用。其可选择的数量就像是街边的小商店而不是沃尔玛。我们有段落,列表和标题,但是我们不具有事件,新闻故事,或者说是配方。HTML提供给我们一个元素用于字符串的缩写标记,但是没有提供我们一个元素用于数字的价格标记。显然,从各种各样惊人的网站就可以看出,这一限制并没有得到很好的解决。虽然HTML并没有提供我们一个明确……

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

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

JavaScript 语言基础知识点总结

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

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(译者注:一家在线影片租赁提供商)时,立即就把我吸引住了。我观看了一些不得不在它处才能观看的节目。每一集电视剧……

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

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

【译】2015: 前端工具现状

原文:http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results译者:@lizheming本文数据更新至 2015年09月09日。由于当我发出这篇文章后,问卷又增加到了 1000 份(编写这篇文章的时候还是 649 份),所以我特地更新了一下文章的数据。比较有趣的事是虽然问卷的……

聊聊PC端页面适配

PC端适配?什么鬼!!!做不了~PC端适配?又不早说,都做完了,还适配毛线~页面有bug!!!!为什么我笔记本打开只看到一半~…以 前谈适配只会想到移动项目,而有时候转做pc端,有一个很爽的感觉就是什么的尺寸都可以写死,不需要担心设备尺寸不同的问题。但是现在越来越多的PC项目 也有适配的需求:目前我们pc项目的设计稿尺寸是宽度1920,高……