大部分同学都用过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
SAP有四种基本用户出口的类型：1.菜单出口-MenuExits 定义自己的菜单2.屏幕出口-ScreenExits 定义自己的屏幕3.功能模块出口-FunctionModuleExits 在SAP应用程序中添加功能4.关键字出口-KeywordExits 在ABAP/4字典中的关键字数据元素添加文档。结果是你在使用这些数据元素的字段处按F1后会出现你自定义的说明文档使用的方法是：首先定义(T-Code:CMOD)一个项目Project(以管理你的增强，这里的项目和PS模块的项目可是两回事)，把你要使用的系统增加Enhancement分配给这个项目，编辑系统增强中的用户出口对象。T-Code：
