CSS
文章平均质量分 78
谭光志
FE/Nodejs/Rust 全栈
Github: https://github.com/woai3c
展开
-
移动端开发一些常见问题的解决方案
1. 页面适配这一点不能算是建议,应该说是解决方案。最近查了好多关于移动端关于适配的资料,把人都看懵了,收获了以下名词CSS像素、物理像素、逻辑像素、设备像素比、PPI、DPI、DPR、DIP、Viewport说实话,我一点都不想了解这些名词到底有着什么样的解释,只想知道怎么让开发的页面能适配各种移动端设备。简单点说,我想知道设备的真实开发尺寸是多少(根据这几天查资料所得,这个概念叫逻辑...原创 2019-12-13 11:05:23 · 338 阅读 · 0 评论 -
贪吃蛇(JavaScript实现)
在线预览HTML代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title&amp原创 2018-08-28 10:01:14 · 442 阅读 · 0 评论 -
推箱子(JavaScript实现)
github项目地址 在线预览原创 2018-08-28 10:05:02 · 2243 阅读 · 0 评论 -
实现一个迷你版的vue
项目地址实现一个带响应数据的迷你vueVue实例化过程实例化之前Vue会先给Vue挂载一系列的原型方法以及静态方法、属性实例化时会对选项参数进行规范化、合并等操作通过自定义Render方法、template、el等生成Render函数数据进行绑定 通过Watcher监听数据的变化数据发生变化时,render函数会执行生成VNode对象通过patch方法,对比新旧VN...原创 2018-08-29 14:23:21 · 1245 阅读 · 0 评论 -
上百道最新前端面试题
持续更新原创 2018-11-11 18:14:10 · 284 阅读 · 0 评论 -
栅格化系统的原理以及实现
更多技术文章什么是栅格化在一个有限的、固定的平面上,用水平线和垂直线(虚拟的线,“参考线”),将平面划分成有规律的一系列“格子”(虚拟的格子),并依托这些格子、或以格子的边线为基准线,来进行有规律的版面布局。通俗点来说,就是人为的把网页中的一行,等比例划分,比如将一行划分为 12 等分。然后在每个格子里进行页面开发,这就栅格化。原理假如在页面里定义了一个 DIV,并设置如下 CSS 属...原创 2019-04-04 11:45:39 · 4730 阅读 · 1 评论 -
前端新手入门的各种练手小项目(百度前端学院任务)
在我学习前端的时候,最烦恼的是看了书却不知道通过做什么项目来实践,从而把理论知识变成真正的看得见的“东西”。直到我接触了百度前端技术学院(IFE),里面有很多小任务,都是针对前端的某一个知识点的小任务。我印象特别深刻的是2016年的任务,因为它非常符合前端新手入门,足够简单,足够详细。2017年和2018年的任务我都做了,虽然对于已经入门了的我来说,不算什么难事。但我还是不建议新手做2017...原创 2019-03-24 14:40:20 · 12144 阅读 · 7 评论 -
2019前端最全面试题
项目地址HTML问题HTML5语义化什么是语义化?就是用合理、正确的标签来展示内容,比如h1~h6定义标题。好处易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析,如盲人阅读器根据语义渲染网页有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。http://www.daqian...原创 2019-04-27 12:15:53 · 889 阅读 · 2 评论 -
用canvas实现手写签名功能
最近开发网站有一个需求,要求页面上有一块区域,用户能用鼠标在上面写字,并能保存成图片 base64 码放在服务器。这样的需求用 canvas 实现是最好的。需要用到 canvas 的以下几个属性:beginPath 创建一个新的路径globalAlpha 设置图形和图片透明度的属性lineWidth 设置线段厚度的属性(即线段的宽度)strokeStyle 描述画笔(绘制图形)颜色或...原创 2019-04-23 14:12:19 · 1615 阅读 · 0 评论