CSS
A_one2010
欢迎广大前端爱好者及老司机光临指导!!
gitchina地址: https://git.oschina.net/A_one2010
gitHub地址: https://github.com/CodLee
csdn博客地址: http://blog.csdn.net/a_one2010
展开
-
H5页面兼容offsetTop
offsetTop兼容原创 2024-03-19 09:07:11 · 362 阅读 · 1 评论 -
移动端小于12px 字体解决方案
随着h5 的兴起,设计的五花八门,页面存在许多小号字体。但移动端对小于12px的支持度不一,详见下面测试。https://www.cnblogs.com/he-lian/p/4512276.html?_t_t_t=0.47901571358823203 那么我们如何在特定区域展示小号字体呢。首先想到的方案就是缩放,使用 transform: scale(0.5),使用trans...原创 2020-04-29 09:43:19 · 2853 阅读 · 0 评论 -
vue 父子组件pros传递快速更新 ---修饰符 sync
在vue项目中,我们经常会遇到入下情况,将部分代码组件化,成为子组件复用,那么在属性值的传递过程中,又会遇到子组件内想要改变传递的属性值的时候,父组件的值不同步的问题,该如何解决这个问题呢? 方法1:子组件内emit方法,父组件接收到然后在父组件内修改。 在子组件内,想要修改传递的值该如何修改呢,如果直接 this.value = "" 通常会报不可直接修改的错误。此...原创 2020-04-03 11:29:23 · 408 阅读 · 0 评论 -
ios 固定定位元素被隐藏的问题
在做web-app应用的时候,做了一个类似于通讯录的组件时,遇到ios系统将固定定位的元素部分隐藏的问题,页面如下右侧导航的a-z被半部分隐藏,而在安卓或者chrome模拟则没有问题,如图感觉非常奇怪,找了很久也没找出来。某天心血来潮,认为应该是overflow:hidden导致,因为导航组件在整个通讯录组件内部,而右侧固定的超出了通讯录组件的,最后在包裹通讯录组件的外部dom元素...原创 2018-09-06 17:12:41 · 2055 阅读 · 0 评论 -
vue项目中 postcss-pxtorem 的使用及webpack中的配置
移动盛行的时代,越来越多的手机型号要求我们在制作嵌入h5的时候去适配不同的手机。适配有多重模式,就像布局有flex、百分比等。字体大小的控制也有px、百分比、rem等单位,这篇文章来回顾下webpack中关于px转rem。1 安装依赖包 npm install postcss-pxtorem --save-dev2 创建 .postcss.js文件,做webpack相关配置配置...原创 2018-08-06 14:44:03 · 13385 阅读 · 0 评论 -
百度富文本自定义 命令
百度富文本虽然是一款功能强大的富文本编辑器,但是在工作中往往会遇到更多想象不到的问题,那么就需要我们扩展百度富文本的功能,分享一下如何扩展百度富文本。以做过的替换表头为例:首先,找到ueditor.all.js ,添加一下代码:此代码功能是 将table 表头 <table ...... > 替换为'<table border="1" cellpadding="0"...原创 2018-07-20 11:45:40 · 705 阅读 · 0 评论 -
居中自定义长度三栏布局
<div style="display:flex;justify-content: center;"> <div style="text-align:right;display: flex;align-items: center;padding-right:5px;"> <i class="iconfont icon-s...原创 2018-07-18 11:11:27 · 555 阅读 · 0 评论 -
嵌入式webAPP应用的部分兼容性问题
通用性:l 为解决点击延时添加 fastclick 导致 1:移动端虚拟键盘呼出时未能将页面置顶,遮盖输入框,切无法滑动至可见区;2:点透现象:点击某一选择框时,拉出下一输入框可选项;解决方案:去掉fastClick包的引用。// const FastClick = require('fastclick')// FastClick.attach(document.bod原创 2018-02-28 10:18:32 · 691 阅读 · 0 评论 -
利用css3vilid 验证input email邮箱
Documentinput.email:valid{background-color: green;}input.email:valid+input{background-color: green;}input.email:invalid{background-color: red;} input.email:in原创 2017-08-25 11:28:53 · 1874 阅读 · 0 评论 -
iconFont基于bootstrap的扩展
字体图标的使用原创 2017-06-13 20:24:39 · 1556 阅读 · 0 评论 -
sublime text 的快捷键
Sublime Text 快捷键的使用快捷键列表(Shortcuts Cheatsheet)转载 2017-03-31 20:32:21 · 277 阅读 · 0 评论 -
程序员常用英文单词汇总
编程常用单词汇总转载 2017-06-01 16:13:00 · 2617 阅读 · 0 评论 -
自定义网页滚动条---::webkit-scrollbar
滚动条原创 2017-04-27 09:46:09 · 946 阅读 · 0 评论 -
前端中的那些注释
web注释原创 2017-04-10 15:45:12 · 2614 阅读 · 1 评论 -
多维数组VS多维空间
数组VS物理多维空间多维数组是如何构成的:在数组的定义里,只有一维数组的概念,通常用[ ]表示,并没有定义多维数组。但是,幸运的是,因为并没有规定数组里面的元素的数据类型。所以,可以设置数组内部的元素亦是一个数组,如下[ [],[],[],[],1,2,3],此时,就形成一个二维数组,一次类推,在数组内嵌套数组,形成多维数组,表示方法为arr[0][0][0].....多维原创 2017-01-15 17:44:57 · 611 阅读 · 0 评论