摘要: Top-level await is not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari14" + 2 overrides) node_mod 阅读全文
posted @ 2024-04-25 17:52 shine_lovely 阅读(348) 评论(0) 推荐(0) 编辑
摘要: git rm -r --cached . git add . git commit -m "update gitignore" 阅读全文
posted @ 2024-04-17 11:53 shine_lovely 阅读(2) 评论(0) 推荐(0) 编辑
摘要: npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ 阅读全文
posted @ 2023-04-07 09:03 shine_lovely 阅读(16) 评论(0) 推荐(0) 编辑
摘要: setting.json { "workbench.colorTheme": "Solarized Light", "window.zoomLevel": 1, // 目自定义的颜色 "editor.tokenColorCustomizations": { "comments": "#008000" 阅读全文
posted @ 2023-02-13 17:33 shine_lovely 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 解决定义的scss变量在@use "sass:map";前面报错。 preprocessorOptions: { // 向全局sass样式传入共享的全局变量,注入 `scss` 的 `mixin` `variables` 到全局 scss: { additionalData: ` @import " 阅读全文
posted @ 2023-02-10 11:14 shine_lovely 阅读(2015) 评论(0) 推荐(0) 编辑
摘要: 1. 无刷新去除 网址的参数 window.history.pushState({}, document.title, window.location.pathname); 2. Date对象 具体可以查阅 mdn new Date() // Wed Jul 20 2022 15:00:10 GMT 阅读全文
posted @ 2022-12-09 11:22 shine_lovely 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 密码强度的正则表达式(JavaScript)总结 简言 本文给出了两个密码强度的正则表达式方案,一个简单,一个更复杂和安全。并分别给出了两个方案的解析和测试程序。一般大家可以根据自己的项目的实际需要,自行定义自己的密码正则约定。 前言 用户注册时,都会用到密码正则校验。要写出正确的正则表达式,先要定 阅读全文
posted @ 2022-10-11 09:44 shine_lovely 阅读(457) 评论(0) 推荐(0) 编辑
摘要: 微信小程序 1. wxs 的简单应用 微信小程序的wxml模板语法不支持 数组的 slice 等方法,但实际开发过程中又必不可少,就可以新建wxs文件配合wxml来实现。 WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 根目录下新建utils目录, 阅读全文
posted @ 2022-08-11 14:42 shine_lovely 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 微信小程序自定义tabbar 官方 custom-tab-bar 规则的tabbar(使用 cover-view等标签来覆盖原生的tabbar,但只能是规则的tabbar) app.json中配置 tabbar "tabBar": { "custom": true, "color": "#fff", 阅读全文
posted @ 2022-08-11 14:25 shine_lovely 阅读(3323) 评论(0) 推荐(0) 编辑
摘要: css实现精致的角标 参考:视觉还原小技巧!CSS 实现角标效果 纯色角标 -> 有白色到透明渐变的角标 -> 更精致有微弱高光的角标 .ribbon1 { margin: 0 60px; font-size: 34px; line-height: 70px; color: #fff; text-a 阅读全文
posted @ 2022-08-05 12:17 shine_lovely 阅读(1559) 评论(0) 推荐(0) 编辑
摘要: css渐变 linear-gradient、repeating-linear-gradient 参考:详解 linear-gradient 和 radial-gradient 的使用 定义 CSS linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。 linear- 阅读全文
posted @ 2022-08-04 17:58 shine_lovely 阅读(460) 评论(0) 推荐(0) 编辑
摘要: CSS filter滤镜属性、clip-path裁减属性 filter contrast(amount) 调整输入的对比度 amount<number>或amount <percentage> 小于100%会降低对比度,大于100%增加对比度。值0%将创建一个完全灰色的图像,而值将100%保持输入不 阅读全文
posted @ 2022-08-03 11:43 shine_lovely 阅读(94) 评论(0) 推荐(0) 编辑
摘要: input在输入时,控制台出现 warning 意思是: Input 组件从一个非受控组件变成了一个受控组件。 造成这个问题的原因是:初始化时,Input 组件的value值为undefined。 所以,要解决该问题,我们只要在初始化时,Input 组件的value值为undefined时赋值一个空 阅读全文
posted @ 2022-07-26 14:28 shine_lovely 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 安装 vuex-persist yarn add vuex-persist 应用 store.js import Vue from 'vue' import Vuex from 'vuex' import VuexPersistence from 'vuex-persist' Vue.use(Vue 阅读全文
posted @ 2022-07-05 11:05 shine_lovely 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 图片顶到最上面 当前页面的json中配置: json "navigationStyle":"custom" checkbox样式修改 checkbox { /* 未选中时--样式更改 */ .wx-checkbox-input { border-radius: 50%; width: 30rpx; 阅读全文
posted @ 2022-06-23 11:18 shine_lovely 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 全局安装 sass npm install sass -g Arguments输入 $FileName$:$FileNameWithoutExtension$.wxss --no-source-map Output paths to refresh输入 $FileNameWithoutExtensi 阅读全文
posted @ 2022-06-16 19:52 shine_lovely 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 使用 text-overflow: ellipsis .text { overflow: hidden; /* 将超出的部分隐藏掉 */ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box 阅读全文
posted @ 2022-06-16 19:08 shine_lovely 阅读(623) 评论(0) 推荐(0) 编辑
摘要: 每隔4个加一个逗号 var t = '123456789abcdefg' var str = t.replace(/(.{4})/g, '$1,') // '1234,5678,9abc,defg' 阅读全文
posted @ 2022-06-01 14:37 shine_lovely 阅读(1101) 评论(0) 推荐(0) 编辑
摘要: 字符串方法 1. slice 字符串、数组 通用方法 不改变原值,返回一个新的符合条件的值 slice(start,end) : 从 start开始,到end结束(不包含end). end下标不写,默认到最后 应用: 正向截取 var text = '123456789'; var str = te 阅读全文
posted @ 2022-05-06 11:03 shine_lovely 阅读(492) 评论(0) 推荐(0) 编辑
摘要: 1. carousel 轮播 开启左右箭头 arrows 属性设为 true <a-carousel arrows :dots="false" ref="carouselRef"> <div slot="prevArrow" slot-scope="props" class="custom-slic 阅读全文
posted @ 2022-04-28 16:06 shine_lovely 阅读(205) 评论(0) 推荐(0) 编辑