自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

dearyang

低调的程序员

  • 博客(156)
  • 资源 (10)
  • 收藏
  • 关注

原创 纯CSS优惠券样式

纯CSS实现优惠券效果

2024-04-15 16:29:41 217

原创 Git从一个仓库合并另一个仓库的某一次提交

这个命令用于将指定的提交应用到当前分支上。在Git中,要将另一个仓库的某一次提交合并到当前仓库,可以使用。请确保在执行这些操作之前备份您的代码,以防发生意外。是要将提交合并到的目标分支。是要合并的提交的哈希值。是远程仓库的分支名称。是远程仓库的URL。

2024-01-18 15:41:06 741

原创 Git仓库导出、导入

【代码】Git仓库导出、导入。

2023-08-04 19:36:16 375

原创 IT技术岗位面试技巧和建议

记住,面试是一个双向选择的过程,不仅是面试官对你的评估,也是你对公司的评估,所以尽量保持平和和积极的心态。祝你找到理想的工作!2. 准备常见面试问题:面试过程中,一些常见问题是可以预测的,如“谈谈你的项目经验”、“你最大的技术挑战是什么”等。这将有助于你理解公司的需求和文化,并在面试中展示你的兴趣和适应能力。清晰地表达自己的想法,倾听面试官的问题并结构化回答,以及与面试官建立积极的互动,都是体现良好沟通技巧的方式。根据公司对技术栈和需求的评估,选择并强调你在相关技术领域的经验,以证明你的能力和适应性。

2023-07-18 16:04:17 295

原创 微信开放平台应用签名MD5

二、把字母转换成小写,去除(:)一、在任一网页右键检查打开调试。就是要填写的APP应用签名。根据自己的签名去转换就可以啦。可以使用JS转换一下。MD5 应用签名示例。

2023-01-18 17:09:52 678

原创 window 脚本build 打包成zip压缩包

写了一个bat脚本,想着自动处理编译前后的工作。3、利用 WinRAR 打包成压缩包。2、build 编译最新代码。4、打开 dist 文件夹。

2022-10-08 16:10:12 1054

原创 vue-quill-editor 保留文字样式禁止粘贴base64图片

【代码】vue-quill-editor 保留文字样式禁止粘贴base64图片。

2022-10-08 09:32:47 1050 1

转载 vue+element动态表单验证

【代码】vue+element动态表单验证。

2022-10-08 06:54:14 682

转载 vue项目多人协作避免target冲突

先看文件夹目录:重点是config文件夹下的配置,.gitignore,vue.config.js文件要把vue项目跟后台对接接口api单独提出来,首先对vue.config.js进行改造:把proxy单独提出来。

2022-10-08 06:43:29 383

转载 JS工具函数 数字转为中文数字和大写金额

数字转中文数字示例2. 数字转为中文大写金额数字转大写金额示例

2022-07-14 10:26:54 725

原创 JS树形结构数据,根据子节点数据获取所有父节点数据

省市区多维数组通过value=130628 获取到 ["河北省", "保定市", "高阳县"]函数调用这样就可以根据子节点数据获取所有父节点数据啦

2022-07-14 09:58:51 5507 4

转载 css设置根据内容自适应宽度

css设置:实现div居中,宽度自适应:

2022-07-14 09:37:51 3152

转载 PDF.js预览PDF访问远程服务器报file origin does not match viewer‘s

PDF.js的使用1.下载pdf.js插件:点击下载。2.解压后把web和build文件夹放进项目里。3.新建一个test.html,通过iframe标签嵌套viewer.html即可,如果是只加载本地文件,在viewer.js修改默认的pdf文件路径即可。修改viewer.js的默认的pdf的文件路径:4.如果需要加载远程服务器的pdf文件,远程服务器返回pdf文件流,然后在viewer.html的url后面添加file=http://127.0.0.1:8020/PDF/test,但

2022-06-22 20:28:07 3838 3

转载 v-model 绑定 v-for循环对象会报错问题

报错信息:解释:适用于此类结构:解决方法:

2022-06-22 20:25:06 1874

转载 uni-app 接口封装实现过期重新登录再重新请求业务接口

小程序中实现token过期重新登录再重新请求业务接口该方法用于小程序token两个小时后过期,重新获取token再请求接口1、新建一个封装请求接口文件,命名为request.js(我在utils文件夹下建request.js),代码如下:2、使用方法,与utils文件夹同级建一个新的文件夹api,在api文件夹下新建index.js文件,代码如下 3、再在api文件夹下新建一个js(banner.js)文件,用于引入index.js写的接口,代码如下 4、在页面中使用,代码如下:...

2022-06-22 20:20:19 1566

转载 uniapp 点击tab标签页面滑动

建立util文件夹放一个Tool.js:把Tool.js在main.js中引入: index.vue中:

2022-06-22 20:13:13 724

转载 css滤镜使网站置灰

元素设置滤镜

2022-06-22 20:09:21 573

转载 uniapp视频试看功能

前端监听视频播放进度,在试看结束后做一些操作HTMLJavaScript

2022-06-22 20:06:29 745

原创 UNIAPP获取音频长度一直是0

创建并返回内部 audio 上下文 对象。解决方法:onCanplay 音频进入可以播放状态 添加定时器获取音频时长

2022-06-22 20:02:49 2675 1

转载 使用token发布npm包

在CI/CD自动化发布npm场景中,网上大部分文章采用的是命令方式输入账号密码,或者在内置好账号密码,然后执行。这种方法可行, 但是不太安全,存在泄露账号的风险。所以本文讲述的是如何通过这种安全的方式实现发包。2.此时系统会询问是否要开启2FA(Two Factor Authentication)登录(已经开启2FA的用户不会出现这个界面),同意开启,2FA模式选择,然后点击提交3.此时,界面会提示你,需要手机扫码,然后在输入框输入OTP码。我们可以在手机上下载这个app,然后用这个app进行扫码,之后ap

2022-06-22 19:46:04 2015

原创 我的创作纪念日

我的创作纪念日

2022-06-21 15:52:48 93

原创 uni-app 省市区选择器

一、导入uni-data-picker插件uni-data-picker 数据驱动的picker选择器单列、多列级联选择器,常用于省市区城市选择、公司部门选择、多级分类等场景 二、省市县数据导入项目附:省市区三级联动数据uni-appuni-data-picker省市区数据表-Javascript文档类资源-CSDN下载是一个选择类datacom组件。支持多列级联选择。...

2022-06-16 14:07:12 12424 5

原创 判断当前时间戳是否在指定时间段内

当前时间戳是否在指定时间段内,返回结果 none:无效,start:开始,end:结束,in:在内/** * 对比时间戳 * @param s {String|Number} 开始时间戳 * @param e {String|Number} 结束时间戳 * @returns {String} 返回结果 none:无效,start:开始,end:结束,in:在内 */export function onJudgmentTime(s, e) { const now = Math.roun.

2022-05-19 16:17:27 3055

原创 文档预览:在浏览器中预览查看 Office 文档

您的网站或博客上是否有希望读者查看的 Office 文档,即使他们没有安装 Office?您愿意在下载之前查看文档吗?要为您的观众提供更好的体验,请尝试使用 Office Web 查看器。什么是 Office Web 查看器?它是一种创建 Office Web 查看器链接的服务。Office Web 查看器链接可在浏览器中打开原本会下载的 Word、PowerPoint 或 Excel 文件。您可以轻松地将下载链接转换为 Office Web 查看器链接以在您的网站或博客中使用(例如,食谱、照片

2022-04-07 10:45:47 2821 2

原创 Git 同时设置、推送多个仓库

创建 git 仓库:mkdir testcd testgit init -b "main"touch README.mdgit add README.mdgit commit -m "first commit"git remote add origin https://gitee.com/dearyang/test.git已有仓库?cd existing_git_repogit remote add origin https://gitee.com/dearyang/test.

2022-03-01 17:01:48 2647 1

原创 Error: Cannot find module ‘webpack/lib/RuleSet‘ 解决方法

问题原因:@vue/cli 高版本的问题解决方案:推荐使用4.5.15 版本首先卸载全局安装的@vue/cli卸载@vue/clinpm uninstall -g @vue/cli安装@vue/clinpm install -g @vue/[email protected]

2022-03-01 15:35:17 6662 5

原创 MySQL 执行SQL文件,导入数据

1、mysql 命令导入使用 mysql 命令导入语法格式为:mysql -u用户名 -p密码 < 要导入的数据库数据(runoob.sql)实例:mysql -uroot -p123456 < runoob.sql以上命令将将备份的整个数据库 runoob.sql 导入。2、source 命令导入source 命令导入数据库需要先登录到数库终端:mysql> source D:/www/sql/backup.sql...

2021-12-17 14:50:47 2438

原创 Vue 多个项目共享node_modules

公司很多会议项目的依赖包是一样的,为了减少冗余文件,要让这些项目都共用一个node_modules。首先以管理员身份运行 cmd(命令提示符)mklink /d D:\Develop\WebStormProjects\meetm\meetm_test\node_modules D:\Develop\WebStormProjects\meetm\node_modules注意项目文件夹中不要有node_modules,项目路径和公共路径根据自己的路径去修改mklink /d <

2021-12-16 17:38:23 1931

转载 Element表单动态控制是否必填

问题:有四种发票类型,当类型为纸质专票时,可以不输入校验码,其他三种情况都必须输入校验码。解决方式:动态控制表单的rules代码:...<!-- 纸质专票无需输入校验码--><el-form-item label="校验码后六位" prop="checkCode" :rules="invoiceInfo.invoiceType == 2 ? [{required: false}]:rules.checkCode"> <...

2021-12-14 10:49:00 1648 1

转载 利用SASS/SCSS切换Vue项目主题

利用SASS/SCSS切换Vue项目主题最近在做的项目使用到了主题切换,我也趁此机会学习了一下SCSS/SASS这门CSS编译型语言,特此研究并带实现一个Vue Demo中实现主题切换。SCSS是SASS兼容CSS的版本,本文内全部使用SCSS一称。✏️大体思路如下:1.使用vuex全局执行命令切换主题 (state - mutations 无须异步)2.遍历主题色并设置混合,在需要的地方插入混合,使用方法查找对应颜色,生成嵌套,写全局类3.利用VueX和v-bind:class

2021-12-14 10:41:10 2334 2

原创 input输入框无法输入值的解决方案

IOS系统input输入框无法输入值页面上的input输入框设置-webkit-user-select:text !important;或者一并给input的父类加上此样式。(亲试有效)<input style='-webkit-user-select:text!important;'>或者input { -webkit-user-select:text !important;}...

2021-12-14 10:34:57 3548

原创 CSS定义如何计算一个元素的总宽度和总高度

box-sizingCSS中的box-sizing属性定义了user agent应该如何计算一个元素的总宽度和总高度。在CSS 盒子模型的默认定义里,你对一个元素所设置的width与height只会应用到这个元素的内容区。如果这个元素有任何的border或padding,绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边框和内边距。当我们实现响应式布局时,这个特点尤其烦人。box-sizing 属...

2021-12-14 10:10:04 1160

转载 解决H5在移动端软键盘弹出时底部fixed定位被顶上去的问题

移动端页面的底部菜单栏,通常会使用fixed定位在底部。在安卓手机上经常会出现软键盘弹出时,底部定位被顶上去,下面提供vue和jQuery两种解决办法。Vue解决方法<!--html部分--><div class="footer" v-show="hideshow"></div>// js 部分data(){ return { docmHeight: document.documentElement.clientHeight, //默认屏幕高

2021-12-14 10:05:33 6775 2

转载 Vue上传文件错误或者失败,重置input type=file

html中写一个type为file的input框//html<input type="file" name="file" ref="clearFile" @change="uploadMaterial($event)">提交文件, 重置input框//上传材料uploadMaterial(event) { var that = this; var formData = new FormData(); formData.append('file', event.tar

2021-12-14 10:01:48 1367

原创 JS判断数组中是否存在某个值或者某个对象的值

JS判断数组中是否存在某个值或者某个对象的值一、判断是否存在某个值二、判断是否存在对象的某个值

2021-12-14 09:32:34 21417

原创 crypto-js 加密、解密使用方法

一、安装crypto-jsnpm install crypto-js二、引入crypto-js支持ES6导入、Modularimport CryptoJS from "crypto-js";或者const CryptoJS = require("crypto-js");三、设置密钥和密钥偏移量// 十六位十六进制数作为密钥const SECRET_KEY = CryptoJS.enc.Utf8.parse("1234123412341234");// 十六位十六进

2021-12-10 15:35:32 61330 8

转载 让内容两端对齐,兼容IE及主流浏览器的方法

如果不喜欢看分析过程,可以跳到最后看最终兼容方案史前方法:以前实现两端对齐是这样的:<p class="box1">密&emsp;&emsp;码</p><p class="box1">用&emsp;户&emsp;名</p><p class="box1">身&emsp;份&emsp;证&emsp;号</p>效果是这样:然后再慢慢加&emsp 或者

2021-09-10 08:31:08 534

原创 vue-photo-preview 富文本图片点击预览支持缩放

vue-photo-preview基于photoswipe的vue图片预览组件vue-photo-preview 示例1、安装 vue-photo-previewnpm install vue-photo-preview --save2、在main.js引入插件import preview from 'vue-photo-preview';import 'vue-photo-preview/dist/skin.css';Vue.use(preview);3、处理接口返回的 HT.

2021-08-04 16:11:20 989

原创 在 WebStorm 中使用 REST API

如果您正在开发 RESTful 应用程序并开发 REST API 或在您的代码中使用它们,您可能已经了解 OpenAPI 和 Swagger。如果您还不熟悉它,Swagger 是一组工具,可帮助您为 API 创建文档(Swagger 网站有丰富的信息,欢迎您查看),而 OpenAPI 是一种描述端点的格式 REST API。在这篇博文中,我们将了解 WebStorm 如何帮助您创建和编辑 API 文档、使用 API 调用编写代码以及测试调用。首先,我们需要安装 OpenAPI Specifica

2021-07-30 09:53:50 675

原创 十大必会 WebStorm 快捷键

WebStorm 可以为您的常规操作节省大量时间。 基本上每一个操作都有一个快捷键。 要将所有快捷键都记下来几乎是不可能的,不过,您也不必为此劳心伤神! 只需从下面的基本快捷键学起,便可让您的工作效率突飞猛进。此处使用的所有键组合均来自 macOS 和 Windows/Linux 的默认键盘映射。 您可以在 Preferences / Settings | Keymap 中自定义键盘映射配置。Search Everywhere: ⇧⇧ / Shift+Shift如果说,您只打算从这篇文章中学会最

2021-07-30 09:28:23 1333

uni-app uni-data-picker 省市区数据表

<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制,如果屏幕显示不全,顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据

2022-06-16

city-lng-lat.json

JSON内包含全球主要城市/地区经纬度

2021-09-27

[email protected]

Element UI 中国省市区级联数据,根据 element-china-area-data 5.0.2版本调整城市数据,市辖区更改为城市名称

2021-07-28

Vue H5微信分享功能工具函数

Vue H5微信分享功能工具函数

2021-07-27

calculate.js

精确运算原生封装

2021-05-12

nvm-windows

nvm是node版本管理工具,可以运行在多种操作系统上。这里主要记录一下在windows系统的安装和使用。

2020-10-12

Vue.js Devtools

vue-devtools 是一款基于chrome游览器的插件,用于调试vue应用,现在已经可以在Firefox和Safari中安装。这可以提高我们的调试效率。

2020-07-16

Vue-CLI 4.x 自动部署项目至服务器

使用 scp2+cross-env 自动化上传部署 scp2是一个基于ssh2增强实现,纯粹使用JavaScript编写。 而ssh2就是一个使用nodejs对于SSH2的模拟实现。scp,是secure copy的缩写, scp是Linux系统下基于SSH登陆进行安全的远程文件拷贝命令。这里我们就用这个功能,在Vue编译构建成功之后,将项目推送至测试/生产环境,以方便测试,提高效率。

2020-04-01

ChromeStandaloneSetup64.exe

Google Chrome离线安装包,Google Chrome 浏览器 1、畅享全方位的快速体验 用户每次上网,一般都有一定的目的。无论这目的是大是小,是工作还是娱乐,Chrome 所具备的智能工具和非凡速度都能让您在网络世界得心应手地操作、创作和探索。 2、利用 Google 智能工具,高效处理各种事务 Chrome 具备让您充分利用网络所需的一切功能,例如在您的地址栏中快速显示答案、提供一键式翻译、在您的手机上为您量身推荐文章。 3、有 Chrome 安保措施保驾护航,网上冲浪再不必畏手畏脚 对网络上的安全隐患一无所知?没关系。Chrome 会自动为您提供安全保护,使您免遭网上诱骗网站和危险网站等安全问题的侵害。 4、随时随地,无所不能 Chrome 可在任何操作系统中和任何设备上运行。您可在笔记本电脑和手机之间来回切换、按照自己喜欢的方式自定义 Chrome 以及继续享用更多功能。

2020-03-04

CSS实现单行、多行文本溢出显示省略号(…)

CSS实现单行、多行文本溢出显示省略号(…)示例文档,自行下载查看

2019-07-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除