- 博客(69)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 快速修改本地Git用户名、密码
在打开的控制面板页面，找到“用户账户”，然后点击打开。在新打开的页面，点击“管理Windows凭据”，最后进入windows凭据管理器页面。
2023-02-24 11:47:53
1703
原创 js删除一个数据和另外一个数组交集的数据
批量数组（部分字段是用户操作过的）修改时，接口需要校验这些数据是否可操作和数据是否已经不存在，如果校验不通过，后端会返回一个被删除的集合和一个不可编辑的集合，前端首先需要隐藏被删除的数据，并在剩余的数据中讲不可编辑的置灰。
2023-02-14 11:05:28
464
原创 git暂存本地代码
在开发中经常会遇见：正在A分支开发，但是有紧急需求需要在B分支处理，此时A分支代码没有开发完整，又不能提交代码，这个时候暂存本地代码就非常的YYDS了！
2022-08-11 17:04:08
1113
原创 vue路由跳转页面不刷新、this.$router.go(-1)不生效
vue项目中遇见了这样一个问题：使用this.$router.go(-1)回到上一页，路由改变了，但是页面展示还是停留在当前页面，需要手动刷新才能渲染跳转后的页面。router-view 如下：一般情况用到上面这种写法就能解决问题了，但是我这里还是不生效。然后我就想到了如下方法：解决思路：在钩子时，使用存储from.path；然后在点击返回的时候使用this.$router.push代码：...
2022-07-12 10:55:34
8467
2
原创 vue+elementUI实现表格滚动加载
简单粗暴，直接上代码el-table-loadmore/index.js文件const vueClearIndex = {}/** element 表格实现滚动加载*/vueClearIndex.install = Vue => { Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper')
2022-04-29 15:29:57
793
原创 css实现斜切效果
开发中，经常会有上图样式的需求，那么怎么实现呢？我这里是用两个div画的，给他们20px的高度，然后用background来绘制这个斜切的效果，样式分别如下background:linear-gradient(-45deg, transparent 20px,#36c288 0);background:linear-gradient(135deg, transparent 20px,#fc424e 0);那么下面就给大家浅浅的讲一下linear-gradient吧！语法background-.
2022-03-24 11:58:25
4170
原创 JS实现跳转到指定位置，或者指定位置展示显示在页面
document.getElementById(`idname`).scrollIntoView()让id为idname的元素显示在页面之中，及也实现了，有滚动的情况，滚动条会滚动到相应位置其兼容性
2022-01-15 17:13:28
1268
原创 Vite构建工具
Vite简介Vite这个单词是一个语法单词，意思是轻快。它和我们使用vue-cli的作用基本相同，都是项目初始构建工具，相当于Vue项目构建的第二代产品，当然它也包含了项目编译功能。需要注意一下Vite的生产环境下打包是通过Rollup来完成的。目前还属于beta版本，还不是正式版本，且对vue只支持vue3的项目，不支持vue2的项目。Rollup是JavaScript的模块bundler（打包器），可以将一小段代码编译为更大更复杂的内容，列如库或应用程序。Vite特性1、Vite主打特点就是
2021-10-05 14:24:37
1225
1
原创 使用VSCode需要安装的一些插件
下载安装VSCode下载安装：https://code.visualstudio.com/Download通用插件Auto Close Tag ：匹配标签，关闭对应的标签Auto Rename Tag ：自动重命名beautify : 良好的拓展性，可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用View In Browser 或 Open In Browser 运行在浏览器中打开文件HTML CSS Support ：这个也是必备插件之一.
2021-09-28 11:49:35
5114
原创 Simple React Snippets快捷
Simple React Snippets是react 快速生成代码块插件，简单输入就能生成，下面展示一些输入内容展示的代码片段imrcimport React, { Component } from 'react';ccclass Test extends Component { state = { } render() { return ( <div></div> ); }}export default Test;123456
2021-09-28 11:33:38
579
原创 搭建vue3项目+ts
一、环境Vue CLI 3需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+，你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本）1、下载安装node下载地址：https://nodejs.org/en/2、检查是否安装成功二、安装1、全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它，否则跳过此步：npm uninstall vue-cli -g //或者 yarn global remove vue-cli2、安装@vue/c
2021-09-11 12:02:24
6698
原创 typescript笔记
学习typescript一、安装二、数据类型三、函数1、声明函数2、函数传参一、安装npm install -g typescripttsc -v 检测是否已安装tsc --init 项目中创建生成tsconfig.json“outDir”: “./js”, tsconfig.json里配置之后，ts编辑的js就会放到./js文件夹里面终端–>运行任务- ->typescript–>tsc:监听 -》这样配置就可以编辑ts自动编译成js二、数据类型b
2021-09-11 11:20:41
486
原创 自定义滚动条样式
浏览器默认的滚动条是这样的期望的效果是这样的实现代码如下： /* 滚动条的宽度 */ ::-webkit-scrollbar { width: 5px; } /*定义滚动条轨道 */ ::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(13, 13, 236, 0.1); } /*定义滑块 */ ::-we
2021-07-20 15:44:08
80
原创 小程序转发后中文标题乱码
微信小程序分享文章，点开分享的文章，标题会出现如下的乱码问题代码如下： wx.setNavigationBarTitle({ title: options.name })解决方法： wx.setNavigationBarTitle({ title: decodeURIComponent(options.name) })...
2021-07-20 10:53:20
453
原创 Vue中使用tinymce富文本编辑器
tinyMCE.activeEditor.selection.setContent(`<span style="color:red">{total_score}</span>`)在光标处插入内容otalScore() { tinymce.activeEditor.execCommand('mceInsertContent',false,`<span style="color:red">{total_score}</span&g.
2021-07-15 16:52:57
2227
8
原创 js判断数据类型的几种方式
数据类型，包含这7种： number、boolean、symbol、string、object、undefined、function1、typeof不能区分null、[]、{}typeof "" stringtypeof 1 numbertypeof true booleantypeof undefined undefinedtypeof null objecttypeof {} objecttypeof [] objecttypeof fun
2021-07-13 18:34:40
97
原创 js获取时间的年月日等
var date = new Date();date .getYear(); //获取当前年份距离1900的差值date .getFullYear(); //获取完整的年份(如：2012)date .getMonth(); //获取当前月份(0-11,0代表1月)date .getDate(); //获取当前日(1-31)date .getDay(); //获取当前星期几(0-6,0代表星期天)date .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)d
2021-07-13 17:46:28
1148
原创 css实现内容轮播
很多大屏数据需要炫酷一点的都会有内容轮播的需求，下面我写了一个简单的demo（这是上下轮播，左右轮播也差不多啦！translateY改成translateX），如果有更好的写法，希望大神些可以分享给我，让我学习学习(*￣︶￣) <div class="list_box"> <div class="list_box_div"> <div v-for="(v,i) in defaultWords" :key="i">{{v.name}}&l
2021-07-01 14:16:57
496
原创 伪类css实现元素背景旋转
现在要是还不会点样式，都不行啊！<div class="box">内容</div> .box { position: relative; width: 90px; height: 90px; border: 1px solid red; } .box::before { content: ""; position: absolute; width: 90px; height: 90px; le
2021-06-29 17:17:45
415
原创 词云 vue-b2wordcloud
前言词云，说起来可能并不是很熟，但是开发中会用到哦！效果图如下：安装npm install vue-b2wordcloud --save引入在main.js里引入import VueWordcloud from 'vue-b2wordcloud'Vue.use(VueWordcloud)使用 <vue-wordcloud style="width: 1000px;height: 1000px;background:none" id="canvas" :options="opt
2021-06-29 16:35:49
672
2
原创 vue 使用print-js
前言只要有软件的开发就会有管理后台的开发，然而就现在很多管理后台都是需要打印功能的，其实也有那种前端生成pdf的需求，但总的来说，个人还是觉得用打印里面的“另存为PDF”比较香。我这里使用的是print-js，官网优点：可打印多种格式内容（pdf、json、html、image），默认类型为pdf。打印json时可以添加表头。打印html页时可以继承原有页面的样式，可以局部打印，过滤掉要打印的元素。那么打印怎么实现呢？请接着往下看安装npm install print-js --save
2021-06-29 15:01:12
6864
原创 js解析和评估数学表达式 之expr-eval
安装npm i expr-eval使用 var Parser = require('expr-eval').Parser var parser = new Parser(); var expr = parser.parse('2 * x + 1'); console.log(expr.evaluate({ x: 3 })); // 7 // or Parser.evaluate('6 * x', { x: 7 }) // 42更多请查看文档...
2021-06-25 16:45:29
1115
原创 js将时间转换为时间戳在苹果手机上为NaN
前言在开发小程序有一个需求是：页面部分展示是要过了某个时间之后才显示。自测的时候是实现了的，但是一到测试的那里就没效果。怎么回事呢？原来是苹果手机和安卓手机的时间转换不一样导致的场景再现let stopTime = new Date('2021-08-12 23:00:00').getTime();在安卓手机上争创转换，但是在苹果手机上是NaN解决let stopTime = new Date('2017/08/12 23:00:00').getTime();如果时间是个变量可以这样写，假
2021-06-25 16:32:50
510
原创 小程序富文本组件，实现富文本图片点击预览等
1、下载组件组件下载地址：parser.min.zip组件官方文档地址：parser官方文档2、使用将下载的文件放到项目中在需要使用组件的json文件里面注册 "usingComponents": { "parser": "../../../component/components/parser.min/parser" },wxml中使用<parser html="{{rithText}}" />3、效果...
2021-06-25 16:13:50
437
原创 小程序 rich-text富文本 的一些问题
1、返回的数据中有的图片很大，在手机上显示会出现需要左右滑动的情况，那么我们就要做如下处理了，给图片加个样式 data= data.replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ');2、返回的数据中明明是有换行的，但是就是不生效，看不到效果，那么就又需要处理一下咯data= data.replace(/\<p> <\/p>/gi, '<br
2021-06-25 11:11:17
1346
原创 小程序 解决手机下面有横杠的样式适配问题
1、在app.js文件，onLaunch方法中通过 wx.getSystemInfo获取手机设备信息//获取设备信息wx.getSystemInfo({ success: function (res) { // 有横杆的导航栏高度大于40 if (res.safeArea.top > 40) { this.globalData.isIphoneX = true; } }});2、页面使用时候js文件var app = ge
2021-06-25 10:56:31
955
原创 vue防止重复提交
一、新建自定义文件preventReClick.js这里定时器的时间可以修改的哦。import Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) {
2021-06-25 10:37:45
823
原创 [sitemap 索引情况提示] 根据 sitemap 的规则[0]，当前页面 [pages/consult/consult] 将被索引
在小程序开放中，会遇见类似如下提示其实这并不是bug，只是一个警告，但是对于强迫症来讲，看着着实不舒服，那么怎么解决这个问题呢？解决方法：在project.config.json文静里面配置"checkSiteMap": false配置好保存即可，如果不生效，重启微信开发工具就可以啦！...
2021-06-24 14:53:33
228
原创 Vscode 使用less自动生成css文件
没有别的才艺，直接上步骤，希望能帮到你！1、在扩展包里找到easy less并安装2、打开设置，可以使用快捷键，也可以如下操作：文件>首选项>设置3、找到setting.json，并点击进入4、在配置中加入，less.compile，如下："less.compile": { "compress": false,//是否压缩 "sourceMap": false,//是否生成map文件，有了这个可以在调试台看到less行数 "out": true, // 是否输出css文件，
2021-06-24 11:31:19
5093
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人