css属性mix-blend-mode介绍

介绍mix-blend-mode 是一种 CSS 属性,它定义了一个元素的颜色如何与其父元素的颜色以及兄弟元素的颜色混合。它允许您创建令人惊艳的视觉效果,可以用于创建半透明效果、添加阴影、制作图片蒙版和很多其他效果。 具体属性值 difference将前景色减去背景色的值,并取绝对值。这会导致一个反相的效果。效果如下: multiply将两个颜色的值相乘,得到一个更暗的颜色。这通常用于创建...

前端3大件

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: ...

前端3大件

主题推荐-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...

魔改

maupassant的基本配置

新增标签页面 在hexo根目录下执行 hexo new page tags 会发现在source文件夹下多了一个tags文件夹, 点进去找到index.md文件,添加如下配置即可 --- title: tags date: 2023-10-13 23:11:26 layout: tagcloud --- 添加一个导航找到主题配置文件的_config.yml文件, 找到menu属性: m...

魔改

主题推荐-maupassant

今天给大家推荐一款非常好看的主题,预览如下 下载主题首先在自己的hexo博客项目的根目录下执行 git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant 安装渲染器npm install hexo-renderer-sass --save npm install hexo-renderer-jad...

魔改

uni-app中的省市区选择组件

找到省市区选择组件的资源包因为uni-app中不支持npm安装后直接导入,所以我们必须先找到这个组件 uni-app中提供了这个组件资源,我们打开Hbuilder,新建一个uni-app的模板项目,如下: 创建完成后找到这个组件,如下: 将其复制到自己的uni-app项目中 配置可参考:https://github.com/MPComponent/mpvue-citypicker ...

前端进阶

chart.js的使用

先导之前使用canvaJS已经写过了一个统计页面,但是我觉得样式不够好看,于是又去找图表框架,发现chart.js还挺好看,这里就不说怎么创建一个统计页面了,我不可能所有文章都从最最最基础的讲起的,作者也开始摆烂咯,哈哈哈哈!!!(主要是写教程没经济来源) 找到教程教程:Chart.js · GitBook (bootcss.com) 本教程会使用到webpack, 不知道什么是webpac...

魔改

LeanCloud云数据库基本操作

官网LeanCloud: 在这里你可以注册leanCloud的账号,并且创建你的应用,即数据库 下面将以vue2案例向大家介绍如何使用leanCloud进行数据的储存, 带大家写一个最常用的登录验证的例子吧 创建一个最简单的vue2项目吧vue create 项目名称 之前有介绍, 这里就不详细说明了 创建好后,建立两个页面,一个登录页面,还有一个登录跳转后的页面 先自己将路由写好, 能够...

15678911