前端 | Kros的博客

前端: front-end

目录

# 1. CSS: 1-1. CSS绘制三角形 1-2. CSS排版上下文 1-3. CSS伪类 1-4. CSS伪元素 1-5. CSS实现列表元素分割线 1-6. CSS使用skew 1-7. CSS让物体居中 1-8. CSS绘制太极图 1-9. CSS使用实体替代预留符号 1-10. 动态修改after或before的content 1-11. CSS旋转border 1-12. CSS绘制空心五角星 1-13. CSS时钟 1-14. CSS图片手风琴伸缩效果 1-15. CSS的选择器 1-16. CSS波浪border 1-17. CSS内切圆角 1-18. CSS文字环绕 1-19. CSS outline使用详解 1-20. CSS使用transform缩放scale不生效 1-21. CSS使用linear-gradient或生成虚线 1-22. CSS 图片srcset属性 1-23. CSS object-fit属性详解 1-24. CSS 使用filter对颜色就行处理 1-25. CSS选择器的优先级 1-26. css与scss文件引入问题 1-27. CSS实现圆角梯形 1-28. 使用filter实现聚光灯效果 1-29. 利用backface-visibility hidden实现3d翻转双面card 1-30. 正方体3d旋转 1-31. 修改浏览器自动填充的背景颜色 1-32. CSS修改选中文字颜色 1-33. CSS实现打字机效果 1-34. marquee文字弹跳 1-35. logo文字图片倒影 1-36. 纯CSS实现popup弹窗 1-37. ie兼容inline-block 1-38. 浏览器默认样式 1-39. CSS效果-文字 1-40. CSS效果-按钮 1-41. css3 transition属性对linear-gradient渐变色无效 1-42. 不同预处理器下的样式穿透 1-43. 属性顺序 1-44. CSS重绘与回流 1-45. img标签与before和after 1-46. CSS实现文本两端对齐 1-47. CSS filter的contrast属性和blur属性奇特的结合 1-48. CSS不常用属性记录 1-49. CSS sprite雪碧图制作与使用

# 2. JavaScript: 2-1. 兼容ie7的水平无限滚动 2-2. 节流防抖 2-3. 数组乱序 2-4. 开启全屏 2-5. 数据类型 2-6. 变量提升 2-7. this调用指向 2-8. 原型及原型扩展 2-9. js获取元素属性精度问题 2-10. setTimeout和setInterval 2-11. 数组判断 2-12. dom节点添加或插入元素 2-13. var、let和const的区别 2-14. 判断ellipsis是否省略生效 2-15. 使用ResizeObserver监听元素size变化 2-16. js自定义事件 2-17. use strict详解 2-18. 私有属性 2-19. js实现类的方式 2-20. call和apply的理解和使用 2-21. js失焦和点击事件顺序冲突 2-22. js中不常见但非常实用的运算符 2-23. for of和for in的区别 2-24. defer和async的区别 2-25. promise值穿透 2-26. js为什么会出现数字精确度丢失 2-27. js禁用F12开发者模式 2-28. 使用scrollTop和scrollTo滚动到目标位置 2-29. js实现打字机效果 2-30. 多种方式实现数组去重 2-31. 替换使用setTimeout 2-32. encodeURI和encodeURIComponent的区别 2-33. canvas实现弹跳小球 2-34. js实现跨标签页通信 2-35. 事件循环与微任务、宏任务 2-36. 浏览器存储数据方式 2-37. 常见的meta元数据使用 2-38. 使用InterSectionObserver判断元素区域(chatGPT)

# 3. 工具: 3-1. git命令行 3-2. uniapp小程序分包配置 3-3. VScode使用Todo tree实现待办查看 3-4. activiti editor添加自定义属性 3-5. uniapp使用svg 3-6. windows端口查看及关闭端口 3-7. uniapp通过wifi无线运行到手机 3-8. android生成证书文件 3-9. vscode中显示换行指示线 3-10. 浏览器console输出自定义样式内容 3-11. console的非常规用法 3-12. uniapp App升级更新 3-13. 从零开始搭建脚手架1 3-14. vite打包插件上传到npm 3-15. uniapp使用speech模块遇到的问题 3-16. HbuilderX使用MuMu模拟器 3-17. HbuilderX调试app页面元素 3-18. 前端工程化的理解 3-19. console log打印obj非实时性数据问题 3-20. 常见http状态码 3-21. HbuilderX配置自定义打包环境 3-22. webpack优缺点 3-23. axios和ajax的区别 3-24. 使用docxtemplater导出word文件 3-25. docxtemplater循环列表数据导出 3-26. js打开钉钉打卡页面 3-27. uniapp配置自定义环境变量和条件编译变量 3-28. 文件上传时的各种二进制数据关系 3-29. 解决开发过程中的跨域问题 3-30. vue自定义入口html文件 3-31. tsParticles局部粒子效果 3-32. 使用verdaccio搭建私人npm仓库

# 4. Vue: 4-1. vue批量引入组件 4-2. vue中watch用法 4-3. vue使用基础JSX语法 4-4. vue首页白屏 4-5. vue长列表优化 4-6. 模板文件中script、template、style存在必要性 4-7. popup弹窗组件 4-8. 使用$mount和extend扩展vue 4-9. 扩展toast合并popup（按需加载）4-10. canvas实现弧形进度条 4-11. vue中使用CSS Modules 4-12. vue实现无限轮播图 4-13. vue半圆形菜单 4-14. 纯CSS实现圆形进度条 4-15. v-model简单实现 4-16. vue带箭头下拉框 4-17. vue事件修饰符 4-18. vue鼠标悬浮显示提示文字 4-19. vue添加发布版本号方法 4-20. vue配置全局样式文件 4-21. vue在env development中设置全局变量不生效 4-22. vue引入less或scss全局变量 4-23. vue中使用Keepalive 4-24. vue2为什么只支持一个根节点 4-25. vue打包优化分析工具—webpack-bundle-analyzer 4-26. vue使用echarts(按需加载)4-27. echarts柱形图重合堆叠 4-28. vue使用draggable实现多列拖拽（解决空列不能拖拽问题）4-29. vue禁止三方库打包到bundle中 4-30. npm run serve运行背后的思考 4-31. vxe-table树结构不允许insert 4-32. vue组件延迟加载 4-33. 多页面应用配置 4-34. vue项目常用优化 4-35. vue实现拖动拼图验证码 4-36. vue虚拟dom 4-37. canvas心形动画 4-38. canvas绘制玫瑰曲线 4-39. element表单validateField验证部分字段 4-40. element日期选择限制今天以后并精确到小时 4-41. 前端使用JSEncrypt和node-rsa进行rsa加密传输和接收解密 4-42. elementui日期选择器生日只选择月和日不选择年并隐藏年份 4-43. el-upload组件第二次点击手动submit时不生效 4-44. element表单内输入框使用@keyup enter native回车时会刷新页面

# 5. antdv踩坑记录: 5-1. table左右fix后内容table和固定table出现错位 5-2. table同时存在额外展开行和固定列时固定列高度默认只有一行 5-3. antdv常见的全局提示框、弹框api调用 5-4. customRender实现行列合并 5-5. customRender中实现自定义渲染元素 5-6. antdv树结构table 5-7. table自定义空数据界面 5-8. mixin混入column时this指向问题 5-9. antdv日期组件显示英文 5-10. js导出页面上table

# 6. Vue3: 6-1. vue3 setup语法糖 6-2. vue3实现v-model 6-3. vue3组件通信 6-4. vue3使用pinia及pinia持久化 6-5. vue3使用$nextTick 6-6. Proxy的实际应用场景 6-7. ref和reactive的实现原理 6-8. vue3生命周期 6-9. 在vue文件外使用store 6-10. vue3中的编译器宏 6-11. vue3 ts中拼接本地图片地址 6-12. 数值滚动实现 6-13. setup语法糖下自定义组件name 6-14. vue-router4配置动态路由问题No match found for location with path 6-15. vue3挂载全局弹窗 6-16. vue3+vite配置环境变量问题 6-17. Vue3监听createApp创建的子组件事件 6-18. vue3源码学习——vue3核心模块

上次更新: 2025/09/05, 8:09:00

01
Find the next perfect square 09-05

02
Regex validate PIN code 09-05

03
Find the odd int 09-05

更多文章>