vue-router是vue单页面开发的路由,就是决定页面跳转的! <router-link> 组件支持用户在具体有路由功能的应用中(点击)导航.通过to属性指定目标地址. Props 属性 1.to 表示目标路由的链接.当被点击后,内部会立刻把to的值传到router-push(). <router-link :to="‘home‘">Home</router-link> <router-link :to="{ path: ‘hom

转载自:https://www.cnblogs.com/xiaoloulan/p/5801663.html 前端性能优化一直是一个比较热门的话题,我们总是在尽我们最大的努力去,提高我们的页面性能,比如减少HTTP请求,利用工具对资源进行合并压缩,脚本置底,避免重复请求,css sprite等等.其实大量的方法都是在减少文件大小,减少请求,优化JS,很少有人对css十分关注,甚至有人都不对css进行压缩. 其实,不规范的css会导致很多性能问题,这些问题可能在一些小的项目中不够明显,但是在大型项目

作为前端开发人,经常头疼于雷鸣,标签,id名的命名,不知道应该基于什么原则. 原则: 2 当命名的时候,问自己,这个元素是要来做什么?(根据使用目的).ad-banner 4 避免依靠位置和视觉效果命名.如.red-link #left-column 3 使用更加直观的命名. 虽然#header 有点用location来命名,但是这基本都遵守,比用#branding更加直观 如果我问 bob 这个类,id是做什么的,他是否会自动知道 好处: 当你一个right-cloumn想移到左侧时,就会引起

.listyle{ color:blue; background-color:red /* background-color:"#006633" */ } .intro{ font-size:120%; color:blue; } .note{ background-color:yellow; } /* ul { background-color:#006633 } */不需要加引号,加了不对 *************ul标签>***************** <ul&

img{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }

http://www.cnblogs.com/SharkXu/archive/2006/08/24/EnterGoto.html

前言:JS输入框模糊匹配插件以前在工作写过一个类似的 所以这次写轻松很多,这次写优化了几个方面: 1. 添加动态加载css文件 不需要引入css css全部在JS动态生成. 2. 不需要额外的标签 只需要一个input输入框 并且默认指定一个class类名为 "inputElem" 当然也可以自己配置参数 还需要一个当前父级容器增加一个默认类名 parentCls(也可以自己配置),因为输入框匹配值后需要一个隐藏域 所以需要隐藏域增加一个class "hiddenCls&qu

登录,生成随机图片验证码 一.登录 - 随机生成图片验证码 1.随机生成验证码 Python随机生成图片验证码,需要使用PIL模块,安装方式如下: pip3 install pillow 1)创建图片 from PIL import Image img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255)) with open('code.png', 'wb') as f: # 保存在本地(即写入硬盘) img.save(f,

通过使用CSS,控制文本的字体,风格和颜色 1.基本操作: body{ font-family: Verdana, Geneva, Tahoma, sans-serif } body{ font-size: 14px } body{ color: silver } body{ font-weight: bold } body{ text-decoration: underline } 注释: font-family:定制页面中使用的字体 font-size:控制字体大小 color:为文本设置颜

在书写html和CSS过程中,如果只是想要实现网页的外观和基本功能,那么简单的书写代码就可以满足需求,甚至不需要使用类名或者注释等.但实际上,这么写肯定是不行的,首先对于类同结构的重复书写就是一件很浪费时间,并且很大程度上增加错误几率的方法,代码量增加了很多,错误的可能也增加了许多:其次,对于一个页面而言,代码并不是一次性的东西,所以对于页面代码的二次阅读是难以避免的,这时候,就会发现面对自己书写的代码一片茫然,就算是配合检查器检查观看,也不一定能保证在大量的选择器中正确修改代码,而且还可能由于

void元素是指HTML页面中开始标记和结束标记之间没有任何内容的元素. 应当使用相对链接来链接同一网站中的页面,而用URL来链接其他网站上的页面. 浏览器读取计算机本地文件时会使用file协议.文件URL后面有3个斜线. 通常默认传输的端口是80. a元素有一个title属性,用来提供链接的信息. a元素可以带一个id属性,从而直接访问页面中的一个特定点.不论是相对链接还是URL,要链接到页面中的一个特定目标,只需要在链接最后加一个#,再加上目标标识符. 可以为任何元素添加title和id属性

前面的话 每次写HTML结构涉及到CSS命名时,都要挣扎一番.关于CSS命名的规范,市面上有不少,如OOCSS.SMACSS.BEM和MVCSS等.在这里面最火的应该算BEM了.本文将详细介绍CSS命名 主流命名 [BEM] 说起CSS命名,当然要提到BEM.BEM的意思就是B模块(block).E元素(element).M修饰符(modifier).模块和子元素之间用两个下划线分隔,子元素和修饰符之间用两个中划线分隔   关于子元素E,有两种写法.一种是按照层级嵌套来写,如block-ele1

1.组织的重要性. 首先是要建立两个根文件夹,一个存上线页面的资源,一个存测试页面的资源.所有改动内容都在测试页面的文件夹中进行,在这个文件夹中进行测试.W3C语法检测后(HTML检测网站:https://validator.w3.org/#validate_by_uri:CSS检测网站:https://jigsaw.w3.org/css-validator/),再把测试文件夹的资源覆盖上线文件夹.(这一条只适用于静态网页,即没有任何输入的页面.如果是存着数据的,应该不是这样直接覆盖(数据也被覆

CSS的部分: CSS四种类引入方式(了解) style的定义原则: 基本选择器 示例: 层级选择器 组合选择器 后代选择器 ★ 子代选择器 毗邻选择器 普通兄弟选择器 “与”选择器 ★ “或”选择器 ★ 一个标签同时应用多个class 自定义属性选择器 属性选择器 ★ 固定标签的属性的选择器 ★ 基于通配符的属性的选择器 伪类选择器 :hover 其他伪类标签 给子标签设置伪类选择器 :after :before 在CSS中增加内容. 选择器优先级 多级标签嵌套时优先级 CSS属性操作 tex

margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边. margin: 包括margin-top.margin-right.margin-bottom.margin-left,控制块级元素之间的距离,它们是透明不可见的. Padding: 包括padding-top.padding-right.padding-bottom.padding-left,控制块级元素内部,content与border之间的距离. 例子h2: h2 {    font-s

第七章 CSS入门 元素的许多属性都可以设置样式,太多了,记不住,可以参考<CSS Pocket Reference>. 外部样式表,<link type = "text/css" rel = "stylesheet" href = "lounge.css"> CSS包含一些简单的语句,称之为规则.典型的规则包括一个选择器,以及一个或者多个属性和值.选择器将制定规则将应用于哪些元素.记住,每个属性声明要以分号结束. 可以使

简单地总结了一下前端用过的html.javascript.css技术,算是清点一下,做个大略的小结,为进一步的学习给个纲领. 一.HTML 由于HTML5的兴起,简单地判断一个网页是否是html5网页,只需要找找内部是否有html5的标志性标签就行了.然而平时虽然写了不少html,却没怎么关注它的发展史: GML(Generalized Marcup Language)通用标记语言 和SGML(Standard Generalized Markup Language)标准通用标记语言. 由Tim

css的团队合作规则以及怎样写出高性能的css代码. 一.使用Reset但并非全局Reset 同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容.但需要注意的是,请不要使用全局Reset: ;; } 这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距.在此建议参考YUI Reset和Eric Meyer的做法. html{ color:#000; background:#FFF; } body, div, dl,

CSS架构 有趣的是,我们通常不这样评判其他语言.一个Rails开发者不会因为他写的代码规范就认为他是一个好的开发者.因为这是最基本的.当然它必须是满 足规范,除此以外还要考虑其他方面:代码是否有可读性?他是否容易修改或是拓展?他是否跟程序的其他部分解耦合?他是否可以扩展? 当评估代码其他部分时这些问题是自然的,所以css也不应该例外.如今的web应用程序比以往大很多,一个考虑不周的css架构足以阻碍web程序的发展.是时候像评价应用程序其他部分一样的方式评价css.他不是一个事后的产生的想法或

邮箱因为默认了line-height?:170%,导致采用table元素时继承问题,可以采用line-height:50% 很好解决. 常 在使用float时,后面的显示不正常,因为继承了float了,可以采用clear来实现正常,当采用了display:inline-block实现 块与块之间连接后,由于ie6不正常,可以采用margin移动到目标实现,很多时候,input,hx,p在浏览器中总是不在正中间可以采用line- height高度和height高度一致实现.实现居中最常用的方法就是

虽然写过很多css代码,但每次动手写都让我痛苦不堪,如何组织好那一堆堆的代码,如何提高代码复用率,甚至如何命名类,这些都让我纠结.下面的浅显的谈一谈在看了<编写高质量代码>中的html和css部分以及搜索网络上一些相关资料对编写高质量的HTML和CSS的一些基本认识. HTML 在说css之前必须先说说html ,没有它css是浮云.就像是要建栋别墅,光有那些装饰品(css)没有房子基本的结构(html)是不可能造出真正好看又实用的别墅的.其实html结构并不是简单的table或一堆堆的div