买不到"梦中情蓉"，索性亲手画一个，用CSS画一个雪容融~
雪容融（Shuey Rhon Rhon），是2022年北京冬季残奥会的吉祥物，其以灯笼为原型进行设计创作，主色调为红色，头顶有如意环与外围的剪纸图案，面部带有不规则形状的雪块，身体可以向外散发光芒。<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> &l
买不到"梦中情墩"，索性亲手画一个，用CSS画一个冰墩墩~
vue3.0，useRoute, useRouter在setup中报undefined | 延时获取问题
vue3.0，获取路由参数会有延时问题，时好时坏；useRoute-issues<!-- App.vue -- > <template> <router-view /> </template> <script> import { onMounted } from 'vue' import { useRoute } from 'v
H5避坑指南 | HTML
调用系统功能使用 <a> 能快速调用移动设备的电话/短信/邮件三大通讯功能，使用 <input> 能快速调用移动设备的的图库/文件。这些功能方便了页面与系统的交互，关键在于调用格式一定要准确，否则会被移动端浏览器忽略。<!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a>
H5避坑指南 | CSS
自动适应布局针对移动端，笔者通常会结合JS依据屏幕宽度与设计图宽度的比例动态声明 <html> 的 font-size ，以 rem 为长度单位声明所有节点的几何属性，这样就能做到大部分移动设备的页面兼容，兼容出入较大的地方再通过媒体查询做特别处理。笔者通常将 rem 布局比例设置成 1rem=100px ，即在设计图上 100px 长度在CSS代码上使用 1rem 表示。functi
Marked.md 采坑
安装：npm install marked or cnpm install markedcss:npm install github-markdown-css or cnpm install github-markdown-css使用:<template> <!-- 注意：需要添加 markdown-body class类名 --> <div clas
原生JS制作一个图片放大查看器
前言: 发现vue模板代码写多了, 自己的原生JS手写能力下降了不少, 闲来无事, 自己做一个简单的图片放大查看封装<!DOCTYPE html> <html> <head> <title>图片放大器 --- jensonhui's blog</title> <link rel="stylesheet"
Animate.css文字抖动以及模糊问题
传送门 => Just-add-water CSS animations - Animate.css 1 . 在该动画的transform里加上translateZ(0)值,能解决文字抖动的问题，但是没解决文字模糊的问题。 2 . 在发生文字模糊的地方加上transform: translate3d(0,0,0)，解决文字模糊以及的问题。 使用scale发生文字抖动及模糊时，在该文字
改造：Vue-Quill-Editor 实现图片上传到服务器再插入富文本
项目安装 1. npm install vue-quill-editor 2. npm install quill 配置使用 === Vue项目中Main.js中引入 ==== import Vue from 'vue' import VueQuillEditor from 'vue-quill-editor' import 'quill
html2canvas实现网页截图，长按保存
传送门： https://github.com/Jensonhui/html2canvas-to-img核心代码 let shareContent = document.getElementId('your el id'), //需要截图的包裹的（原生的）DOM 对象 width = shareContent.clientWidth, //shareContent.o