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