工作一年的前端,遇到了一个好的师傅(中科院在编,后辞职自己开公司的林姓大佬),首先感谢他,算是出门遇贵人了。普通的前端开发基本就是写写业务功能,复原页面UI(我承认css我写的不太好😂,但是不会就此停下脚…
分类:css
css3伪类和伪元素你都懂了吗
什么是伪类? 伪类用于定义元素的特殊状态。 例如,它可用于: 当用户将鼠标悬停在元素上时为其设置样式 访问和未访问的链接不同样式 在获得焦点时设置元素的样式 伪类的语法 后代选择器匹配作为指定元素后代的所有元素。以下示例…
实践得真知:css中height和width可以继承吗?
height是不能继承的 给一个元素的height设置100%的前提是该元素的父级的高度是确定的 一个元素的height: 1 可以不设置 2 可以设置百分比 3 设置固定的px的高度 4 可以设置auto 如果不设置,…
es8(字符串,对象
字符串补白: let str = "abc"; let a = str.padEnd(5); let b = str.padStart(5); let c = str.padEnd(5,"a"); let d = str…
canvas拼图功能实现
最近做项目的时候遇到照片拼图的功能,便在这里分享自己的封装的canvas拼图功能,可能代码写的不好,如果有疑问或者是有更好的方法的,可以私聊我,或者是评论指出,感谢各位 实现的思路其实挺简单的,主要是通过服务端获取图片链…
【学习笔记】CSS深入理解之float
张鑫旭的CSS深入理解之float浮动学习笔记 float的历史 float为产生文字环绕效果而生 float的特性 — 包裹和破坏 包裹:即产生一个BFC破坏:使父容器塌陷,元素脱离文档流,产生inline boxes…
【学习笔记】CSS深入理解之overflow
《张鑫旭的CSS深入理解之overflow》学习笔记 overflow基本属性 overflow属性介绍 overflow: visible(默认)|hidden|scroll|auto|inherit 当overflo…
微信小程序改变 button disabled 样式
微信小程序Button怎么设置disabled时的样式? /** 必须“提升指定样式规则的应用优先权(!important)。” **/ button[disabled] { color: #fff !important…
小程序/uniapp支持的css选择器一览
本次测试主要参考文档为w3school CSS 选择器参考手册 (主要是安卓/ios/微信小程序的css选择器兼容) 入坑uniapp/小程序过程中看到dcloud/微信对支持的css选择器的描述只有六个,分别是.cla…
那些年踩过的坑——h5页面在ios端点击高亮闪烁
记得那是第一次独自完成一个项目,现在看来,那个项目会很简单的,但那个时候还是挺有成就感的。 当时碰到过一个问题,h5页面在ios端点击的时候,整个页面会高亮的闪烁一下,特别明显,被测试狂崔。。。最后发现是 css样式的问…
Web前端开发流程
开发前准备 了解产品和设计 参加需求、交互、视觉会议,了解产品设计和项目成员。 了解产品面向的设备和平台。 了解产品对兼容性的要求以及是否采用响应式设计等。 提出疑问和见解 按需求结合现有技术,提出疑问和见解。 提出可能…
PC端各分辨率适配
最近在写一个PC端的活动页面,即将完工的时候,增加了个需求,想让页面适配不同的分辨率,既然提出了这样的需求,那么我们就要去尽量满足。之前一直写的是固定版心,然后在将容器居中,这样写的话,就导致页面在低分辨屏幕下会出现横向…