css的字体正片叠底和发光效果 前言 字体的正片叠底 效果 思路 实现 字体的发光 效果 思路 实现 结束 前言 大家好，我是yma16，本文分享css_字体混合正片叠底与发光。 字体的正片叠底 css混合模式CSS混合模式是一种在两个或多个重叠对象之间创建颜色混合效果的方法。它可以通过将两个或多个颜色层叠在一起，使用不同的数学公式来创建新的混合颜色。混合模式可以用于任何CSS属性，如颜色、背景色、边框等。 CSS提供了多种混合模式，包括正常、叠加、滤色、差值、颜色加深等。每种混合模式都有不同的效果和适用场景。例如，叠加模式可以创建一种类似于阴影的效果，而颜色加深...

django与vue的组合展示所有html文件 前言 listdir、isdir函数使用 listdir isdir 提取html文件的路径和html文件名的名字 django的视图函数 vue2的处理 axios发送get请求 绑定src属性 效果 结束 前言 大家好，我是yma16， listdir、isdir函数使用 在Python中，os模块中的listdir和isdir函数用于操作文件和目录。 listdir函数返回指定路径下的所有文件和目录的列表。 示例代码： importos path='/path/to/directory' dir_list=os.list...

js操作html js操作html js操作dom div绑定js函数 js的委托事件 js的冒泡事件 阻止冒泡 方法一 方法二 方法三 js操作html js操作dom js创建div样式，添加节点删除节点等等 varel1=document.createElement('div'); varel2=document.createElement('input'); varnode=document.createTextNode('helloworld!'); el1.appendChild(el2) el1.removeChild(el2) div绑定js函数 ...

文章目录 前言 学习json库——写入json文件中 解码JSON 编码JSON 读取JSON文件 写入JSON文件 dumps函数 indent参数 ensure_ascii参数 练习将贵州区域数据取出来 ps拉框助手验证json地图格式 结束 前言 大家好，我是yma16，本文分享python_将包含汉字的字典数据写入json（将datav的全省数据中的贵州区域数据取出来） 学习json库——写入json文件中 Python中的JSON库是一个内置的标准库，可以用于解析和编码JSON数据。下面是JSON库的使用方法： 解码JSON 首先，我们将一个JSON字符...

javascript的小技巧笔记 filter和map filter筛选数据（数据一样） map返回数组对象（长度一样） 深浅拷贝 浅拷贝 数组的深拷贝 奇淫巧计 数组去重 数组最大、最小 数组某个值的出现次数 返回两个数组的不同元素 返回两个数组的相同元素 filter和map filter筛选数据（数据一样） filter不会改变原数组,返回一个新的数组return对true和false判断返回returntrue的子项不会修改原数组的子项 长度：小于等于 数据：子集 例1： letarray1=['yma16','china'] letarray2...

this指向问题 this的指向 隐式传递一个对象引用 顾名思义的误解（指向自身） 如何从函数内部引用自身 匿名函数如何引用自身 总结 this判断 调用位置 this绑定规则 默认绑定 var声明变量的问题 js文件 web网页中 global与window对象（顶层对象） 严格模式 隐式绑定 显示绑定 new绑定 优先级 判断 this的指向 this既不指向函数自身也不指向函数的词法作用域例1：使用thiscall()方法是预定义的JavaScript方法，用来调用所有者对象作为参数 functionidentify(){ re...

flex布局 FlexibleBox flex-direction配置 垂直高度强制占满 flex-wrap配置 问题：溢出 flex-flow（flex-direction与flex-wrap同时配置），默认值为rownowrap justify-content配置 垂直高度强制占满 align-item 垂直高度不强制占满 align-content配置 配和其他属性属性使用如flex-wrap FlexibleBox flexFlexibleBox，弹性盒子，包含以下属性 属性 用法 flex-direction 弹性方...

文章目录 ⭐前言 ⭐复制代码功能实现 基于towxml渲染markdown定位 h2w__codelanguage-css类名下是渲染的代码块 查找样式的判断源码 attr注入属性用来判断是否是代码块code 复制代码样式及事件绑定 效果 ⭐结束 ⭐前言 大家好，我是yma16，不止前端，本文将介绍微信小程序中markdown的代码复制功能实现。 ⭐复制代码功能实现 基于towxml渲染markdown定位 因为是基于towxml渲染的markdown 通过渲染元素快速定位代码块code的位置 通过选择元素，可找到class名称h2w__viewParent即为渲染代...

setup用法学习 对比vue2中的data setup接受参数 响应式props传递数据 解构（非响应式） props中toRefs和toRef区别 使用渲染函数h 如何让父组件访问渲染函数组件的内部 对比vue2中的data data需要return数据变量才能被template访问，存在this指针指向全局变量 setup需要return数据才内让template访问其内部的数据（变量及函数），但是setup中没有引入this变量 setup接受参数 两个参数（props、context） props参数：绑定上一级组件传递过来的数据（需要声明数据类型...

vue2制作图片搜索引擎 前言 预览 背景 技术选型 思路 ui框架 结束 结束 前言 大家好，我是yma16，本文分享制作web端的图片搜索站点。antdeisgnvueimage用法代码嵌入： <template> <a-image :width="200" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" /> </template> <scriptlang="ts"> import{defin...

svg颜色修改 前言 效果 灵感来源 html渲染svg css修改svg 思路 实现 我的代码仓库 前言 大家好，我是yma16，本文分享关于svg在vue3中修改颜色代码的实现 效果 可点击色块切换svg的颜色，可记录前七种选择的颜色和当前选择的色号 灵感来源 来源阿里图标库的在线修改svg颜色功能 点击颜色可以不停的刷新最近使用的颜色值 可以使用16进制的颜色参数 可以下拉调整大小 html渲染svg HTML可以通过内嵌SVG文件或使用<img>标签加载SVG文件来渲染SVG图像。 内嵌SVG文件： <svgwidth="100"hei...

chrome浏览器插件开发 前言 效果 插件的加载 配置文件 api在线测试工具的思路 代码仓库 结束 前言 大家好，我是yma16，本文分享chrome插件-开发简陋的在线api测试工具。chrome插件入门Chrome插件是一种可以在Chrome浏览器上安装的小型软件，用于增强浏览器的功能，例如在页面中显示特定的信息、定制网页显示、跨站点跟踪等功能。下面简单介绍一下Chrome插件的入门，包括创建插件、调试插件、发布插件等。 创建插件 首先，在Chrome浏览器中输入chrome://extensions/进入扩展程序页面。在页面右上角打开“开发者模式”，点击“新...

打包优化 前后对比 webpack是啥 使用compression-webpack-plugin 压缩图片 使用webpack-bundle-analyzer 使用uglifyjs-webpack-plugin cdn方式 使用html-webpack-plugin 结束 前后对比 6.45Mb未进行gzip压缩图片压缩和去掉打印等等 压缩过后1.43Mb 开启cdn，不打包vue\element\echarts,，打包下来225.25k webpack是啥 Webpack是一个现代化的JavaScript应用程序的静态模块打包器，它使用的是模块的概念。它可以将各...

2022年总结 前言 技能的变迁 工作变化 生活变化 环境变化 结尾 结束 前言 大家好，我是yma16，本文分享2022年的回忆录 技能的变迁 vue2框架使用、sql、js编写->vue3框架使用，antdesign的ui框架使用自学了微信小程序，优化了个人博客，自学webpack打包优化。博客：https://yongma16.xyz//博客网站优化部分： 新增邮件发送 打包优化 优化滚动条缓动 修复聊天室redis的连接异常（nginx配置） 新增ssl协议 新增的前端服务 vue3测试平台：http://yongma16.xyz/emoji_api/技...

a-upload封装 前言 效果 vue2引入andesign 自定义上传customRequest transformFile上传前修改文件流 自定义预览 调整props和a-uoload一致 install封装vue组件 结束 前言 大家好，我是yma16，本文分享二次封装a-upload组件，自定义上传预览。 效果 编辑 预览 不展示删除和上传 空数据 自定义图片样式 vue2引入andesign 要在Vue2中引入AntDesign，需要遵循以下步骤： 安装AntDesignVue 使用npm或者yarn安装AntDesignVue： npminstall...

光源 光的三原色：红red、绿green、蓝blue。 色彩模式：HSL、HSV。 色相Hue、饱和度Saturation、亮度Lightness、明度Value。 白色反射所有光（白色的物体利于测试灯光） Three.js的光源类 1.环境光 把颜色添加到整个场景和对象的当前颜色上 maya环境光测试 一个蓝色的环境光渲染灰色box THREE代码重构 环境光的特点： 光源颜色影响整个场景 没有特定的光源，不需要指定位置 均匀照射，需要配和其它光源弱化阴影 构造函数声明THREE.AmbientLight(hex); functioninitLight(){ varlight...

文章目录 ⭐前言 ⭐设计布局 ⭐交互设计 ⭐整体代码 ⭐insicode代码 ⭐总结 ⭐结束 ⭐前言 大家好，我是yma16，本文分享关于前端vite+vue3——写一个抽奖随机组件。 vue3Vue3是Vue.js框架的下一个主要版本。Vue3的目标是提高性能，增强可维护性和可扩展性，并提供更好的TypeScript支持。 以下是Vue3的一些主要特点： 性能提升：Vue3可以在运行时进行优化，从而实现更快的渲染速度和更小的文件大小。 更好的TypeScript支持：Vue3的API和内部结构已更新，从而更好地支持TypeScript类型检查。 Composition...

$set的作用 背景 动态添加属性，不使用$set 动态添加属性，使用$set $set做了啥？ 对象defineProperty 对象的Getter和Setter $set的源码 notify触发update更新 结束 背景 动态修改对象的属性时，vue2视图template不会跟新渲染的数据，来一探究竟 动态添加属性，不使用$set 测试案例：config属性被我动态添加name:yma16结论：如果template动态添加则说明对象的属性添加删除具有响应式 <template> <divclass="container"> <...

文章目录 背景 效果 实现 vue3的setup知识 ts的interface定义数据类型 结束 背景 vue3ts搭建一个简单的登录系统平台个人后台管理地址：https://yongma16.xyz/back-front//register 效果 注册 登录 实现 ts基础数据类型普及 TS的数据类型可以分为以下几种：布尔类型（boolean）：只有true和false两个值。数字类型（number）：整数和浮点数都属于数字类型。字符串类型（string）：可用单引号、双引号或模板字符串（`）定义字符串。数组类型（array）：包含多个值的有序列表，每个值可...

文章目录 ⭐前言 react函数组件风格介绍 ⭐登录界面搭建 💖登录效果 ⭐注册界面搭建 💖注册效果 ⭐结束 ⭐前言 大家好，我是yma16，本期给大家分享next项目搭建卡通风的登录注册。 该系列的往期文章 博客搭建_初始化next项目登录注册的交互效果如下： 背景图为卡通的动画，符合六一的风格！ react函数组件风格介绍 React函数组件是一个简单的React组件，是一个纯JavaScript函数，用于定义组件的结构和行为。相比于Class组件，函数组件的代码量更少，结构更清晰，也更易于测试和维护。下面是一些函数组件的风格介绍： 使用箭头函数定义函...