大部分同学都用过CSS的屏幕宽度媒体查询，像是这样：@mediascreenand(min-width:900px){div{padding:1rem3rem;}}这里表示的是与屏幕宽度相关的样式设置，上面的代码表示当屏幕宽度大于900px时，内部的样式代码块才能生效。其实不仅仅是上面的屏幕宽度媒体查询，在CSS中，存在大量的以@符号开头的规则。称之为@规则(at-rule)。本文就将介绍一下除去媒体查询之外，其他有意思的且在未来会越来越重要的@规则规则。at-rule@规则OK，什么是@规则（at-rule）呢？一个 at-rule 是一个CSS语句，以at符号开头，'@'(U+0040CO
一发新版本导致问题的根源是服务器js文件更新了，页面还在请求以前的js文件。可以保留之前webpack打包的文件，但是时间久了文件体积会积累到很大，而且从产品角度更希望用户访问新的资源。所以最好的解决方式是在报错时给用户提示，用户点击确认后刷新页面。前端如何能catch到这种错误？目前还没找到catch这种错误的方法，但是，可以模拟这种错误的出现。js文件是以script标签的形式动态添加到head标签里的，可以给head绑定DOMNodeInserted这个事件在有子元素插入的时候触发，可以在回调里拿到插入的标签名以及标签的属性包括src。这样在所有js资源加载时我们都可以在回调事件里拿到资
一发新版本导致问题的根源是服务器js文件更新了，页面还在请求以前的js文件。可以保留之前webpack打包的文件，但是时间久了文件体积会积累到很大，而且从产品角度更希望用户访问新的资源。所以最好的解决方式是在报错时给用户提示，用户点击确认后刷新页面。前端如何能catch到这种错误？目前还没找到catch这种错误的方法，但是，可以模拟这种错误的出现。js文件是以script标签的形式动态添加到head标签里的，可以给head绑定DOMNodeInserted这个事件在有子元素插入的时候触发，可以在回调里拿到插入的标签名以及标签的属性包括src。这样在所有js资源加载时我们都可以在回调事件里拿到资
缘由这两天在梳理芯片的启动流程,研究到了链接脚本(样本为stm32cubeide中的stm32f407的flash链接脚本).产生了一个疑问AT>是什么？答案AT>就是用于指定这个section的加载内存地址(LMA)的解释链接脚本生成sections要被加载到memory中，内存分两种LMA加载内存地址VMA虚拟内存地址，也可以理解为运行内存地址像下面这种的就是LMA和VMA都是一样的,都是放在FLASH里面的/*Constantdatainto"FLASH"Romtypememory*/.rodata:{.=ALIGN(4);*(.rodata)/*.rodatasections(cons
缘由这两天在梳理芯片的启动流程,研究到了链接脚本(样本为stm32cubeide中的stm32f407的flash链接脚本).产生了一个疑问AT>是什么？答案AT>就是用于指定这个section的加载内存地址(LMA)的解释链接脚本生成sections要被加载到memory中，内存分两种LMA加载内存地址VMA虚拟内存地址，也可以理解为运行内存地址像下面这种的就是LMA和VMA都是一样的,都是放在FLASH里面的/*Constantdatainto"FLASH"Romtypememory*/.rodata:{.=ALIGN(4);*(.rodata)/*.rodatasections(cons
At-rules规则是目前CSS中一种常见的语法规则，它使用一个"@"符号加一个关键词定义，后面跟上语法区块，如果没有则以分号结束即可。这种规则一般用于标识文档、引入外部样式、条件判断等等，本文是对该规则的使用总结。常用规则@import@import主要用于从其他样式表导入新的样式规则，语法：@importurl|stringlist-of-mediaqueries;。url|string：需要引入的样式资源路径，相对路径或绝对路径都可以；list-of-mediaqueries：逗号分隔的条件列表，判断什么条件下才引入该样式资源，支持媒体查询条件。@import"./reset.css";
At-rules规则是目前CSS中一种常见的语法规则，它使用一个"@"符号加一个关键词定义，后面跟上语法区块，如果没有则以分号结束即可。这种规则一般用于标识文档、引入外部样式、条件判断等等，本文是对该规则的使用总结。常用规则@import@import主要用于从其他样式表导入新的样式规则，语法：@importurl|stringlist-of-mediaqueries;。url|string：需要引入的样式资源路径，相对路径或绝对路径都可以；list-of-mediaqueries：逗号分隔的条件列表，判断什么条件下才引入该样式资源，支持媒体查询条件。@import"./reset.css";
1.概述：这本书的第二部分主要是Google的团队文化的介绍，主要是团队合作以及知识分享方面的方法和观点。下面介绍我作为初学者的一些比较有感触的点。在目前的学习生活以及网上冲浪中，经常会问问题，以及有一些文档方面的做法，不是很符合规范。2.团队合作2.1HidingconsideredHarmful独自完成项目，很少与他人沟通最大的危害是可能很晚发现问题，或者已经有轮子了。这也和DevOps的概念相对应：ThecurrentDevOpsphilosophytowardtechproductivityisexplicitaboutthesesortsofgoals:getfeedbackasea
1.概述：这本书的第二部分主要是Google的团队文化的介绍，主要是团队合作以及知识分享方面的方法和观点。下面介绍我作为初学者的一些比较有感触的点。在目前的学习生活以及网上冲浪中，经常会问问题，以及有一些文档方面的做法，不是很符合规范。2.团队合作2.1HidingconsideredHarmful独自完成项目，很少与他人沟通最大的危害是可能很晚发现问题，或者已经有轮子了。这也和DevOps的概念相对应：ThecurrentDevOpsphilosophytowardtechproductivityisexplicitaboutthesesortsofgoals:getfeedbackasea
美国电信巨头AT&T近日向客户通报了一起数据泄露事件，导致攻击者能够获取与客户“设备升级资格”相关的信息。这起严重的安全漏洞影响了大约900万个客户账户，发生在2023年1月，IT之家注意到，这也是T-Mobile遭受大规模数据泄露的同一个月，T-Mobile的数据泄露影响了大约3700万个后付费和预付费账户。AT&T的一位代表在接受采访时表示，此次事件泄露了客户专有网络信息（CPNI），包括账户上线路数量或无线套餐等数据。此外，个人身份信息如名字、无线账号、无线电话号码和电子邮件地址也被暴露。在某些情况下，黑客还获取了客户其它信息，如每月支付金额、过期金额、套餐名称以及每月收费和/或使用分钟
