按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 有动画的天气卡片https://codepen.io/steveg3003… 纯 css 画的基因螺旋结构https://codepe…
标签:css
『总结』常见开发问题解决
移动端开发 a标签中的href属性,在去除跳转需求,事件选用click而不是tap,tap使用会失效。 $(document).on('click', '.J_Remove', function(e) { return …
开源 lattice-plane 格子飞机游戏
lattice-planelattice-plane是一个开源的h5移动端游戏,使用webpack打包,babel装换代码。 github地址:https://github.com/yujingwyh/…游戏…
三列布局
参考链接:https://juejin.im/post/5c85f0… float + margin + calc <style> .parent{ overflow: hidden; } .le…
React项目 - 几种CSS实践
前言团队在使用react时,不断探索,使用了很多不同的css实现方式,此篇blog总结了,react项目中常见的几种css解决方案:inline-style/radium/style-component,只列举了团队项目…
input输入框只能输入数字,只能输入字母数字组合
输入大小写字母、数字、下划线: <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线…
如何优雅的选择字体(font-family)
大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下: 一、首先我们看看各平台的默认字体情况 …
css实现水平居中和垂直居中的常见方式
我们在实际工作中常会遇到需要设置居中的场景,居中分为水平居中和垂直居中。针对不同的情况又有不同的实现方式,例如行内元素和块状元素。 水平居中: 行内元素:text-align:center;//这个比较简单 块状元素:定…
前端笔记
一:HTML+css 1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML …
【每日一包0021】csv2,through2
[github地址:https://github.com/ABCDdouyae…] csv2 采用流模式读取.csv文件,每次读取一行数据 through2 对node流的二次封装,更加易于使用 普通用法 t…
表单短标题不同字数两端对齐问题
方法一:利用letter-spacing属性和em 参考:https://blog.csdn.net/muyutin… html <span style="font-size:12px;"><…
前端—初级阶段1(1-4)
内容 1.课程体系介绍、HTML+CSS基本入门知识 2.网站运行原理 3.HTML常用标签、表单新类型、网页SEO优化 4.HTML5语义化标签、音视频标签 HTML 参考手册 主讲详情 一、网站运行原理 二、HTML…