shine_lovely

摘要： 对应子元素指定位置 /* 指定 two项目 的位置 */ /* 从第一根行网格线开始 */ /* 从第二根列网格线开始 */ /* 从第二根行网格线结束 */ /* 从第四根列网格线结束 */ .two { grid-area: 1 / 2 / 2 / 4; } /* 指定 four项目 的位置 * 阅读全文

摘要： 在 SVG 中获取文字元素宽度 因为 svg 中是一个一个元素组成的，和原生 DOM 元素差不多，所以就可使用获取普通元素宽度的API， getComputedTextLength 、getBoundingClientRect。 let $text = document.querySelector( 阅读全文

摘要： Top-level await is not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari14" + 2 overrides) node_mod 阅读全文

摘要： git rm -r --cached . git add . git commit -m "update gitignore" 阅读全文

摘要： npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ 阅读全文

摘要： setting.json { "workbench.colorTheme": "Solarized Light", "window.zoomLevel": 1, // 目自定义的颜色 "editor.tokenColorCustomizations": { "comments": "#008000" 阅读全文

摘要： 解决定义的scss变量在@use "sass:map";前面报错。 preprocessorOptions: { // 向全局sass样式传入共享的全局变量,注入 `scss` 的 `mixin` `variables` 到全局 scss: { additionalData: ` @import " 阅读全文

摘要： 1. 无刷新去除 网址的参数 window.history.pushState({}, document.title, window.location.pathname); 2. Date对象 具体可以查阅 mdn new Date() // Wed Jul 20 2022 15:00:10 GMT 阅读全文

摘要： 密码强度的正则表达式（JavaScript）总结 简言 本文给出了两个密码强度的正则表达式方案，一个简单，一个更复杂和安全。并分别给出了两个方案的解析和测试程序。一般大家可以根据自己的项目的实际需要，自行定义自己的密码正则约定。 前言 用户注册时，都会用到密码正则校验。要写出正确的正则表达式，先要定 阅读全文

摘要： 微信小程序 1. wxs 的简单应用 微信小程序的wxml模板语法不支持 数组的 slice 等方法，但实际开发过程中又必不可少，就可以新建wxs文件配合wxml来实现。 WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。 根目录下新建utils目录， 阅读全文

摘要： 微信小程序自定义tabbar 官方 custom-tab-bar 规则的tabbar（使用 cover-view等标签来覆盖原生的tabbar，但只能是规则的tabbar） app.json中配置 tabbar "tabBar": { "custom": true, "color": "#fff", 阅读全文

摘要： css实现精致的角标 参考：视觉还原小技巧！CSS 实现角标效果 纯色角标 -> 有白色到透明渐变的角标 -> 更精致有微弱高光的角标 .ribbon1 { margin: 0 60px; font-size: 34px; line-height: 70px; color: #fff; text-a 阅读全文

摘要： css渐变 linear-gradient、repeating-linear-gradient 参考：详解 linear-gradient 和 radial-gradient 的使用 定义 CSS linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。 linear- 阅读全文

摘要： CSS filter滤镜属性、clip-path裁减属性 filter contrast(amount) 调整输入的对比度 amount<number>或amount <percentage> 小于100%会降低对比度，大于100%增加对比度。值0%将创建一个完全灰色的图像，而值将100%保持输入不 阅读全文

摘要： input在输入时，控制台出现 warning 意思是： Input 组件从一个非受控组件变成了一个受控组件。 造成这个问题的原因是：初始化时，Input 组件的value值为undefined。 所以，要解决该问题，我们只要在初始化时，Input 组件的value值为undefined时赋值一个空 阅读全文

摘要： 安装 vuex-persist yarn add vuex-persist 应用 store.js import Vue from 'vue' import Vuex from 'vuex' import VuexPersistence from 'vuex-persist' Vue.use(Vue 阅读全文

摘要： 图片顶到最上面 当前页面的json中配置： json "navigationStyle":"custom" checkbox样式修改 checkbox { /* 未选中时--样式更改 */ .wx-checkbox-input { border-radius: 50%; width: 30rpx; 阅读全文

摘要： 全局安装 sass npm install sass -g Arguments输入 $FileName$:$FileNameWithoutExtension$.wxss --no-source-map Output paths to refresh输入 $FileNameWithoutExtensi 阅读全文

摘要： 使用 text-overflow: ellipsis .text { overflow: hidden; /* 将超出的部分隐藏掉 */ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box 阅读全文

摘要： 每隔4个加一个逗号 var t = '123456789abcdefg' var str = t.replace(/(.{4})/g, '$1,') // '1234,5678,9abc,defg' 阅读全文