随笔分类 -  web前端

vue input复选框checkbox默认样式纯css修改
摘要：{{item.title}} .tui-checkbox:checked { background: #1673ff; border: solid 1px #1673ff; } .tui-checkbox { width: 0.5rem; height: 0.5rem; background-color: #ffffff; border: so... 阅读全文
posted @ 2018-11-16 22:35 sunjun_coder 阅读(8598) 评论(0) 推荐(0)
html5新增选择器
摘要：分享点html5的学习笔记，比较基础，突然发现通过写博客来记笔记有很多优点呢，平常记得笔记比较简单，复习起来比较吃力，看自己的博客理解起来还比较轻松，而且只有真正理解了才能表达清楚让别人看懂，还锻炼语言表达能力呢，所以有条件就多写点东西吧 选择器 1 querySelector(如果是一组元素，只能 阅读全文
posted @ 2018-11-05 10:42 sunjun_coder 阅读(633) 评论(0) 推荐(0)
IOS安卓常见问题
摘要：一、IOS自带safari浏览器 1、safari不支持fixed+input输入框。 解决方案： http://www.haorooms.com/post/ios_fixed_input 2、safari图片加载失败，默认图片过大。 解决方案： http://www.haorooms.com/po 阅读全文
posted @ 2018-11-02 17:25 sunjun_coder 阅读(147) 评论(0) 推荐(0)
vue 根据设计稿rem适配
摘要：使用css实现rem适配，main.js rem.js body { max-width: 6.4rem; min-width: 3.2rem;} 阅读全文
posted @ 2018-11-02 17:05 sunjun_coder 阅读(532) 评论(0) 推荐(0)
数组、字符串对象的各种方法
摘要：数组的常用方法 1，shift()方法：把数组的第一个元素删除，并返回第一个元素的值 var a = ['a', 'b', 'c']; console.log(a,a.shift()); //['b','c'] 'a' 2,pop()：用于删除并返回数组的最后一个(删除元素)元素,如果数组为空则返回 阅读全文
posted @ 2018-11-02 14:52 sunjun_coder 阅读(357) 评论(0) 推荐(0)
复选框之checked属性
摘要：1、html中的checked属性。仔细研究下会发现一个很怪异的现象。 你知道上面这四个复选框到底那些被选中了？那些没被选中吗？ 其实乍一看我也不知道结果，运行完后也想不通为什么，查看资料才发现确实是那样的。 结果是： 其实原理是这样的，复选框里只要有checked属性，不管是否为其赋值，结果为空或 阅读全文
posted @ 2018-11-02 14:18 sunjun_coder 阅读(6193) 评论(0) 推荐(0)
localStorage、sessionStorage
摘要：既然涉及到HTML5知识，那么必定会存在一定的兼容性问题，这里就涉及到浏览器的支持情况了。 浏览器支持情况： Internet Explorer 8+, Firefox, Opera, Chrome, 和 Safari支持Web 存储。 注意: Internet Explorer 7 及更早IE版本 阅读全文
posted @ 2018-11-02 13:11 sunjun_coder 阅读(276) 评论(0) 推荐(0)
event.client、event.screen与event.offset（转载）
摘要：1、event.screenX与event.screenY。 首先，event.screenX是鼠标相对于用户显示器屏幕左上角的X坐标。 而event.screenY则是鼠标相对于用户显示器屏幕左上角的Y坐标。 在标准事件和IE事件中都定义了这2个属性 2、event.clientX与event.c 阅读全文
posted @ 2018-11-02 12:33 sunjun_coder 阅读(922) 评论(0) 推荐(0)
Sass嵌套
摘要：Sass 中还提供了选择器嵌套功能，但这也并不意味着你在 Sass 中的嵌套是无节制的，因为你嵌套的层级越深，编译出来的 CSS 代码的选择器层级将越深，这往往是大家不愿意看到的一点。 选择器嵌套为样式表的作者提供了一个通过局部选择器相互嵌套实现全局选择的方法，Sass 的嵌套分为三种： 选择器嵌套 阅读全文
posted @ 2018-11-02 12:28 sunjun_coder 阅读(238) 评论(0) 推荐(0)
Sass之混合宏、继承、占位符
摘要：1、混合宏。 当样式变得越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们目的了。这个时候混合宏就派上用场了。 而使用混合宏时，首先要声明混合宏，而声明混合宏时有两种，不带参数混合宏和带参数混合宏两种。 1.1 不带参数混合宏的声明要使用关键词@mixin。例如： 其中 @mixin 是用 阅读全文
posted @ 2018-11-02 12:24 sunjun_coder 阅读(323) 评论(0) 推荐(0)
获取图片实际渲染的宽度、高度与图片原始的宽度和高度
摘要：在写页面时经常会遇到需要获取图片的宽度、高度等情况。然而以前总是获取的是图片实际渲染的宽度和高度，也就是你用css或js设置后的图片的宽度和高度，并不是图片原始的尺寸。今天突然遇到这个问题，一时之间不知如何做，查了下资料，自己摸索了一下。特此总结一下。 例如。有这样一张图片，代码如下： 1、获取图片 阅读全文
posted @ 2018-11-02 11:51 sunjun_coder 阅读(3257) 评论(0) 推荐(0)
如何动态修改网页的标题（title）？
摘要：有时候我们需要复用一个页面，但是又希望他们拥有各自的标题，这时候就需要动态的去更改页面的title了，不然所有页面都是一个标题。 这时候就会想到使用js或jQuery去实现了。 1、js方式。 首先，我想到了使用document.getElementsByTagName()去获取页面的title标签 阅读全文
posted @ 2018-11-02 11:08 sunjun_coder 阅读(10930) 评论(0) 推荐(0)
移动端h5页面的那些坑
摘要：踩过许多坑。特此总结一下： 1、<input type='button'>背景色在ios中的兼容性，颜色发白 解决办法：在全局样式中加入以下代码： input[type=button], input[type=submit], input[type=file], button { cursor: p 阅读全文
posted @ 2018-11-02 09:49 sunjun_coder 阅读(3415) 评论(0) 推荐(0)

∧