Charon_0927
此刻已完结
获得徽章 0
Day 17
通过@media 媒体查询，可以通过给不同屏幕的大小编写不同的样式来实现响应式的布局。
响应式缺点：如果浏览器大小改变时，需要改变的样式太多，那么多套样式代码会很繁琐。
通过@media 媒体查询，可以通过给不同屏幕的大小编写不同的样式来实现响应式的布局。
响应式缺点：如果浏览器大小改变时，需要改变的样式太多，那么多套样式代码会很繁琐。
评论
点赞
Day15
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。
评论
点赞
Day 14
响应式布局指的是元素大小能根据屏幕大小随时变化。所有以 rem 为单位的位置、大小都跟着根元素字体大小而变化。在屏幕大小变化的时候改变根元素的 font-size 就可以了。 postcss-pxtorem插件可以实现px自动转换成rem，实现响应式布局
响应式布局指的是元素大小能根据屏幕大小随时变化。所有以 rem 为单位的位置、大小都跟着根元素字体大小而变化。在屏幕大小变化的时候改变根元素的 font-size 就可以了。 postcss-pxtorem插件可以实现px自动转换成rem，实现响应式布局
评论
点赞
Day13
以网页根元素<html>元素上设置的默认字体大小为1rem 默认 1rem=16px
可以实现响应式布局。
响应式布局指的是元素大小能根据屏幕大小随时变化。
所有以 rem 为单位的位置、大小都跟着根元素字体大小而变化。
所以只要在屏幕大小变化的时候改变根元素的 font-size 就可以了。
以网页根元素<html>元素上设置的默认字体大小为1rem 默认 1rem=16px
可以实现响应式布局。
响应式布局指的是元素大小能根据屏幕大小随时变化。
所有以 rem 为单位的位置、大小都跟着根元素字体大小而变化。
所以只要在屏幕大小变化的时候改变根元素的 font-size 就可以了。
展开
评论
点赞
Day12
正向代理服务器是一个位于客户端和目标服务器之间的服务器，为了从目标服务器取得内容，客户端向代理服务器发送一个请求并指定目标，然后代理服务器向目标服务器转交请求并将获得的内容返回给客户端。
正向代理服务器是一个位于客户端和目标服务器之间的服务器，为了从目标服务器取得内容，客户端向代理服务器发送一个请求并指定目标，然后代理服务器向目标服务器转交请求并将获得的内容返回给客户端。
评论
点赞
Day 11后端给的数字太大超过-9007199254740991 (-(2^53-1))到9007199254740991(2^53-1)之间的整数，前端js这块就会自动四舍五入，导致精度丢失，可转成字符串。
评论
点赞
赞了这篇文章
赞了这篇文章
Day10
在ES13中，我们只需要给我们的属性名添加一个hashtag(#)前缀，这个属性就变成私有的了。当我们的属性变为私有后，任何外界对其的访问都会出错哦。
评论
点赞
Day9
MPA(Multi-page application) 即多页应用，是从服务器加载多个 HTML 页面的应用程序。每个页面都彼此独立，有自己的 URL。当单击 a 标签链接导航到另一个页面时，浏览器将向服务器发送请求并加载新页面。例如，传统的模板技术如JSP、Python、Django、PHP、Laravel 等都是基于 MPA 的框架，包括目前比较火的 Astro 也是采用的 MPA 方案。
MPA(Multi-page application) 即多页应用，是从服务器加载多个 HTML 页面的应用程序。每个页面都彼此独立，有自己的 URL。当单击 a 标签链接导航到另一个页面时，浏览器将向服务器发送请求并加载新页面。例如，传统的模板技术如JSP、Python、Django、PHP、Laravel 等都是基于 MPA 的框架，包括目前比较火的 Astro 也是采用的 MPA 方案。
展开
评论
点赞
Day8
在 renderWithHooks 里调用函数组件的地方打个条件断点，在调用想调试的组件时断住，这样就可以 step into 到该组件定义的地方。
在 renderWithHooks 里调用函数组件的地方打个条件断点，在调用想调试的组件时断住，这样就可以 step into 到该组件定义的地方。
评论
点赞
Day7
函数节流是一个非常常见的优化方式，可以有效避免函数过于频繁的执行
CSS 的实现思路和 JS 不同，重点在于在于找到和该场景相关联的属性
CSS 实现“节流”其实就是控制一个动画的精准控制，假设有一个动画控制按钮从禁用->可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态，这样就达到了“节流”的效果
还可以通过 transition 的回调函数动态设置按钮禁用态
这种实现的好处在于禁用逻辑和业务逻辑是完全解耦的
函数节流是一个非常常见的优化方式，可以有效避免函数过于频繁的执行
CSS 的实现思路和 JS 不同，重点在于在于找到和该场景相关联的属性
CSS 实现“节流”其实就是控制一个动画的精准控制，假设有一个动画控制按钮从禁用->可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态，这样就达到了“节流”的效果
还可以通过 transition 的回调函数动态设置按钮禁用态
这种实现的好处在于禁用逻辑和业务逻辑是完全解耦的
展开
评论
点赞
Day5
在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。
transform: scaleX(x); / 沿x轴方向缩放/
transform: scaleY(y); / 沿y轴方向缩放/
transform: scale(); / 同时沿x轴和y轴缩放/
适用场景
固定宽高比的Web应用，如大屏或者固定窗口业务应用
在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。
transform: scaleX(x); / 沿x轴方向缩放/
transform: scaleY(y); / 沿y轴方向缩放/
transform: scale(); / 同时沿x轴和y轴缩放/
适用场景
固定宽高比的Web应用，如大屏或者固定窗口业务应用
展开
评论
点赞
Day4
Promise(承诺)，给予调用者一个承诺，过一会返回数据给你，就可以创建一个promise对象
当我们new一个promise，此时我们需要传递一个回调函数，这个函数为立即执行的，称之为（executor）
这个回调函数，我们需要传入两个参数回调函数，reslove,reject(函数可以进行传参)
当执行了reslove函数，会回调promise对象的.then函数
当执行了reject函数，会回调promise对象的.catche函数
Promise(承诺)，给予调用者一个承诺，过一会返回数据给你，就可以创建一个promise对象
当我们new一个promise，此时我们需要传递一个回调函数，这个函数为立即执行的，称之为（executor）
这个回调函数，我们需要传入两个参数回调函数，reslove,reject(函数可以进行传参)
当执行了reslove函数，会回调promise对象的.then函数
当执行了reject函数，会回调promise对象的.catche函数
展开
评论
点赞