一碗甜汤-CSDN博客

原创 van overlay 遮罩层遇到页面滑动上移 //当fixed遇上transform，定位失效

vant overlay 遮罩层遇到页面滑动遮罩层位置不对/fixed遇到transform失效

2022-07-02 17:41:17 757 1

原创各种封装的小方法：手机号验证，小程序判断登录

1.手机号验证export function isValidPhone(str) { var myreg = /^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test(str)) { return false; } else { return true; }}2.判断用户是否登录/** * 判断用户是否登录 */export function checkLogin() { return new Promise(function

2021-06-07 18:41:23 358

原创 css.实现二维码扫描静态

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; ...

2021-06-01 16:03:22 378 1

原创 css.伪类样式

结构 <View className='root'> <View className='Error-404'>ERROR 404</View> </View>样式.root {background: #5e8198;width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;color: whitesmoke;

2021-06-01 15:48:02 200

原创 sass. 记录

主要参考：https://www.ruanyifeng.com/blog/2012/06/sass.html

2021-05-31 12:01:04 45

原创 chunk common [mini-css-extract-plugin] :微信小程序警告

解决方法：config/index.js 添加：mini{ enableExtract: true, miniCssExtractPluginOption: { //忽略css文件引入顺序 ignoreOrder: true }}即可

2021-04-09 15:16:47 619

原创 react 面试笔记

react1。setState 不可变值，可能是异步更新，可能是合并。（setTimeout 是同步更新）2。　组件生命周期3。Portals 传送门组件渲染到父组件以外。使用场景:- overflow hidden- 父组件z-index太小- fixed需要放在body第一层return ReactDom.createPortal(<div className="modal">{props.children}</div>，document.body/

2021-03-31 18:24:18 102

原创 Next.js报错the ‘url‘ property is deprecated

最近做博客，用的next.js，使用props.url报错查询之后发现可以改为import { useRouter } from "next/router";``const route=useRouter()router 目的pathname：String-当前路线。那是页面的路径/pagesquery：Object-查询字符串解析为一个对象。如果页面没有数据获取要求，则在预渲染期间它将是一个空对象。默认为{}详情的话建议查阅官方文档https://www.nextjs.cn/docs

2021-03-20 10:48:12 178

原创数组各种方法例子

1.从数组创建键（值）对象let users = [ {id: 'john', name: "John Smith", age: 20}, {id: 'ann', name: "Ann Smith", age: 24}, {id: 'pete', name: "Pete Peterson", age: 31},];let usersById = groupById(users);function groupById(arr){ return arr.reduce((obj,item)

2021-03-05 17:07:27 122

原创可选链?.（现代JavaScript教程笔记三

可选链如果可选链？.前面是undefined或者null 则会停止运算并返回该部分比如 value?.prop:意思是如果value存在，则结果与value.prop结果相同例子：安全访问user.address.street可以这样写let use={} //use 并没有address属性alert(use?.address?.street)//undefined 不报错另外，即使对象不存在，也可以用？.比如 let use=nullalert(use?.address)//und

2021-03-05 16:48:39 91

原创读现代JavaScript教程笔记（二）

三，函数空值的return或者没有return的函数返回值为undefined不要在return与返回值之间添加新行3.2函数的命名函数就是行为（action）。所以它们的名字通常是动词。它应该简短且尽可能准确地描述函数的作用。这样读代码的人就能清楚地知道这个函数的功能。一种普遍的做法是用动词前缀来开始一个函数，这个前缀模糊地描述了这个行为。团队内部必须就前缀的含义达成一致。比如：“get…” —— 返回一个值，“calc…” —— 计算某些内容，“create…” —— 创建某些内

2021-03-03 18:48:38 81

原创读现代 JavaScript 教程笔记

循环：跳出循环：break 强制退出let sum = 0；while (true) {let value = +prompt("Enter a number", '');if (!value) break; // (*)sum += value;}alert( 'Sum: ' + sum );如果用户输入空行或取消输入，在 (*) 行的 break 指令会被激活。它立刻终止循环，将控制权传递给循环后的第一行.继续下一次迭代 continue （仅仅停止当前循环，并且强制开始新一代循环在.

2021-02-25 18:35:50 149 1

原创小程序加载本地图片报错500

用的taro ，传递一个背景图，本来这样写的，但是报500什么渲染错误，想了想这样改了下，图片可以正常显示子组件接收这样写的<View style={{background:bg||"#fff"}}></View>改成这样：父组件：const bg1=require("./images/bg1/bg1")子组件接收一下就可以了...

2021-01-14 19:08:39 990

原创微信小程序文本超出显示省略号...

老记不住这个，用的时候又要找，找到的又不起效，所以记录一下 ------------不用设置宽 ------------ /* 超出两行省略号 */ display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; /* autoprefixer: ignore next */ -webkit-box-orient: vertical; --

2021-01-14 16:54:57 472

原创 React 超级简单的tab栏切换（react hooks）

“热爱可抵岁月漫长”export default function Demo(){//设置默认当前选中 const [current, setcurrent] = useState(0); //点击tab栏切换事件 const clickevent = useCallback((item, key) => { setcurrent(key); }); //选中的tab-content 内容添加active类名 const classNameSJp = useCall

2020-12-04 15:46:54 5773 2

原创修改浏览器滚动条样式（兼容火狐，谷歌)

修改浏览器滚动条样式（兼容火狐，谷歌） //在添加overflow-y的类名上添加以下样式可修改滚动条默认样式.dialog{overflow-y: scroll; } //兼容谷歌 .root .dialog::-webkit-scrollbar { width: 5px; border-radius: 8px; }/* 滚动条颜色 */.root .dialog::-webkit-scrollbar-track { background-color: #555.

2020-06-23 14:50:25 1348

原创 css滚动条样式美化

在想要滚动得元素上面添加 overflow-y: scroll;然后修改样式.chat::-webkit-scrollbar { width: 0 !important; } //设置滚动条显示隐藏/* 设置滚动条的样式 */.chat::-webkit-scrollbar { width: 5px; border-radius: 8px;}/* 滚动槽 */.chat::-webkit-scrollbar-track { /* -webkit-box

2020-06-04 14:13:50 3227

原创 react 组件复用判断div在左边还是右边

父组件： <ClassifyBox /> <ClassifyBox isRight={false}/> <ClassifyBox />/父组件里面无需定义isRight,只需要在传递一个isRight给子组件,其他没传递的是默认为true子组件接收（用props接收）//右边div图片function RightBox(){ return <div style={{disp

2020-05-11 18:33:26 565

原创 js判断移动端还是pc端

2019-12-19 17:05:30 123

原创 github/码云常用命令自看

github/码云常用命令自看1.git init 初始化仓库2.git add . 添加文件到暂存区3.git commit -m “提交说明” 添加到本地存储并且提交信息4.git remote add ‘别名（origin）’ url 远端仓库地址给远端仓库起个名字（如果第一次设置过就用设置了）5. git pull 别名+分支名称更新代码6. git p...

2019-11-06 19:28:36 188

weixin_45843723的博客