html学习
关注
分享
扫一扫
Sukla
It's my life !
展开
-
网页在浏览器中的title前面的小图标小ico
1，在网页在浏览器中被打开的时候，会发现有些网页在title标题前面还有个小图标，一般是公司的logo;2，尝试了一种写法：;3，.ico是我用一个32*32的png在在线工具上生成的http://www.faviconico.org/4，在一般的html页面中能显示，在jsp中一定要注意路径，容易出错；原创 2017-09-19 14:01:25 · 3273 阅读 · 0 评论 -
行高line-height的继承
1、line-height:1.5 body{font-size:40px;line-height:1.5;}p{font-size:20px;}此时页面上的 p 原素的行高是 1.5*20px=30px;2、line-height:150%，body{font-size:40px;line-height:150%;}p{font-size:20px;}此时 p 元素的行高...原创 2018-07-04 20:55:35 · 917 阅读 · 1 评论 -
给替换元素input、textarea设置占据一整行
1、input、textarea是行内元素，如果设置了display:block,会发现它所占据的宽度并没有变成父容器的宽度2、如果设置了width:100%的话，确实会占据一整行，但是再设置margin、border、padding的话，又会溢出...原创 2018-06-30 16:46:31 · 1538 阅读 · 0 评论 -
npm 插件 制作 发布 更新
1，插件功能 是一个消息弹窗 效果如图 2，创建package自己新建一个目录 view-toast-m-m在 view-toast-m-m 目录下执行 npm init会在目录下生成 package.json 文件3，编写插件新建目录 view-toast-m-m /src/lib view-toast-m-m /src/lib 目录下创建 vue-toa原创 2017-12-28 15:02:49 · 1978 阅读 · 1 评论 -
textarea 禁止改变大小
1，resize:none；width:固定值；min-width:固定；max-width:固定；height:固定；min-height:固定；max-height:原创 2018-01-11 09:19:42 · 576 阅读 · 0 评论 -
清除浮动 overflow:hidden FC IFC BFC
1，清除浮动的时候 常用 overflow:hidden 2，通常是父元素高度坍塌 就给父元素加上 overflow:hidden 或者一个浮动元素和后边的非浮动元素重叠了 就给后面的非浮动元素加上 overflow:hidden3，FC 是一个渲染区域 这个区域有一套渲染规则 规定里面的子元素是从上到下 还是从左到右 计算整体高度的时候要不要排除浮动元素等 4，BFC 是一个子元素从原创 2017-12-15 22:14:28 · 490 阅读 · 0 评论 -
单页应用中刷新时保持登录
1，登录之后将用户信息存到 cookies 中 在页面每次加载时候 向后端校验 cookies 中的用户信息是否有效 如果失效 就将登录状态变为登出原创 2017-12-15 22:02:42 · 1744 阅读 · 0 评论 -
输完密码后回车登录
1，给密码输入框添加键盘事件 onkeydown 在匹配到 enter 键的时候 执行登录方法原创 2017-12-15 22:07:49 · 1129 阅读 · 0 评论 -
div+css 三栏式布局
1，效果图2，方法一 三栏式布局 .main{ background-color: #22bd7a; margin:0 300px 0 200px; height: 500px; } .left{ width: 200px; height: 100%;原创 2017-12-15 21:44:24 · 549 阅读 · 0 评论 -
IE浏览器bug 原因 haslayout
1，元素可以根据自己的设置来渲染 也可能是根据父元素的设置来渲染 一个元素如果要计算它的子元素的布局 那么这个元素的 haslayout 属性为 true 来控制子元素的渲染 需要消耗一些资源2，一个元素如果不用计算它的子元素的布局 那么这个元素的 haslayout 属性为 false3，ie 5 6 为了不消耗太多的资源 只默认给一部分元素的 haslayout 属性 设置为true例原创 2017-12-15 21:59:38 · 272 阅读 · 1 评论 -
html拾遗第3天，history
1，history.go(0) 刷新页面2，history.go(1) 前进3，history.go(-1) 后退原创 2017-11-22 22:28:25 · 234 阅读 · 0 评论 -
vue学习第24天，启动本地MongoDB 启动node搭建的服务器 设置跨域 调用接口
1，已经在服务中添加了MongoDB 点击启动ctrl+r cmd 在控制台查看 已经启动了2，设置跨域 使用axios 的时候并不能跨域 要使用 target 插件 找到 vue 项目 config/index.js 文件 找到dev 修改 proxyTable设置dev:{...proxyTable:{'接口名字':{//当这个接口在前台被调用的时候原创 2017-12-01 22:05:52 · 695 阅读 · 1 评论 -
html拾遗第2天，页面上进行权限控制
1，给权限模块添加标识符2，页面加载后 根据角色获取权限 根据权限 删除没有权限的模块 或者根据权限渲染对应的模块原创 2017-11-14 21:41:32 · 2456 阅读 · 0 评论 -
html拾遗第1天，form 提交
1，form 表单用 submit 提交的时候 会刷新页面 如果有动态的验证码的话 可能会发生请求中断 可以使用按钮点击事件来提交表单内容2，form 表单中的 buttom 的点击事件 默认会触发 表单 的 submit 事件 如果不想发生 动态验证码 请求中断 应该在 form 里面的 button 的点击事件里面 禁用 默认事件e.preventdefault()3，ajax 请求的原创 2017-11-08 19:37:27 · 196 阅读 · 0 评论 -
锚点与焦点
1、通过name和id可以设置锚点跳转2、当锚点跳转的时候，锚点元素会挪到当前页面顶部，如果后面的内容能填满底下的页面的话3、当表单元素获取焦点的时候，这个表单元素会挪到当前页面的合适的位置，不一定是顶部4、可以使用锚点与焦点配合overflow:hidden不用javascript实现tab页签切换效果<!doctype><html><head><...原创 2018-07-14 08:50:53 · 380 阅读 · 0 评论