2024-02-16本篇开始介绍Web2D和3D相关基础知识，会从CSS3的2D/3D转换、过渡、动画，讲到Canvas 2D图形绘制，再到SVG，最后到WebGL。

https://www.qianduange.cn//article/2129.html 分类：前端知识

2024-02-16在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport，如果我说这种方案能解决98%以上的移动端布局痛点，我想整个掘金，应该没有人会反驳。_vant postcss-px-to-viewport

https://www.qianduange.cn//article/2127.html 分类：前端知识

2024-02-162048 游戏是一个基于网格的数字益智游戏，玩家需要通过滑动相同的数字来合并它们，并最终得到一个值为 2048 的方块。以下是分别用Vue和Java来实现的 2048 游戏，包含运行效果。_前端vue趣味游戏

https://www.qianduange.cn//article/2126.html 分类：前端知识

2024-02-16【代码】Vue3 配置全局 scss 变量。_vue3项目设置全局css变量

https://www.qianduange.cn//article/2125.html 分类：前端知识

2024-02-16height设置高度，margin设置边框与页面边界的距离，margin-top,margin-bottom,margin-left，margin-right，分别用于设置边框与页面上、下、左、右的距离。border设置边框，px代表像素点，一个不固定的长度单位，solid代表边框线是实心的，black代表边框线是黑色的。id与className在CSS中实现，用于对字体颜色，形状，粗细，背景颜色，边框等的网页美化设计。id是唯一的，每个元素只能有一个id，每个页面这个id只能出现一次，不可重复使用。

https://www.qianduange.cn//article/2123.html 分类：前端知识

2024-02-16如：elementui的table的type="expand"表格展开行。点击展开后td标签有padding。但td标签和包裹他的tr标签都是点击后产生的。无法在外层包裹div，直接用::v-deep会改变包裹他的表格的样式。个别UI框架个别标签通过事件直接生成或者无法选中的情况。直接使用::v-deep会导致全部标签改变，包裹标签使用class名::v-deep无法选中父元素改变父元素属性的情况。所以可以使用伪类:has来改变td标签的padding。伪类:has选择父元素。_css根据子元素找到父元素

https://www.qianduange.cn//article/2122.html 分类：前端知识

2024-02-16直接定义在标签的style属性中。作用范围：仅对当前标签产生影响。">black、white、red、green、blue、lightblue等。

https://www.qianduange.cn//article/2118.html 分类：前端知识

2024-02-16JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。HTML 用来定义网页的内容，例如标题、正文、图像等；CSS 用来控制网页的外观，例如颜色、字体、背景等；JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。JavaScript 诞生于 1995 年，几乎是和互联网同时出现；_javascript

https://www.qianduange.cn//article/2117.html 分类：前端知识

2024-02-162020年9月18日，vue3发布3.0版本，代号大海贼时代来临，One Piece特点：无需构建步骤，渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)Jamstack / 静态站点生成 (SSG)开发桌面端、移动端、WebGL，甚至是命令行终端中的界面什么是hook函数： 本质是一个函数，把setup函数中使用的Composition API进行了封装类似于vue2.x中的 mixin。......_vue3

https://www.qianduange.cn//article/2116.html 分类：前端知识

2024-02-16vue3 vite4项目，配置代理实现本地开发跨域问题，非同源请求，也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候，这时候就会产生跨域；vite的proxy代理和vue-cli的proxy大致相同，需要在vite.config.js文件中配置（打包配置也在此）代理配置在server中，可以上vite官网服务器选项查看server.proxy代码示例：开发服务器选项–server.proxy需要注意：使用了代理之后，axios的base路径需要改成代理路径，比如在_vite 代理

https://www.qianduange.cn//article/2115.html 分类：前端知识