npm创建vue项目
创建vue3项目npm init vue@latest npm init vue@latest 安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。创建的 vue3 项目是基于 Vite 打包的。
主题推荐-stellar
预览图 官方文档https://xaoxuu.com/wiki/stellar/ 安装在hexo根目录下执行 git clone https://github.com/xaoxuu/hexo-theme-stellar.git themes/stellar 运行安装后运行可能会缺少一些模块，可以根据报错，将缺失的模块安装比如我缺少的模块是: hexo-fs hexo-util 执行 n...
css中变量的使用
前言说来惭愧，最近学习sass后，才发现原来css中也可以写变量，原来自己对css的知识只是冰山一角，接下来我们就来写一个简单的动态改变背景颜色的demo css中如何定义变量:root{ --color: #000; } 如何使用body{ height: 96vh; background-colo...
在vscode中的使用sass插件
介绍Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。官网: https://sass-lang.com/ 在vscode中安装安装插件: Live Sass Compiler此插件可以直接将...
js扩展API
数组方法 拆分多维数组flat let arr = [1,2,[3,4,[5,6]]] console.log(arr.flat(2)) // [1,2,3,4,5,6] 数组元素修改fill let arr = [1, 2, 3, 4, 5] console.log(arr.fill(10, 2)) // [1, 2, 10, 10, 10] 只改变数组其中一个元素with let...
css属性mix-blend-mode介绍
介绍mix-blend-mode 是一种 CSS 属性，它定义了一个元素的颜色如何与其父元素的颜色以及兄弟元素的颜色混合。它允许您创建令人惊艳的视觉效果，可以用于创建半透明效果、添加阴影、制作图片蒙版和很多其他效果。 具体属性值 difference将前景色减去背景色的值，并取绝对值。这会导致一个反相的效果。效果如下: multiply将两个颜色的值相乘，得到一个更暗的颜色。这通常用于创建...
uni-app实现app自动检测更新
前言在做app项目时，app版本管理是必不可少的，在发布新版本后，应该提醒用户需要更新了此时需要两个功能： 后台进行版本发布与管理（使用uni-app的模板admin即可，需要关联Dcloud的服务空间） 前台检测更新（使用uni-app的插件, https://ext.dcloud.net.cn/plugin?id=4542） 后台 在HBuilder里面新建一个项目（模板为uni-a...
vue(原生js)事件委托与参数同时使用
事件委托的作用在孩子节点需要绑定多个点击事件的时候，可以直接使用事件委托，将点击事件绑定到父节点，利用事件委托就可以知道自己点击的孩子节点是谁了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta...
探究css的滤镜效果
今天来讲一讲前端的滤镜效果，也就是filter属性 drop-shadow如果我让你对一个图片里面的图形设置阴影，你有什么办法吗？正常来说你可能想到的是box-shadow,给盒子设置一个阴影 box-shadow: 10px 10px 10px gray; 但是好像没有达到我们预期的效果，那么这里就要用上drop-shadow了不要box-shadow，而是filter filter: ...
主题推荐-anzhiyu
预览图 官方文档https://docs.anheyu.com/ 下载git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu 安装 pug 和 stylus 渲染插件npm install hexo-renderer-pug hexo-renderer-stylus --sa...