CSS中的单位有11种,你知道几个?px,pt,em,rem,%…

CSS中的单位有11种,你知道几个?px,pt,em,rem,%…
扶今追昔 CSS中的单位我们经常用到px、pt、em、百分比,px和pt不用多说 em em是相对单位,参考物是父元素的font-size,具有继承的特点 如果字体大小是16px(浏览器的默认值),那么 1em = 16px 这样使用换算很复杂,尤其是和px对应,大家总结出了经验 body { font-size: 62.5%; } 这样之后 1em = 10px 在布局等使用的时候好换算了很多 百分比 百分比也是很常见的用法,看似简单其实有些初学者可能注意不...

js面试时的狠问题–JavaScript自定义事件

js面试时的狠问题–JavaScript自定义事件
很多DOM对象都有原生的事件支持,向div就有click、mouseover等事件,事件机制可以为类的设计带来很大的灵活性,相信.net程序员深有体会。随着web技术发展,使用JavaScript自定义对象愈发频繁,让自己创建的对象也有事件机制,通过事件对外通信,能够极大提高开发效率。 简单的事件需求 事件并不是可有可无,在某些需求下是必需的。以一个很简单的需求为例,在web开发中Dialog很常见,每个Dialog都有一个关...

前端加密的几种常用方法

前端加密的几种常用方法
前端安全是Web安全的一部分,常见的安全问题会有XSS、CSRF、SQL注入等,然而这些已经在程师界得到了相当高的重视并且有了很成熟的解决方案。 所以我们今天只谈前端“加密”,一个部分人认为没有意义的工作。有争议的事情总是那么因崔斯汀,接下来就让我们谈谈前端传输中的数据“加密” 。 前端传输的数据我们应该用什么算法加密,如何组织整个加密过程呢? 一般有几种做法: • JavaScript 加密后传输 • 浏览器...

gulp教程之gulp-livereload

gulp教程之gulp-livereload
gulp教程之gulp-livereload gulp-livereload拯救F5!当监听文件发生变化时,浏览器自动刷新页面。【事实上也不全是完全刷新,例如修改css的时候,不是整个页面刷新,而是将修改的样式植入浏览器,非常方便。】特别是引用外部资源时,刷新整个页面真是费时费力。 0、有更好的方案,浏览器无需安装插件,且可以同时在PC、平板、手机等设备下进项调试。 1、安装nodejs/全局安装gulp/本地安装gulp/创建p...

两句话,让你的写作能力上两个档

两句话,让你的写作能力上两个档
01 我在中学时,写作文常爱用我觉得,估计是,我想等这类词汇。   后来,我遇到了另一个老师,她在我作文上写的“姑姑走了,我觉得家里最近冷清很多”这句话下面划了横线,边上写着:家里冷清的样子是什么,写出来。 我开始回忆,脑海中不断闪现着家中的样子,然后写出下面一段话:往常中午吃完饭,姑姑都叫上隔壁的二奶奶来,加上妈妈和婶婶凑够一桌牌。她们中间谁打赢了,我会趁机过去讨几块...

gulp教程之gulp-less

gulp教程之gulp-less
gulp教程之gulp-less 简介: 使用gulp-less插件将less文件编译成css,当有less文件发生改变自动编译less,并保证less语法错误或出现异常时能正常工作并提示错误信息。 1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程 1.2、本示例目录结构如下: 2、本地安装gulp-less 2.1、github:https://github.com/plus3n...

gulp教程之gulp中文API

gulp教程之gulp中文API
gulp API docs   官网http://www.gulpjs.com.cn/docs/api/ 1、gulp.src(globs[, options]) 1.1、说明:src方法是指定需要处理的源文件的路径,gulp借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,gulp.src返回当前文件流至可用插件; 1.2、globs:  需要处理的源文件匹配符路径。类型(必填):String or StringArray; 通配符路径匹配示例: “src/a.js”:指定具体文件;...

基于gulp前端静态站点结构分析与搭建

基于gulp前端静态站点结构分析与搭建
基于gulp前端静态站点结构 简介: 我们使用gulp来处理静态资源文件,通常将处理好的文件生成到一个新的文件夹,也许会有这么一个疑问,既然都生成到新的文件夹里了,那页面引用不是乱套了?纯属个人观点 1、概述 1.1、本文基于静态站点分离结构所写 1.2、通过gulp打包好(压缩、合并等操作)资源,通常会生成到新的一个文件夹内。像这样: 2、结合gulp静态资源分离实现的目的 2.1、将静态资源(img...

30分钟学会使用gulp

30分钟学会使用gulp
gulp详细入门教程 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩...

‘gulp’不是内部或者外部命令,也不是可运行的程序或批处理文件

‘gulp’不是内部或者外部命令,也不是可运行的程序或批处理文件
前端技术在今年来可谓是百花齐放,以angularjs为代表的MVVM框架都有很多非常多的选择。当然构建工具也在进步,有比较成熟的grunt和新一点的gulp。今天在windows上就遇到’gulp’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。这样的提示,其实类似的错误在node工具里面是很相似的,都是因为没有配置全局的环境变量或者路径有错误导致的。 1、创建环境变量 NODE_PATH 2、值设置为%AppData%npmnode_m...
Copyright © 大一网 保留所有权利.  

用户登录

分享到: