技能考察: 一、关于Html 1、html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 a、理解:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代…
标签:css
JavaScript原型初学者指南
视频Videohttps://www.youtube.com/watch… 前言 如果不好好的学习对象,你就无法在JavaScript中获得很大的成就。它们几乎是JavaScript编程语言的每个方面的基础。…
CSS垂直居中
大家都知道css里面用text-align:center加上margin:0 auto就可以实现水平居中了,但是垂直居中却没有相应的css属性来设置,而如果要设置元素能够垂直居中必须得将容器设置为display:tabl…
伪元素 before 和 after 初探
伪元素 before 和 after 初探 运用了 CodePen 做演示,迎接点击预览 定义 起首来看 MDN 的定义: ::before 建立一个伪元素,作为已选中元素的第一个子元素,常经由过程 content 属性…
CSS编码规范
转载:原地址 1 前言 CSS作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致,容易被理解和被维护。 虽然本文档是针对CSS设计的,但是在使用各种CSS的预编译器(如less、sa…
设置图片水平垂直居中
第一种: 作为元素背景图片 <style> #app{ width: 500px; height: 500px; background: #ccc url('../../../static/images/de…
wepy 滑动删除功能
小程序wepy框架,前段时间做的项目使用到滑动删除功能,然后自己写了个组件,话不多说,直接上代码 <style lang=”less”> .swipe-item-wrapper{ ov…
Web前端开发流程
开发前准备 了解产品和设计 参加需求、交互、视觉会议,了解产品设计和项目成员。 了解产品面向的设备和平台。 了解产品对兼容性的要求以及是否采用响应式设计等。 提出疑问和见解 按需求结合现有技术,提出疑问和见解。 提出可能…
移动端键盘和光标的兼容那点事
作者:@micky思 @wupq @yewq 在H5的开发中,个人的制作页面布局习性不同,多多少少会产生在真机上input的光标和键盘的弹出会出现的各种BUG,文中整理了部分遇到的问题,欢迎新增 ios移动端输入框上浮导…
在一个元素上:hover,改变另一个元素的css属性
如果二者是父子关系,可以写成这种: .face:hover .eye-bottom { margin-top: 30px; } 如果是兄弟关系: .face:hover+.ear-wrap { transform: ro…
H5项目常见问题及注意事项
Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,initial-…
FCC成都社区·前端周刊 第 1 期
01. 2018 JavaScript 测试概览 文章引见了JavaScript测试的症结术语、测试范例、东西和要领,并扼要剖析了东西jsdom、Istanbul、Karma、Chai、Wallaby等,测试框架moch…