上一页 1 2 3 4 5 6 ··· 16 下一页
2022年11月15日
Javascript中字符串的instanceof String的结果
摘要： 如果是单纯的字符串赋给变量,虽然类型为string,但是instanceof String是false,并不是String对象,因为没有创建实例. 而这种new一个String实例则instanceof是属于String，但是typeof在原型链中找最高级，new String() 属于对象，则控制 阅读全文
posted @ 2022-11-15 12:04 EricYJChung 阅读(1679) 评论(0) 推荐(0) 编辑
Javascript的字符串不可变性
摘要： JS的字符串不可变指的是字符串值是不变的,只是变量指向的地址变化了,重新在内存中开辟了空间. var a='111'; var a='222'; 此时字符串'111'的空间依然存在内存中,重新开辟了一个空间存放'222',同时变量a指向了这个新的空间地址. 基于这个特点,尽量不要在JS中大量的拼接字 阅读全文
posted @ 2022-11-15 00:09 EricYJChung 阅读(276) 评论(0) 推荐(0) 编辑
2022年11月13日
Javascript的预解析
摘要： 浏览器不是直接运行JS的,是调用js引擎运行js. js引擎运行js分为两个步骤: 1.预解析 :js引擎会把js里面所有的var,以及所有的function提升到当前作用域的最前面 2.代码执行 :按照代码的书写顺序从上往下执行 预解析: 变量预解析--变量提升,就是把所有的变量声明提升到当前的作 阅读全文
posted @ 2022-11-13 22:48 EricYJChung 阅读(15) 评论(0) 推荐(0) 编辑
2022年11月10日
野花--bootstrap一行平均分为5列
摘要： 在用bootstrap4的时候,因为要分一行5列显示,但是如果直接设置为col-2,就无法完全居中,如果加justify-content-center,那么自动换行就无法从排列在左侧开始,如图 因此,在网上找到了一些大神写的一行5列的代码: <style> .col-xs-2-half, .col- 阅读全文
posted @ 2022-11-10 20:26 EricYJChung 阅读(721) 评论(0) 推荐(0) 编辑
2022年11月7日
css通用效果代码
摘要： 1.小米的hover上移效果 &:hover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-transform: translate3d( 阅读全文
posted @ 2022-11-07 15:27 EricYJChung 阅读(25) 评论(0) 推荐(0) 编辑
2022年11月6日
野花--利用伪元素画线
摘要： 有的时候我们可能希望的border线要小于元素本身,就无法使用border来画线,我们可以直接利用伪元素画细线 li { &::before { position: absolute; content: ''; background: #665e57; top: -1px; left: 6px; w 阅读全文
posted @ 2022-11-06 23:22 EricYJChung 阅读(36) 评论(0) 推荐(0) 编辑
野花--css实现元素竖向排列 --- writing-mode和flex的区别
摘要： 我是在做小米商店首页的侧边栏hover显示时碰到的这个要求,因为想尽量简洁架构,因此侧边栏hover出来的页面也想放在侧边栏的 li元素中,所以就出现了一个限制条件,即li是有宽度限制的,同时li所在的父元素也是有宽度限制的,在第一次尝试使用flex做纵向排列时,出现了背景色不能按照flex纵向排列 阅读全文
posted @ 2022-11-06 18:37 EricYJChung 阅读(805) 评论(0) 推荐(0) 编辑
2022年11月5日
野花--input获取焦点，改变父元素,改变兄弟元素,不使用js来实现
摘要： :focus-within:focus-within 是一个CSS 伪类 ，表示一个元素获得焦点，或该元素的后代元素获得焦点。换句话说，元素自身或者它的某个后代匹配 :focus 伪类。（shadow DOM 树 (en-US)中的后代也包括在内） form:focus-within { .inpu 阅读全文
posted @ 2022-11-05 15:52 EricYJChung 阅读(436) 评论(0) 推荐(0) 编辑
2022年11月4日
野花--flex布局小技巧之让某个子元素靠右或靠左显示
摘要： flex布局小技巧之让某个子元素靠右或靠左显示 以下以块元素的Flex布局为示例：只需要两句代码，轻松搞定！ 代码1：在父元素里面加入以下代码：（父盒子加了display: flex，就相当于起到浮动的效果，盒子会自行排列成一排） display: flex 代码2：在需要移动的子元素里（此处为靠右 阅读全文
posted @ 2022-11-04 19:49 EricYJChung 阅读(2996) 评论(0) 推荐(0) 编辑
野花--使用开发者工具查看及调试hover等状态的样式
摘要： 第一种: 选中需要检查hover状态的元素,在开发者工具中的force element state中强制选择响应的状态,就会显示响应的css样式. 但是这种调试依然无法直接在页面上实时看到hover的样式. 第二种: 在开发者状态下,进入sources标签栏, 鼠标移动到页面你要hover的对象,显 阅读全文
posted @ 2022-11-04 17:37 EricYJChung 阅读(706) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 16 下一页
点击右上角即可分享
微信分享提示