- 博客(5)
- 收藏
- 关注
RSS订阅原创 webpack
文章目录自定义webpack打包的入口与出口css-loader的安装与配置style-loader的安装, 引入style标签less 与 less-loader的安装与配置, 解析less文件file-loader 与 打包图片url-loader 与 base64编码webpack5对图片的打包方式: asset module type打包字体图标clean-webpack-plugin 一个在打包时, 自动清理原先打包目录的插件html-webpack-plugin 打包index.html
2021-11-04 21:01:23
157
原创 逐行分析flexible.js源码
//立即执行函数 , 传入了window对象和DOM对象 (function (window, document) { //window.devicePixelRotio:设备像素比. //PC端的window.devicePixelRotio默认为一, //但若通过比如操作系统的缩放功能则会更改像素比.比如我的笔记本缩放了125%,返回的就是1.25 var body = document..
2021-09-05 16:29:49
169
原创 PC端的1px在移动端真的是1px吗? 浅谈设计师口中的1像素与前端口中的1像素
查了一上午资料,经历无数虚假文章洗礼后我,我!..终于弄懂了…这个问题原来是个UI设计师和前端开发的撕逼问题… 事情还要从那张’750px’设计稿说起… 一般UI交付一张750px的设计稿给前端,由我们将其还原为移动端,一般是还原适配ipone678 好,我们拿到设计稿.摩拳擦掌,兴致冲冲的跑去代码 嗯…border:1px solid #333; 好的 !一个边框属性就这么被愉快的写了进去. 经过我们的努力奋斗,网页效果终于被完全还原了出来, 于是交付给UI设计师审查过目,看看还原的效果合不合格… UI设
2021-09-01 10:07:45
445
原创 flexible 粘贴即用
//可自行对比 (function flexible (window, document) { var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize () { if (document.body) { document.body.style.fontSize = (12 *
2021-08-20 19:06:35
459
原创 前端HTML与CSS入门-一份媲美黑马培训班2万学费的知识干货
前端HTML与CSS入门-一份媲美黑马培训班2万学费的知识干货 **1. HTML部分 2. CSS部分** 什么是HTML? 一:Html学习开始之前的知识铺垫: 初识HTML HTML的定义 何为"超文本" 何为"标签" 标签的并列与嵌套 单标签与双标签 何为"元素" 元素的属性与键值对 初识浏览器 前端开发常见的浏览器 浏览器的内核 网页与网站 字符编码 从写代码到浏览器展示页面之间,到底发生了什么? 第一步:将你写的
2021-08-15 00:34:35
680
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人