07 2021 档案
摘要：小程序的基层实现 https://developers.weixin.qq.com/community/develop/doc/d1421cd729a51548672430e544c458b2 1、域名必须是https 非https的域名不被微信小程序允许。 2、input组件placeholder
阅读全文
摘要：1、什么是沙箱环境？ Sandbox（沙箱）是指一种技术，在这种技术中，软件运行在操作系统受限制的环境中。由于该软件在受限制的环境中运行，即使一个闯入该软件的入侵者也不能无限制访问操作系统提供设施；获得该软件控制权的黑客造成的损失也是有限的。此外，如果攻击者要获得对操作系统的完全控制，他们就不得不攻
阅读全文
摘要：// 检查两个值是否大致相等，包含对象的对比 function looseEqual (a, b) { if (a b) { return true } var isObjectA = isObject(a); var isObjectB = isObject(b); if (isObjectA &
阅读全文
摘要：function getType(value){ return Object.prototype.toString.call(value).slice(8, -1); }
阅读全文
摘要：new 1. 以 Object.protoype 为原型创建一个新对象 2. 以新对象为 this，执行函数的 [[call]] 3. 如果 [[call]] 的返回值是对象，那么，返回这个对象，否则返回第一步创建的新对象 function myNew(fn, ...args) { const ob
阅读全文
摘要：CSS库： 动画效果 animate.css：https://animate.style/ 移动端兼容 postcss-px-to-viewport：https://www.npmjs.com/package/postcss-px-to-viewport CSS图标 cssicon：https://
阅读全文
摘要：由于 CSS 的封装非常弱，导致了一系列的第三方库，用来加强 React 的 CSS 操作。它们统称为 CSS in JS，意思就是使用 JS 语言写 CSS。根据不完全统计，各种 CSS in JS 的库至少有47种。老实说，现在也看不出来，哪一个库会变成主流。 你可能会问，它们与"CSS 预处理
阅读全文
摘要：cssnext是什么? PostCSS-cssnext是一个PostCSS插件，帮助您使用最新的CSS语法。它将新的CSS规范转换为更兼容的CSS，所以你不需要等待浏览器的支持。 安装： npm install postcss postcss-cssnext cssnext 包含了大量的新特性： l
阅读全文
摘要：W3C是这样来描述的：css级联为每个样式规则指派权重，若元素应用了多个样式规则，那么将优先使用权重最高的的样式。 CSS的全名叫做Cascading Style Sheets，译为层叠样式表（也可以叫级联样式表）。 <html> <head> <title>层叠特性</title> <style
阅读全文
摘要：Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。 Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Gr
阅读全文
摘要：一、通过Multi-columns相关的属性column-count、column-gap配合break-inside来实现瀑布流布局 HTML <div class="masonry"> <div class="item" style="height: 50px;">1</div> <div cl
阅读全文
摘要：数值 透明度值 数值 透明度值 数值 透明度值 数值 透明度值 数值 透明度值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
阅读全文
摘要：calc计算无效： .css{ height: calc(100vh - 30px); } 在浏览器查看样式的时候，可见： .css{ height: calc(70vh); } 有效的写法: .css{ height: calc(~"100vh - 30px"); } 在浏览器查看样式的时候，可见
阅读全文
摘要：当我们执行 npm i 之后，node_modules 里面出现了一个叫 .staging 的文件夹，这表明我们的依赖还没有下载完成，当依赖彻底下载完之后,.staging的文件夹会自动消失。 如果安装完还是只有.staging，需要删除packjson-lock文件，删除node_modules文
阅读全文
摘要：const PENDING = 'pending' const FULFILLED = 'fulfilled' const REJECTED = 'rejected' function Promise(executor) { var _this = this this.state = PENDING
阅读全文
