自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(49)
  • 资源 (1)
  • 收藏
  • 关注

原创 CSS:知识技术点[不定时更新]

记录一些关于CSS的知识点,不定时更新。

2020-06-04 11:54:53 227

原创 知识技术点[不定时更新]

平时记录的一些知识点,包括HTML、JS、VUE、微信小程序等,不定时更新。

2020-03-26 16:05:56 134

原创 JS:关于Promise的使用

记录一些关于Promise的使用

2021-10-12 15:39:03 34

原创 JS:格式化时间的方法,及获取指定格式的方法

一些关于时间的获取方法

2021-09-29 15:41:36 20

原创 VUE:项目打包后,如何本地访问

项目打包后,想看一下有没有问题再部署,那么就需要打包后的本地访问,就需要用到插件serve

2021-09-10 11:24:43 235

原创 Git:git brash的常用指令

关于git brash的一些常用操作

2021-09-09 10:39:12 27

原创 VUE:axios配置及接口请求路径api配置

关于vue中使用axios请求的配置,注意其中区分Vue2.0和Vue3.0的写法。

2021-09-01 12:03:42 484

原创 VUE:vue-cli4创建vue3项目及环境搭建

关于vue-cli4.0创建vue3项目及环境搭建

2021-08-30 15:29:08 64

原创 VUE:axios的post、delete请求,只传一个数组时,后台接收不到数据

简介axios的delete、post请求,只传一个数组时,后台接收不到数据,接口就报错400。查看了请求接口的请求头中的信息,发现,“Content-Type"是"text/plain”具体实现解决的方式很简单,在axios封装文件中修改delete、post的"Content-Type"属性为"application/json;charset=utf-8"的。axios.defaults.headers.post["Content-Type"] = "application/json;cha

2021-06-30 16:16:49 114

原创 VUE:echarts如何适应宽度【附封装的简单柱状图组件页面参数设置】

关于页面渲染结束后,放大缩小浏览器窗口,如何使echarts图表自适应容器大小。

2021-06-30 11:30:30 74

原创 VUE:使用element-ui的el-table时,自定义单元格内容,并tab快速切换指定编辑的单元格,而不是把所有能tab切换的都切换一遍

操作 element-ui 的 el-table 时,想要快速tab切换光标到指定的列的输入框中,而不是把一行有聚焦的都tab切换选中一遍(如有el-button时,按tab切换也会切换到它上面去)。并且鼠标单击输入框时,自动全选内容。

2021-05-19 10:03:07 179

原创 JS:去除字符串左端空格、字符串右端空格、字符串两端空格

去除字符串左端空格、字符串右端空格、字符串两端空格的简易方法。

2021-04-10 21:09:01 55

原创 JS:获取元素宽高的几种方式

JS获取元素宽高时,有的获取不到想要的值,是一些CSS细节设置属性导致的,可以采用如下方式:el.style.width/height、window.getComputedStyle(element).width/height、Element.getBoundingClientRect().width/height

2021-02-02 09:47:43 1214 4

原创 VUE:实现点击按钮的复制文本的功能

需求是复制某个格子中的内容,能按快捷键ctrl+v或者鼠标右键进行粘贴。

2021-01-15 10:52:04 1806 5

原创 HTML:点击下载资源图片

页面点击某个按钮,下载对应图片文件。

2020-11-05 13:52:01 1188 2

原创 HTML:自定义修改鼠标指针

有时候,会需要**鼠标移入**修改为自定义的鼠标指针,或者是修改**页面中**的鼠标指针,达到不同的效果。

2020-10-21 09:45:20 2904 5

原创 VUE:指定元素内,鼠标滚轮横向滚动内容

页面上,有纵向滚动的元素,也有横向滚动的元素。由于纵向滚动是默认的,所以就需要把横向滚动事件区分开来。

2020-10-14 17:37:19 950 2

原创 VUE:实现网页中元素的拖动

实现页面中的元素拖动。

2020-09-03 14:01:18 892

原创 JS:使用require.context引入多个JSON文件

同类型的文件很多,在vue项目中一个一个的import引入是不科学的操作,是十分繁琐且容易出错的,所以就需要一个统一的方法进行批量引入,就需要使用 Webpack 中的 require.context() 方法。

2020-08-24 10:53:41 925

原创 JS:颜色的格式转换(rgb、十六进制)

偶尔需要转换颜色格式,然后使用。如rgb和十六进制之间的互相转换

2020-08-07 14:07:04 729

原创 VUE:自己写一个消息提示弹框(类似element-ui的message)

项目中的3D模块操作时,需要提示用户的一些不正确操作,但是又想多一个不再提示的按钮。百度资料并仿照element-ui的message消息提示,写了一个组件方法,效果图如下。

2020-08-04 10:26:43 2613 2

原创 JS:格式化金额为美元格式

金额显示时,有的会习惯于千位进行间隔,如美元。

2020-07-22 10:07:10 331

原创 JS:验证、限制纯数字或者英尺英寸格式的值

书写格式有如下六中情况1.纯数字2.英尺:10’3.英尺英寸: 10’8"4.英寸:8"5.英寸 分数:8 4/5"(注意8后面有个空格的)6.英尺 英寸 分数: 10’8 4/5"(注意8后面有个空格的)7.英尺 分数: 10'4/5"8.英尺 英寸 分数: 10'8 4/5"(注意8后面有个空格的)9.英尺 英寸 分数: 10'8 4/5"-------注意英寸及分数都存在时有空格10.带有小数的格式: 4.5',4.5'3.5",3.5",4.5'1 1/3",4.5'1",4.5

2020-06-10 17:51:52 129

原创 VUE:store存储时,commit和dispatch的区别,附vuex中的配置案例

简介VUE项目中,将数据存储到VUEX中时,分为两种方式:commit和dispatch。具体实现方式一:commit:同步操作,调用的是mutations里的方法(1)存储:this.$store.commit("属性名", "值");// examplethis.$store.commit("username", "大娃");(2)取值:this.$store.state."属性名";// examplethis.$store.state."username";方式二:

2020-05-26 17:02:40 448

原创 H5:在手机上调试开发H5网址

在开发H5网址的时候,特别是手机上真机使用的时候,想要在电脑上输出日志,IOS的safari还可以直接联机调试,但是安卓就很麻烦,所以找了一下便捷的安卓手机调试H5网址的方法。

2020-05-24 10:52:47 991 1

原创 VUE:快速实现一个省市区的级联选择器

项目中,大概率会有选择地址的需求,但是在没有组件可用的情况下,就需要自己实现一个,接下来就以VUE项目为基础进行实操。

2020-05-20 15:40:09 2164 3

原创 VUE:v-for循环出来的el-form,js如何进行总的表单验证

页面上,会有循环多个表单并验证的需求。如:左侧一个菜单,一个菜单下有多个规则,一个规则一个表单(之所以没有全部用一个表单的原因是要在切换规则时,保留之前所有的验证红色提示)。

2020-05-20 14:56:20 2786 2

原创 H5:如何将vant-uploader上传的base64图片转换为文件上传到服务器

H5中使用vant的uploader组件选择的图片,一次选择一张返回的是对象,一次选择多张返回的数组(包含一个个对象),但是这些对象都是base64的格式,不是想要的文件格式,于是需要我们转换。

2020-04-16 14:26:46 3124 11

原创 VUE:JS中进行数组对象赋值,页面不能实时回显

简介VUE项目中,有时候进行数组对象赋值时,不能实时回显到页面中,但是打印又有新的数据在里面。具体实现场景一:对象赋值新的属性时,页面不能回显。原因:该对象本身是没有这个属性的。解决方案: this.$set(obj, 属性名, 属性值);案例如: this.$set(obj, "name", "张三");场景二:数组赋值新的属性时,页面不能回显。原因:VUE中由于 J...

2020-04-09 17:47:31 1494

原创 JS:词法作用域和动态作用域

作用域作用域是指程序源代码中定义变量的区域。作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限。JavaScript 采用词法作用域(lexical scoping),也就是静态作用域。静态作用域与动态作用域因为 JavaScript 采用的是词法作用域,函数的作用域在函数定义的时候就决定了。而与词法作用域相对的是动态作用域,函数的作用域是在函数调用的时候才决定的。让我...

2020-04-07 16:46:15 305

原创 JS:理解 JavaScript 中的执行上下文和执行栈

什么是执行上下文?简而言之,执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。每当 Javascript 代码在运行的时候,它都是在执行上下文中运行。执行上下文的类型JavaScript 中有三种执行上下文类型。全局执行上下文 —— 这是默认或者说基础的上下文,任何不在函数内部的代码都在全局上下文中。它会执行两件事:创建一个全局的 window 对象(浏览器的情况下),...

2020-04-07 16:11:45 68

原创 JS:async与await的异步处理

简介近来发现同事大佬写的代码中有await,觉得很好奇,所以抽空看了几篇文章,记录一下所学。await的意思就是等待。它后面可以跟一个表达式。如果是值(如字符串、数字、普通对象等等)的话,返回值就是本身的值。不过最常用的是后面跟一个promise对象。await会等待这个promise的状态由pending转为fulfilled或者rejected。在此期间它会阻塞,延迟执行await语句...

2020-04-07 15:14:08 94

原创 H5:获取手机媒体设备权限,如麦克风、视频等

简介H5开发中,有的项目需要获取手机设备权限,如麦克风、视频。具体实现created() { if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) { this.getUserMedi...

2020-04-01 16:01:54 4692 3

原创 JS:判断变量是数组还是对象

简介做数据处理,有时需要判断数据类型是对象还是数组,所以研究了两个便捷的方法。具体实现方法一:通过判断变量的类型,并且变量的length属性(除了有一种例外是arguments对象–当给函数传参时数据存储的地方)var arr=[2, 3, 4];var obj={ name: "maomao", age: 20 }; console.log(typeof arr); //...

2020-04-01 15:11:36 96

原创 VUE:md5签名加密

简介具体实现方法一:npm安装:npm install --save js-md51.在需要使用的项目文件中引入:import md5 from 'js-md5';使用:md5('hello world');方法二:2.或者在main.js文件中将md5转换成vue原型:(1) import md5 from 'js-md5';(2) Vue.prototype.$m...

2020-04-01 14:56:12 403

原创 微信小程序:md5签名加密

简介微信小程序不让引入现成的库文件,于是自己封装一个md5加密算法的js(不改变原本的大小写)。各种加密场景,比如生成md5签名(本文以生成md5签名为例)。具体实现md5.js(目录: /utils/md5.js,通过export 输出md5加密方法)Usage:引入(比如index.js页面引入md5.js): import md5 from 'utils/md5.js';...

2020-04-01 14:40:46 337 2

原创 JS:浏览器中获取用户手机设备权限,如语音、相机等

简介H5网页项目中有需要拍照、录音、视频等会需要获取手机设备权限。具体实现 created() { if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) { thi...

2020-03-26 19:33:26 2978 4

原创 VUE:搜索框动态提示(使用了elementUi的提示组件)

简介VUE项目中,需要实现用户输入内容,然后边输入边动态查询是否要模糊匹配的值,并实时展示给用户。注意:此处是引入了elementUI框架的。具体实现// HTML: <el-autocomplete v-model="hospitalName.hospitalName" placeholder="请输入搜索值" label-name="标题名称" :fetch-suggestio...

2020-03-26 15:55:11 1329 1

原创 VUE:返回页面顶部

简介VUE项目中,需要做一个浮窗,点击浮窗返回页面顶部。具体实现 data () { return { // 下滑到一定位置才显示按钮控件 visible: false, scrollTop: 0 } }, // 获取屏幕高度 mounted () { window.addEventListener(...

2020-03-26 15:49:55 442

原创 微信小程序:解决wx.createInnerAudioContext()播放语音的坑

简介微信小程序中用wx.createInnerAudioContext(),发现怎么暂停和取消的效果都差强人意,原因是将此方法写在了我的播放语音函数里。然后就参考了网上的解决方案。具体实现将此方法声明在onLoad中,(如果声明在page外部,每次进此页面执行语言操作都会多次执行)。注意,页面播放按钮,除了点击事件,还需要绑定两个属性(文件路径、所点击的下标),即data-recordur...

2020-03-26 15:42:35 2778

place.json

全国地址,整理好的 省-市-区 级联数据。用于做地址级联选择器的数据源,省 > 市 > 区。需要的朋友可以自行下载。

2020-05-20

空空如也

空空如也

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

TA关注的人 TA的粉丝

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