CSS

前端源码安全

今天思考下前端源码安全的东西(不是前端安全,只是针对于源码部分)。在我看来,源码安全有两点,一是防止抄袭,二是防止被攻破。实际上讲,前端的代码大多是没有什么可抄袭性,安全更是形同虚设的(任何前端输入都是不能相信的)。但如果还是想防止源码被查看,HTML、CSS并不能做什么,最终都会用露出来(最简单用Chrome开发者工具就可以看到),所以只能针对JS做文件的压缩合并和混淆。关于抄袭其实就前端来讲,...

    852浏览1推荐0评论

    css笔记记录

    list-style:none;...

      192浏览1推荐1评论

      HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序

      有耐心坚持个一年以上的话, 我会推荐HTML, css ,js, apache ,php, mysql后三者是需要装软件的, 推荐wamp, 绝佳的一站式环境配置, WampServer, the web development platform on Windows   直接包括了apache, php, mysql三个软件, 省的自己一个一个装.有不少人在评论里问mac os下对应的...

        1404浏览0推荐0评论

        bootstrap的插件modal.js是如何做到暂时隐藏滚动条

        在弹出modal时会给body添加一个去除滚动条的class(overflow-y:hidden)。同时,弹出modal的div有overflow-y:auto属性。这样就能根据modal自适应滚动条了。关闭modal时移除给body添加的class。...

          251浏览0推荐0评论

          前端css兼容性与易混淆的点

          一.常用的骨灰级清除浮动.clearfix:after {     content: ".";     display: block;     height: 0;     cle...

            258浏览0推荐0评论

            CSS如何实现这种背景效果

            其实这个问题可以完全不需要使用js的,css3便可胜任。于是我阐述一下基本原理:1、模糊特效使用filter:blur;2、阴影效果使用box-shadow;3、镂空效果最简单的方法就是使用mask-image;4、透明层效果使用background-color: rgba()或opacity;5、防止模糊外漏使用overflow: hidden。基本的层逻辑顺序是:<背景层>…<...

              403浏览0推荐0评论

              CSS 优化、提高性能的方法

              【CSS代码重构与优化之路】 写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如果没有及时对CSS代码进行维护,CSS代码不断会越来越多。CSS代码交错复杂,像一张庞大的蜘蛛网分布在网站的各个位置,你不知道修改这行代码会有什么影响,所以如果有修改或增加新功能时,开发人员往往不敢去删除旧的冗余代码,而保险地增加新代码,最终坏处就是项目中的CSS会越来越多,最终陷入无...

                233浏览0推荐0评论

                HTML 标签属性的全称

                那些比较明显的(如 p、h1~h6、ol、ul、li、abbr、col、img、ins、del、q 等)我就不写了。a: anchorlink的端点叫做anchor。link是从一端指向到另一端,通常a通过href属性指向外部资源,此a即为起始端点,但早期a也可以用name属性表示文档中可以被链接到的目标端点(后来任意元素上有id属性均可成为目标端点)。b: boldi: italicu: und...

                  323浏览0推荐0评论

                  没那么难,谈CSS的设计模式

                    什么是设计模式?  曾有人调侃,设计模式是工程师用于跟别人显摆的,显得高大上;也曾有人这么说,不是设计模式没用,是你还没有到能懂它,会用它的时候。  先来看一下比较官方的解释:“设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢...

                    935浏览0推荐0评论

                    类似angularJS里的路由,实现左侧导航不刷新,只刷新右侧内容的界面

                    和angular渊源较深, 事实上,如果不是深层级的路由, 市面上得选择是比较多的: director.js, path.js , Backbone.Router 等等都是很好的选择, 甚至直接监听hashchange事件也能再IE8+下实现单页路由。单页应用的开发其实很简单: 永远要保持一点,你的程序逻辑的开始是由url变化开始的 ,是单向的。 所以说是状态state驱动, url不足以描述一个...

                      293浏览0推荐0评论

                      sessionStorage、localStorage简介 简介

                      多功能旋转木马轮播实例今天项目需要用到旋转木马轮播功能,需要显示个可以切换的选项,这几个选项也许是图片,也许是文字,也许是一个iframe页面,也有可能是图文混排,还可能需要支持调用接口数据,需要显示多条信息,最少3条,最多不限,可能有10条,可能有10000条,于是就有了下面这个实现方法,看上去已经很完美了(样式和具体显示图片、文字或者是iframe页面、图文混排、调用接口数据等请自行在此实例基...

                        442浏览0推荐0评论

                        两列自适应布局

                        目的:想要在网页中实现自适应两列布局,即左边一列是固定宽度的,右边一列的宽度等于屏幕宽减去左边的宽度(或相反)。分析:需要满足三个要求:①两个盒子在同一行②右边的盒子需要占满剩下的空间③两个盒子不能重叠这三个条件又分别有很多种实现方法(不考虑绝对定位):组合起来,会有很多种实现方式。方法:<div class="left"></div> <...

                          210浏览0推荐0评论

                          神奇的css!竟然可以这样玩转表格

                          这是在对一个博客模板进行移动端适配时遇到的一个场景。html结构如下:要解决的问题是如何在不修改任何html代码的情况下,仅仅通过css实现下面的效果:1)改变它们的显示顺序,.MainCell显示在前,.LeftCell显示在后(与html结构中的顺序相反)。2)让它们分行显示。 .MainCell与.LeftCell是表格的单元格,它们默认是以列的方式排列在一行显示,如果解决了第1个...

                            177浏览0推荐0评论

                            CSS级联和继承

                            1.在HTML中使用CSS样式表的三种方式:(1)内联的样式表。eg:<em style="background-white">LIN</em>(2)嵌入式样式表。即在<head>标签内嵌入<style>标签及具体的样式设置内容。(3)外部链接的样式表。2.级联的顺序(1)首先要根据起源(origin)将规则分类。具体优先顺序如下...

                              187浏览0推荐0评论

                              202. Happy Number

                              Write an algorithm to determine if a number is "happy".A happy number is a number defined by the following process: Starting with any positive integer, replace the number by the sum of the s...

                                857浏览0推荐0评论

                                css笔记记录

                                list-style:none;...

                                  192浏览1推荐1评论

                                  Jquery删除css属性的简单方法

                                  下面小编就为大家带来一篇Jquery删除css属性的简单方法。有时我们不需要某个css属性时,想删除它,但有没有removeCss方法,怎么办呢?可以使用如下方法解决$('选择器').css('css属性','');  即将css属性值赋值为空,页面中就不会显示该css属性了。 如:$('.div1')....

                                    365浏览0推荐0评论

                                    简单实现js浮动框

                                    本文实例为大家分享了js浮动框的实现代码,供大家参考,具体内容如下一.在需要加入浮动框的页面中加入如下css代码:<!-- 浮动窗口样式css begin --> <style type="text/css"> #msg_win {   border: 1px so...

                                      555浏览0推荐0评论

                                      js代码实现下拉菜单

                                      本篇文章主要分享了js代码实现下拉菜单的代码.js代码:<script type="text/javascript"> function ShowSub(li) {//函数定义 var subMenu = li.getElementsByTagName("ul")[0] ;//...

                                        496浏览0推荐0评论

                                        JS数字千分位格式化实现方法总结

                                        本文实例讲述了JS数字千分位格式化实现方法。分享给大家供大家参考,具体如下:用js实现如下功能,将给定的数字转化成千分位的格式,如把“10000”转化成“10,000”,并考虑到性能方面的因素。一.首先想到的办法,将数字转换为字符串(toString())再打散成数组(split),如果直接数字转换为数组,就是一整个放进去了,不能单独取到每一位。然后通过循环,逐个倒着把数组中的元素插入到新数组的开...

                                          306浏览0推荐0评论

                                          一个很好的css和js函数调用的例子

                                          统一目录下的资源结构图: <html> <head>  <link rel="stylesheet" href="http://www.php1.cn/"> <script type="text/javascript" src=...

                                            630浏览0推荐0评论

                                            CSS布局之div交叉排布与底部对齐--flex实现

                                            最近在用wordpress写页面时,设计师给出了一种网页排布图样,之前从未遇到过,其在电脑上(分辨率大于768px)的效果图如下:而在手机(分辨率小于等于768px)上要求这样排列:我想到了两种方法第一种是用bootstrap的row、col-md配合col-md-push、col-md-pull来实现,代码如下:<!DOCTYPE html> <html> &n...

                                              523浏览0推荐0评论

                                              CSS 性能优化笔记

                                              真真切切的体会到了 CSS 对用户体验的影响非常明显,稍有不慎就是一个大坑。下面,我们就来谈谈 CSS 性能优化的问题。加载性能减少文件体积,压缩代码减少阻塞加载,不要用 import提高并发(这个不甚理解)选择器性能对整体性能的影响可以忽略不计了,但是选择器的考究更多是为了规范化和可维护性、健壮性。具体怎么实施可以参考 Github 的这个分享:GitHub's CSS Performa...

                                                498浏览0推荐0评论

                                                css 属性书写顺序推荐

                                                summary| 布局定位     | 定位方式:position     | 元素浮动:float   | 盒子模型     | 盒子类型:display       | 弹性盒子 :flex       |...

                                                  539浏览0推荐0评论

                                                  Web前端之jQuery 的10大操作技巧

                                                  不管是做什么事情,人们习惯在工作中去找方法、找技巧,来帮助提高效率,在软件开发中更是如此。jQuery作为前端开发必学技术之一,在使用中也有各种各样的小技巧,今天小编为大家分享10条必知会的技巧,希望可以帮助大家快速开发前端应用。1、返回顶部按减少插件的使用,利用 animate 和 scrollTop 来实现返回顶部的动画:// Back to top $('...

                                                    368浏览0推荐0评论

                                                    CSS备忘

                                                    垂直居中:           先height再ling-height,都设成一样高span 垂直居中:vertical-align:50%设置外边距:           margin-top,margin-left,margin-rig...

                                                      246浏览0推荐0评论

                                                      CSS ::before 和 ::after 伪元素用法

                                                      CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了。一 基本语法在了解进阶的应用之前,先来了解一下语法规则。平常仅仅需...

                                                        227浏览0推荐0评论

                                                        Web开发之CSS

                                                        Web开发,除了后台开发和数据开发,很大一块是前端开发。前端开发中使用最大的技术是:HTML(现在也有项目开始使用HTML5了,比如沪江英语的听力曲线使用html5 canvas绘制的),CSS(这个也有一个新版本,CSS3.0。很多应用出现圆角效果,估计都使用到了3.0的新特性),Javascript(其实这个也有版本的哦!盛大的权一大师就在研究ECMAScript5了),一个javascrip...

                                                          166浏览0推荐0评论

                                                          前端源码安全

                                                          今天思考下前端源码安全的东西(不是前端安全,只是针对于源码部分)。在我看来,源码安全有两点,一是防止抄袭,二是防止被攻破。实际上讲,前端的代码大多是没有什么可抄袭性,安全更是形同虚设的(任何前端输入都是不能相信的)。但如果还是想防止源码被查看,HTML、CSS并不能做什么,最终都会用露出来(最简单用Chrome开发者工具就可以看到),所以只能针对JS做文件的压缩合并和混淆。关于抄袭其实就前端来讲,...

                                                            852浏览1推荐0评论

                                                            手机端Web开发中遇到的那些问题

                                                             retina 图片兼容这个 feature 应该不仅仅只关心 手机端, 而且还包括PC, 因为苹果不仅仅在手机端 (从 iphone4 开始), 而且在, MAC 上也使用了 retina. 首先, retina 的意思就是, dpr(device-pixel-ratio)是普通屏幕的两倍. 对比于 CSS 来说就是, 原来在 css 中设置的是 1px , 在实际的屏幕显示时, 也是...

                                                              200浏览0推荐0评论
                                                              首页上一页123下一页尾页

                                                              推荐作者

                                                              热门手记