找回密码

未分类

第一次的前端总结

前端开发者阅读(229)评论(0)赞(0)

互联网的飞速发展和激烈竞争，用户体验成为了一个重要的关注点，导致前端开发成为一个热门职业，而前段技术也在不断的更新，不断的推陈出新。个人觉得前端开发入门相对容易，但还是需要系统的的学习，打下坚实的基础，从而基础就是开发令用户满意的体验效果的...

正则表达式常用方法

前端开发者阅读(245)评论(0)赞(0)

1.search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。 var str = "my name is"; console.log(str.search(/na...

Flex布局属性介绍

前端开发者阅读(227)评论(0)赞(0)

1、flex-direction属性 flex-direction: row | row-reverse | column | column-reverse; row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水...

使用 CSS 伪元素需要注意的

前端开发者阅读(264)评论(0)赞(0)

使用 css 伪元素需要注意的 字数468 阅读358 评论0 喜欢4 伪元素 ::before，::after 空元素(不能包含内容的元素)不支持 ::before，::after IE 不支持的元素有：img，input，select，...

JS滚动条回到底部

前端开发者阅读(246)评论(0)赞(0)

转载自寂寞的天下着忧郁的雨 博客 html 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta...

Ajax和封装它的小伙伴们

前端开发者阅读(257)评论(0)赞(0)

本文原创，转载说明，谢谢~! 一. 原生的ajax 创建核心对象 兼容IE的核心对象创建函数 **javascript 代码** function createXHR() { if (typeof XMLHttpRequest != &qu...

【变换】CSS3变换之反射（matrix应用）

前端开发者阅读(248)评论(0)赞(0)

上篇文章讲了matrix。 matrix是万能变换！ 其对于css3变换来说， 其地位就相当于数组中的splice和reduce，就相当于正则中的replace方法。 因此需要重点掌握。 那篇文章里面提到了两个基本反射。 细想了一下，反射挺...

盒子模型 CSS box-flex属性

前端开发者阅读(218)评论(0)赞(0)

本文地址：http://www.zhangxinxu.com/wordpress/?p=1338 一、淡淡的开头语 昨天趁着不想工作的时间间隙闲逛24ways，在My css Wish List一文中，见到了个新鲜的css属性，就是题目中的...

第一次用svg标签画图

前端开发者阅读(235)评论(0)赞(0)

看到这个标签蛮好玩的，做个小练习，哈哈虽然画的略丑~~ html 代码 <!DOCTYPE html> <html> <head> <title></title> <meta...

CSS3立方体

前端开发者阅读(206)评论(0)赞(0)

css3立方体 利用transform的rotate和translate制作 顺序不能颠倒 否则计算出错 定义旋转的参考轴 打开盒子

display:box 和 display:flex 两者区别

前端开发者阅读(194)评论(0)赞(0)

前者display:box是2009年的语法版本，使用时需要加上浏览器的前缀，不过现在已经过时了。 后者display:flex是2012年最新修正的语法版本，浏览器支持较好，也将成为以后标准的语法。 中间2011年也提出了一个奇葩的语法版...

闭包概念加例子

前端开发者阅读(223)评论(0)赞(0)

先看一段代码 javascript 代码 function t1(){ var age = 20; function t2(){ alert(age); } return t2; } var tmp = t1(); var age = 99...

列表无限循环滚动

前端开发者阅读(217)评论(0)赞(0)

其实这个思想就是在一个固定容器里，不停地将第一个元素插入到最后，形成的效果。 需要注意的是，每个子项的高度需要与每次总移动的高度相同，这样才不会有一种停顿的感觉 html 代码 <!DOCTYPE html> <html&...

44 个 Javascript 变态题解析 (上)

前端开发者阅读(162)评论(0)赞(0)

这两天看公众号里面的内容，有两篇文章是关于js题目的，虽然涉及到的知识点都是比较基础的，但是题目还是很egg paint~~~大家可以尝试做一下（PS：有些题目不在乎结果，主要是知识点） [color=#ff0000]原题来自: javas...

jQuery放大镜插件

前端开发者阅读(146)评论(0)赞(0)

我也来玩一个放大镜插件，demo地址：http://codepen.io/jonechen/pen/mEmJYJ，图片引用的外链，打开的速度可能有点慢。 html 代码 <!DOCTYPE html> <html> ...

如何解决自控力的问题

前端开发者阅读(156)评论(0)赞(0)

相信很多同志们都有这个问题，自控力。 自学最重要的就是自控吧。 通过卡耐基，我了解到一个方法，甚是有效。就此分享一下。 流程如下。。。 1.要解决什么问题？ 2.怎么解决，有几个方案？ 3.什么时候去解决 这三步一走包你药到病除。可别像在下...

请教大神一个关于className的问题

前端开发者阅读(160)评论(0)赞(0)

近期学习dom的时候想咬对页面中某个class的样式进行修改，其他的暂且不提，就是效果却显示的并非替换了每个class，而是只替换了第一个和第三个。这究竟是什么原因？请大神帮忙解答下，也许说的不清楚，请看代码 html 代码 <!DO...

小结几个前端面试题

前端开发者阅读(158)评论(0)赞(0)

1.你如何对网站的文件和资源进行优化?期待的解决方案包括： 文件合并 文件最小化/文件压缩 使用CDN托管 缓存的使用 2.例举3种强制类型转换和2种隐式类型转换? 强制（parseInt,parseFloat,number） 隐式（== ...

【干货】Array对象的方法大全，看看你知道多少.。

前端开发者阅读(202)评论(0)赞(0)

从《高程》中整理出来的数组的概念和数组对象的一些方法，分享给大家同时也是复习复习，有不正确的地方欢迎指正，共同进步。 一.认识引用类型 js中的数据类型分为基本类型（string，boolean，undefined，null，number）...

【变换】复合变换

前端开发者阅读(162)评论(0)赞(0)

上述有一处笔误，第一个矩阵表示那块儿，后面应该加c和f的。 算了不改了。非常麻烦。 具体说下这个图片的制作流程。 首先用mathtype软件，编辑好，然后转换为图片。 可惜软件有bug，内容太长，转换后的gif图片显示内容大部分为空白。 我...

CSS3loading动画

前端开发者阅读(150)评论(0)赞(0)

投影是用图片做的，用css3试了一下，差别有点大 html 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

CSS3酷炫轮播

前端开发者阅读(180)评论(0)赞(0)

本案例用到css3的scale以及rotate属性，大图部分是由js批量生成，改变图片定位来实现。 html 代码 <!DOCTYPE html> <html lang="en-US"> <...

最新评论