pangqianjin

2023年1月29日

摘要：直接贴代码手机网易新闻网部分适配代码 html { font-size: 13.33333vw } @media screen and (max-width: 320px) { html { font-size:42.667px; font-size: 13.33333vw } } @media 阅读全文

posted @ 2023-01-29 18:19 pangqianjin 阅读(26) 评论(0) 推荐(0)

canvas画圆角矩形

摘要： 1. 第一种方式：使用lineTo画直线和quadraticCurveTo（二次贝塞尔曲线）画圆弧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co 阅读全文

posted @ 2023-01-29 16:43 pangqianjin 阅读(912) 评论(0) 推荐(0)

2023年1月17日

cookie

摘要： https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Cookies 阅读全文

posted @ 2023-01-17 09:33 pangqianjin 阅读(10) 评论(0) 推荐(0)

用::after伪元素，attr()CSS 表达式和一个自定义数据属性 data-descr 创建一个纯 CSS，词汇表提示工具

摘要： <p>这是上面代码的实现<br /> 我们有一些 <span data-descr="collection of words and punctuation">文字</span> 有一些 <span data-descr="small popups which also hide again">提示阅读全文

posted @ 2023-01-17 09:11 pangqianjin 阅读(100) 评论(0) 推荐(0)

2023年1月10日

利用input标签来复制文本到剪切板却丢回车失换行符

摘要：举例下面的方法复制到剪切板后，会吞掉 \r 和 \n： const copy = (value) => { const input = document.createElement("input");// 可以换成textarea标签 input.value = value; document.b 阅读全文

posted @ 2023-01-10 11:15 pangqianjin 阅读(161) 评论(0) 推荐(0)

2023年1月5日

CSS 干掉图片背景

摘要： 1. 首先图片需要有一个容器，容器需要有背景颜色，默认是#fff <div class="container"> <img src="xxx.png" alt="" /> </div> 2. 然后指定混合模式和滤镜 .container { background-color: xxx颜色; img 阅读全文

posted @ 2023-01-05 10:24 pangqianjin 阅读(219) 评论(0) 推荐(0)

2022年12月12日

如何React的函数式组件中使用useContext和useReducer来简单替代redux

摘要： 1. 首先是user.jsx import React, { createContext, useReducer } from 'react' export const UserContext = createContext() const user = { username: '', email: 阅读全文

posted @ 2022-12-12 20:37 pangqianjin 阅读(112) 评论(0) 推荐(0)

2022年11月5日

不使用hbuilderx创建基于vue3 + vite的uniapp

摘要：创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project 创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-pro 阅读全文

posted @ 2022-11-05 14:25 pangqianjin 阅读(161) 评论(0) 推荐(0)

2022年8月31日

uniapp运行到微信开发者工具中，上传代码时，总是提示“分包大小超过限制”？

摘要： 1.尝试按照官方指南，进行分包优化，和开启代码/样式压缩 https://developers.weixin.qq.com/community/develop/doc/00040e5a0846706e893dcc24256009 结果依然如此 2.HbuilderX中，也要开启代码压缩问题解决，可阅读全文

posted @ 2022-08-31 17:26 pangqianjin 阅读(312) 评论(0) 推荐(0)

2022年8月14日

flex布局，自动换行，且元素左对齐（最后一行也适用）

摘要： .wrapper { display: flex; flex-wrap: wrap;/* 换行 */ justify-content: flex-start;/* 左对齐*/ } /* 这里每行可以放4个元素，还剩6vw的宽度，刚好作为4个元素之间的3个间隙，每个间隙是2vw */ .wrapper 阅读全文

posted @ 2022-08-14 16:40 pangqianjin 阅读(4354) 评论(1) 推荐(0)

公告