2021年7月16日
CSS IN JS （polished.js用法）
摘要： 由于 CSS 的封装非常弱，导致了一系列的第三方库，用来加强 React 的 CSS 操作。它们统称为 CSS in JS，意思就是使用 JS 语言写 CSS。根据不完全统计，各种 CSS in JS 的库至少有47种。老实说，现在也看不出来，哪一个库会变成主流。 你可能会问，它们与"CSS 预处理 阅读全文
posted @ 2021-07-16 16:47 Peter_Yang0942 阅读(442) 评论(0) 推荐(0) 编辑
CSSNext PostCSS 兼容使用CSS新特性
摘要： cssnext是什么? PostCSS-cssnext是一个PostCSS插件，帮助您使用最新的CSS语法。它将新的CSS规范转换为更兼容的CSS，所以你不需要等待浏览器的支持。 安装： npm install postcss postcss-cssnext cssnext 包含了大量的新特性： l 阅读全文
posted @ 2021-07-16 16:04 Peter_Yang0942 阅读(228) 评论(0) 推荐(0) 编辑
CSS样式权重的级联cascade的概念
摘要： W3C是这样来描述的：css级联为每个样式规则指派权重，若元素应用了多个样式规则，那么将优先使用权重最高的的样式。 CSS的全名叫做Cascading Style Sheets，译为层叠样式表（也可以叫级联样式表）。 <html> <head> <title>层叠特性</title> <style 阅读全文
posted @ 2021-07-16 11:31 Peter_Yang0942 阅读(131) 评论(0) 推荐(0) 编辑
利用 css grid 页面常规布局
摘要： Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。 Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Gr 阅读全文
posted @ 2021-07-16 11:23 Peter_Yang0942 阅读(48) 评论(0) 推荐(0) 编辑
2021年7月15日
CSS实现瀑布流布局
摘要： 一、通过Multi-columns相关的属性column-count、column-gap配合break-inside来实现瀑布流布局 HTML <div class="masonry"> <div class="item" style="height: 50px;">1</div> <div cl 阅读全文
posted @ 2021-07-15 16:06 Peter_Yang0942 阅读(1552) 评论(0) 推荐(0) 编辑
2021年7月9日
css 16进制透明度对应表
摘要： 数值 透明度值 数值 透明度值 数值 透明度值 数值 透明度值 数值 透明度值0 00 21 36 42 6B 63 A1 84 D61 03 22 38 43 6E 64 A3 85 D92 05 23 3B 44 70 65 A6 86 DB3 08 24 3D 45 73 66 A8 87 D 阅读全文
posted @ 2021-07-09 14:26 Peter_Yang0942 阅读(657) 评论(0) 推荐(0) 编辑
2021年7月7日
css calc无效问题
摘要： calc计算无效： .css{ height: calc(100vh - 30px); } 在浏览器查看样式的时候，可见： .css{ height: calc(70vh); } 有效的写法: .css{ height: calc(~"100vh - 30px"); } 在浏览器查看样式的时候，可见 阅读全文
posted @ 2021-07-07 17:18 Peter_Yang0942 阅读(172) 评论(0) 推荐(0) 编辑
2021年7月6日
node_modules文件夹出现.staging
摘要： 当我们执行 npm i 之后，node_modules 里面出现了一个叫 .staging 的文件夹，这表明我们的依赖还没有下载完成，当依赖彻底下载完之后,.staging的文件夹会自动消失。 如果安装完还是只有.staging，需要删除packjson-lock文件，删除node_modules文 阅读全文
posted @ 2021-07-06 17:43 Peter_Yang0942 阅读(2297) 评论(0) 推荐(0) 编辑
2021年7月1日
手写实现js Promise
摘要： const PENDING = 'pending' const FULFILLED = 'fulfilled' const REJECTED = 'rejected' function Promise(executor) { var _this = this this.state = PENDING 阅读全文
posted @ 2021-07-01 17:26 Peter_Yang0942 阅读(70) 评论(0) 推荐(0) 编辑
2021年6月30日
uniapp框架兼容微信和支付宝小程序(uniapp接入友盟统计)
摘要： 本文对uniapp框架兼容微信和支付宝小程序一些整改点对比介绍。 一、登录授权 微信：wx.login 返回 code 换取用户登录态信息 openid、unionid、session_key wx.login({ success (res) { if (res.code) { } else { } 阅读全文
posted @ 2021-06-30 15:16 Peter_Yang0942 阅读(1116) 评论(0) 推荐(0) 编辑