![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
SongChunMin_
互联网行业,只有不断学习,才不会被淘汰。
展开
-
CSS图片旋转
-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=6);原创 2016-03-21 10:03:29 · 1027 阅读 · 0 评论 -
css px转rem工具,支持生产整个css文件统一修改
http://520ued.com/tools/rem原创 2016-04-20 11:35:52 · 883 阅读 · 0 评论 -
HTML特殊符号
HTML特殊字符,空格不在敲键盘,而是使用特殊字符代表他原创 2016-05-26 11:40:37 · 889 阅读 · 0 评论 -
CSS3中REM使用详解
在页面中设置字体,我们知道有常见的两种,px 和 em.px在Web页面制作中,我们一般使用“px”来设置我们的文本,因为他比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,他改变了浏览器的字体大小(虽然一般人不会去改变浏览器字体大小),这时会使用我们的Web页面布局被打破,这时就提出了使用“em”来定义Web页面的字体。em一般转载 2016-05-20 09:01:00 · 878 阅读 · 0 评论 -
纯JS实现slideToggle动画,慢慢下拉打开
没有地方存放页面,借用别人的:http://www.zhangxinxu.com/study/201210/slide-transition-common-method.html(1)CSS 设置动画时间,这是必须的-webkit-transition: height 0.6s;-moz-transition: height 0.6s;-o-transition: height 0原创 2016-05-21 20:07:17 · 7758 阅读 · 0 评论 -
HTML与XHTML的区别
HTML与XHTML的区别原创 2016-06-26 22:26:49 · 915 阅读 · 0 评论 -
html a标签
a:link 链接未点击上去时候a:visited 链接已经点击过的a:hover 鼠标放在链接上未点击a:active 是介于hover visited 之间的一个状态,可以说是链接被按下时候的状态原创 2016-06-26 22:47:48 · 1044 阅读 · 0 评论 -
sass的安装(mac OSX、window OS)
sass的安装原创 2016-06-29 11:11:39 · 10777 阅读 · 1 评论 -
SASS入门使用(上代码)
SASS入门使用原创 2016-06-29 15:48:25 · 1820 阅读 · 0 评论 -
使用sessionStorage、localStorage存储数组与对象
使用sessionStorage、localStorage存储数组与对象原创 2016-07-01 15:20:04 · 3540 阅读 · 0 评论 -
div设置背景半透明
div设置背景半透明的2中方法原创 2016-07-14 09:38:47 · 1332 阅读 · 0 评论 -
H5页面关闭软键盘
H5页面关闭软键盘原创 2016-07-04 17:05:50 · 23662 阅读 · 1 评论 -
如何评价 React Native?
React native出来也快一周了,我写了几个demo,简单看了看objc代码并和开源前的我们的一些结论(见后文)交叉验证。简单地从前端工程师和系统整体角度说一下React native的特点和优劣吧。转载 2016-07-15 15:43:37 · 1539 阅读 · 0 评论 -
何为Web App,何为Hybird App
何为Web App,何为Hybird App这些概念听起来很火,当下也很流行,真正理解起来却并非易事。如果让我来全面的解释Web App和Hybird App,我觉得还有些困难。转载 2016-07-15 16:20:15 · 1567 阅读 · 0 评论 -
兼容多浏览器的本地存储
本地存储,以前的版本都是用cookie,但是不得不说cookie太小了,只有可怜的4k。。。。。转载 2016-07-27 11:36:19 · 1248 阅读 · 0 评论 -
SASS学习教程
很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。各种"CSS预处理器"之中,我自己最喜欢SASS,觉得它有很多优点,打算以后都用它来写CSS。下面是我整理的用法总结,供自己开发时参考,相信对其他人也有用。原创 2016-06-29 11:40:30 · 1124 阅读 · 0 评论 -
cookie与session区别
cookie与session区别原创 2016-06-23 21:58:07 · 861 阅读 · 0 评论 -
HTML标签的嵌套
随着时间的推移,我们学习html的基础知识有了大概的了解。而我发现,平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,然而发现有时的标签嵌套却是错误的。通过网上找资料,了解了html标签的嵌套规则转载 2016-11-08 11:49:43 · 7473 阅读 · 0 评论 -
【腾讯开放平台】Android、IOS实现指定QQ临时会话功能
腾讯开放平台提供了WPA接口,能够实现对于普通用户,无需加其好友就能和其发起临时会话(但是对于400开头的企业QQ号,如Mob平台的企业QQ:4006852216 ,必须先加其好友才能实现临时会话),官方文档如下:http://wiki.open.qq.com/index.php?title=Android_API调用说明&=45038#2._WPA.E6.8E.A5.E5.8F.A3对于使用Mob平台的ShareSDK的Android开发者,ShareSDK目前暂不支持腾讯开放平台的WPA接口功能,但原创 2016-10-18 09:47:21 · 2420 阅读 · 0 评论 -
webstorm 格式化代码及常用快捷键
centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+lmac 下 webstorm 格式化代码的快捷键 Option+Command+l原创 2016-11-29 16:38:33 · 26847 阅读 · 2 评论 -
CSS3伪类和伪元素的特性和区别
前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link、visited等,伪元素较常见的比如:before、:after等。其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念,CSS1和CSS2中对伪类的伪元素的区别比较模糊,甚至经常有同行将:before、:after称为伪类。CSS3对这两个概念做了相对较清晰地概念,并且在语法上也很明显的讲二者区别开。转载 2016-11-15 14:20:48 · 887 阅读 · 0 评论 -
Javascript的this用法
Javascript的this用法.this是Javascript语言的一个关键字。转载 2016-12-12 18:40:09 · 666 阅读 · 0 评论 -
React学习
react是Facebook 开发出来用于促进UI交互,创建带有状态的,可复用的UI组建的UI库!Feacebook的产品广泛运用这技术,Instagram.com(一款图片分享应用)基于react开发出来的。(这里的理解难点在于 带有状态的,可复用的UI组件。也就是一个UI组件,它带有状态属性,并且可重复使用!) react的最大的卖点就是,react不仅可以在浏览器端使用,还可以在服务端使用,还可以两端一起使用! react的底层的概念:react运用的是Virtual DOM(虚拟DOM)转载 2016-12-12 23:50:12 · 650 阅读 · 0 评论 -
React JS 组件间沟通的一些方法
简单的的组件沟通可以用传props和callback的方法实现,然而,随着项目规模的扩大,组件就会嵌套得越来越深,这时候使用这个方法就有点不太适合。全局事件可以让组件直接沟通,但频繁使用事件会让数据流动变得很乱。如果兄弟组件共同的父组件嵌套得太深,在这个父组件设置context从而直接传递数据和callback到这两个兄弟组件中。使用redux可以让你整个项目的数据流向十分清晰,但是很容易会出现组件嵌套太深的情况,events和context都可以解决这个问题。Transdux是一个类redux框架,使用这转载 2016-12-13 11:10:27 · 5599 阅读 · 0 评论 -
HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefault()事件可以阻止滚动。 touchend事件:当手指从屏幕上离开的时候触发。 touchcancel事件:当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间,文档中并没有具体说明,咱们只能去猜测了。转载 2017-01-03 11:50:28 · 1103 阅读 · 0 评论 -
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:转载 2017-01-03 14:28:07 · 650 阅读 · 0 评论 -
getBoundingClientRect的用法
getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法:这个方法没有参数。rectObject = object.getBoundingClientRect();2.返回值类型:TextRectangle对象,每个矩形具有四个整数性质( 上, 右 , 下,和左 )表示的坐标的矩形,以像素为单位。 rectObject.top:元素上边到视窗上边的距离; rectObject.right:元素右原创 2017-01-03 22:10:17 · 1949 阅读 · 0 评论 -
容易被误解的overflow:hidden
为了页面的健壮性,我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开,有时候是为了配合其它规则实现文字截断,还有时候纯粹是为了创建块级上下文。但是,很多人对这个属性是存在着一定的误解的。网上很多入门的资料或文章都只提到用overflow:hidden加固定的宽度(或高度)可以强制隐藏内部的超出容器的内容。包括之前我们在使用overflow:hidden创建块级上下文的方式来实现图文混排时,都认为overflow:hidden造成了特殊情况下的麻烦。但如果认真阅读一下css规范,会原创 2016-12-24 15:10:38 · 1232 阅读 · 0 评论 -
webstorm 格式化代码及常用快捷键
centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+lmac 下 webstorm 格式化代码的快捷键 Option+Command+l原创 2016-12-24 15:11:52 · 31568 阅读 · 1 评论 -
彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法
Http 缓存机制作为 web 性能优化的重要手段,对从事 Web 开发的小伙伴们来说是必须要掌握的知识,但最近我遇到了几个缓存头设置相关的题目,发现有好几道题答错了,有的甚至在知道了正确答案后依然不明白其原因,可谓相当的郁闷呢!!为了确认下是否只是自己理解不深,我特意请教了其他几位小伙伴,发现情况也或多或少和我类似。转载 2017-01-04 16:59:40 · 809 阅读 · 0 评论 -
js数组的操作
js数组的操作转载 2017-01-04 17:35:42 · 600 阅读 · 0 评论 -
微信iOS WKWebview 网页开发适配指南
WKWebView 是苹果在iOS 8中引入的新组件,目的是提供一个现代的支持最新Webkit功能的网页浏览控件,摆脱过去 UIWebView的老、旧、笨,特别是内存占用量巨大的问题。它使用与Safari中一样的Nitro JavaScript引擎,大大提高了页面js执行速度。原创 2017-01-06 22:07:54 · 16658 阅读 · 4 评论 -
jquery和prototype.js的区别
jquery和prototype.js的区别prototype.js是对原生对象的功能增强,多是扩充原生对象。jquery.js是对原生语句的封装,多是构建自己的对象。原创 2017-01-06 22:58:05 · 854 阅读 · 0 评论 -
js 字符串转换成数字的三种方法
方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。转载 2016-12-20 16:08:35 · 1367 阅读 · 0 评论 -
js 替换 当前URL 特定参数
js 替换 当前URL 特定参数原创 2017-01-09 10:19:58 · 7306 阅读 · 0 评论 -
js中遍历Map对象
js中遍历Map对象for(var key in jsonData) console.log("属性:" + key + ",值:"+ jsonData[key]); }原创 2017-01-09 11:07:42 · 4693 阅读 · 0 评论 -
js数据类型判断和数组判断
js数据类型判断和数组判断js六大数据类型:number、string、object、Boolean、null、undefinedstring: 由单引号或双引号来说明,如"string"number:什么整数啊浮点数啊都叫数字,你懂的~Boolean: 就是true和false啦undefined:未定义,就是你创建一个变量后却没给它赋值~null: 故名思久,null就是没有,什么也不表示object: 这个我也很难解释的说。就是除了上面五种之外的类型转载 2017-01-09 11:08:37 · 680 阅读 · 0 评论 -
CSS控制文本内容固定行行显示,超出部分“...”
CSS控制文本内容固定行行显示,超出部分“...”CSS多文本固定2行,3行显示原创 2016-03-04 16:28:27 · 742 阅读 · 0 评论 -
Flex 布局教程:语法篇
Flex 布局教程:语法篇转载 2017-01-11 14:30:52 · 630 阅读 · 0 评论 -
addEventListener()与removeEventListener()
addEventListener()与removeEventListener()原创 2017-02-08 17:03:39 · 550 阅读 · 0 评论