![](https://img-blog.csdnimg.cn/365b7b08003349b4a5bf1a90afc4abd2.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端语言
文章平均质量分 80
H5 CSSJS TS
宁然也
这个作者很懒,什么都没留下…
展开
-
前端谷歌浏览器调试
浏览器调试原创 2023-06-30 14:20:15 · 788 阅读 · 0 评论 -
前端响应式布局
在pc端做个案例: 【500, 800】px一行一个div , 【801, 1000】第一行两个,第二行放1个, 【1001,无穷】一行三个div。响应式设计和自适应设计的区别:响应式开发一套界面,通过检测视口分辨率,针对不同客户端在客户端做代码处理,展现不同的布局和内容。自适应需要开发多套界面,通过检测视口分辨率,判断当前访问的设备是PC端、平板、手机,从而请求服务层返回不同的页面。不同尺寸设置不同css样式,移动用的多,pc不多。/* 不同的div设置不同颜色 *//* 设置不同尺寸的style */原创 2023-06-09 22:39:52 · 1274 阅读 · 0 评论 -
flex布局中理解flex-grow、flex-shrink、flex-basis属性
其中子项1的flex-grow: 0(未设置默认为0), 子项2flex-grow: 2,子项3flex-grow: 1,剩余空间分成3份,子项2占2份(120px),子项3占1份(60px)。容器宽度400px, 子项目1占用的基准空间(width)为250px, 子项目2占用基准空间(width)为150px, 子项目3占用基准空间(flex-basis)为100px, 总基准空间250+150+100=500px > 400px, 多出的100px需要子项目根据flex-shrink进行吸收。原创 2023-05-08 15:29:38 · 1007 阅读 · 1 评论 -
TypeScript笔记
使用tsc -V查看安装的ts版本。tsc : 无法将“tsc”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确, 然后再试一次。这个错误是 没有安装tsc写好XXX.ts文件,使用tsc 文件名将ts文件编译为js文件。因为浏览器不支持ts文件,无法直接在浏览器运行ts文件,需要编译为js文件变量声明和复制同时进行,TS可以自动对变量进行类型检查此时c的类型就是布尔。原创 2023-06-06 19:17:28 · 1321 阅读 · 0 评论 -
JS 实现驼峰和下划线互转
只考虑了大小写,没考虑数字。原创 2023-06-02 10:58:58 · 765 阅读 · 0 评论