自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 Vue3使用vue-qrcode后报错:You can mark the path “qrcode“ as external to exclude it from the bundle...

vue3 vue-qrcode You can mark the path “qrcode” as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle.

2024-04-09 14:01:42 796

原创 Echarts折线图x轴不显示全部数据的解决办法,亲测有效

Echarts中,当横轴数据非常多的时候,这时候canvas无法渲染出全部数据的效果图来,可以进行以下配置,亲测有效。

2024-03-19 16:10:05 1480

原创 JavaScript File API和Blob API

FileReader类型表示一种异步文件读取机制。可以把FileReader 想象成类似于XMLHttpRequest,只不过是用于从文件系统读取文件,而不是从服务器读取数据。FileReader 类型提供了几个读取文件。File API 还提供了 FileReader 类型,让我们可以实际从文件中读取数据。这些读取数据的方法为处理文件数据提供了极大的灵活性。例如,为了向用户显示图片,可以将图。片读取为数据 URI,而为了解析文件内容,可以将文件读取为文本。每个file对象都有一些只读属性。

2023-06-15 10:58:51 569

原创 Vue3.0 vue-clipboard3的JavaScript的使用方法(复制插件的使用方法)

【代码】Vue3.0 vue-clipboard3的JavaScript的使用方法(复制插件的使用方法)

2023-06-04 14:58:59 1517

原创 uniapp和VueI18n多语言H5项目语言国际化功能搭建流程

uniapp和VueI18n多语言H5项目语言国际化功能搭建流程。

2023-05-28 16:46:09 1726

原创 vue条件判断v-if/v-show 数据判断不起作用

vue条件判断v-if/v-show数据判断不起作用了

2023-05-12 14:46:00 278

原创 JavaScript 文本编码解码详解笔记

JavaScript 文本编码解码 编码解码详解 流编码和流解码

2021-12-27 15:56:04 2564

原创 JavaScript 原生拖放笔记

JavaScript 文件拖放 原生拖放事件 原生拖放方法 文件拖放详解 js原生拖放事件

2021-12-27 15:49:29 336

原创 微信小程序分享朋友圈官方支持哪些方面(最新版本)

微信小程序分享朋友圈官方支持哪些方面?1.微信小程序分享朋友圈支持单页模式,具体单页模式的详细说明可参考官方文档,文档链接为:微信小程序单页模式2. 微信小程序分享朋友圈如果是自定义页面路径的话,暂时是只支持分享当前页面路径,暂不支持分享页面跳转其他的页面路径。可参考微信开放社区的微信小程序转发朋友圈详解...

2021-01-04 09:12:33 318

原创 区别export default 和 export的不同之处

export输出方式:使用export向外暴露的成员,只能使用{ }来包裹,这种形式,叫做【按需导出】export可以向外暴露多个成员在一个模块中,export default 只允许向外暴露一次在一个模块中,可以同时使用export default 和export 向外暴露成员export输入方式:当export向外暴露了多个成员,但是某些成员,在import导入时,不需要,可以不在{ }中定义使用export导出的成员,在导入时必须严格按照导出时候的名称,来使用{ }【按需接收】使

2020-12-15 09:52:41 237 2

原创 Vue-Router的push和replace方法[Uncaught (in promise) Error]解决方案

Vue-Router的push和replace方法[Uncaught (in promise) Error]解决方案对Router原型链上的push、replace方法进行重写,这样就不用每次调用方法都要加上catch。// 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function pu

2020-12-15 09:48:47 217

原创 uniapp针对安全区域env(safe-area-inset-*)兼容

用法:margin-top:var(–status-bar-height);height: calc(100vh -88rpx - 100rpx - var(–safe-area-inset-bottom) - var(–status-bar-height));

2020-12-15 09:44:07 4073

原创 vue element-ui DateTimePicker日期时间选择器之开始时间小于结束时间的设置

vue element-ui DateTimePicker日期时间选择器之开始时间小于结束时间的设置Html:<el-form-item required label="开始时间"> <el-date-picker type="datetime" placeholder="开始日期" :picker-options="startTime" value-format='yyyy-MM-dd HH:mm:ss' default-time="00:

2020-09-14 14:49:00 1893

原创 移动端项目遇到的一些问题及解决办法

1.解决页面使用overflow: scroll在ios上滑动卡顿的问题?首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是:(1) 看是否能把body和html的height: 100%去除掉。(2) 在滚动的容器中增加:-webkit-overflow-scrolling: touch或者给body增加:body {overflow-x: hidden}。2.ios页面橡皮弹回效果遮挡页面选项卡?(1) 有时body和h

2020-07-01 11:33:45 1566

原创 JavaScript之Navigator 对象 笔记

Navigator 对象包含有关浏览器的信息。Navigator 对象属性appCodeName 返回浏览器的代码名。appMinorVersion 返回浏览器的次级版本。appName 返回浏览器的名称。appVersion 返回浏览器的平台和版本信息。browserLanguage 返回当前浏览器的语言。cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。cpuClass 返回浏览器系统的 CPU 等级。onLine 返回指明系统是否

2020-07-01 11:08:05 166

原创 vue之校验身份证号码

validateIDCard(code){ const city={11:'北京',12:'天津',13:'河北',14:'山西',15:'内蒙古',21:'辽宁',22:'吉林',23:'黑龙江 ',31:'上海',32:'江苏',33:'浙江',34:'安徽',35:'福建',36:'江西',37:'山东',41:'河南',42:'湖北 ',43:'湖南',44:'广东',45:'...

2020-04-29 13:41:30 2645

原创 es6之异步操作和Async函数

es6之异步操作和Async函数基本概念异步:所谓“异步”,简单说就是一个任务分成两段,先执行第一段,然后转而执行其他任务,等做好了准备,再回过头执行第二段。比如,有一个任务是读取文件进行处理,任务的第一段是向操作系统发出请求,要求读取文件。然后,程序执行其他任务,等到操作系统返回文件,再接着执行任务的第二段(处理文件)。这种不连续的执行,就叫做异步。相应的,连续的执行就叫做同步。由于是...

2020-04-22 09:14:21 176

转载 JavaScript之Math方法

JavaScript之Math对象Math对象常用值:console.log(Math.E); // 输出 e=2.718281828459045console.log(Math.PI); // 输出圆周率 π=3.141592653589793console.log(Math.SQRT2); // 返回一个常数,2的平方根=1.4142135623730951console.log(M...

2020-04-11 16:25:14 186

原创 JavaScript之列表类笔记

JavaScript之列表类笔记find:在列表中查找某一元素find() 方法通过对数组对象 dataStore 进行迭代,查找给定的元素。如果找到,就返回该元素在列表中的位置,否则返回 -1。contains :判断给定值是否在列表中当需要判断一个给定值是否在列表中时, contains() 方法就变得很有用。下面是该方法的定义:function contains(elemen...

2020-04-11 14:23:21 132

原创 JavaScript 笔记之数组的迭代器方法

JavaScript 笔记之数组的迭代器方法不生成新数组的迭代器方法forEach(),该方法接受一个函数作为参数,对数组中的每个元素使用该函数。例子如下:function square(num) { print(num, num * num);}var nums = [1,2,3,4,5,6,7,8,9,10];nums.forEach(square);该程序的输出为:1 1...

2020-04-11 13:55:02 217

原创 JavaScript 数组方法笔记

JavaScript 数组方法存取函数方法JavaScript提供了一组用来访问数组元素的函数,叫做存取函数,这些函数返回目标数组的某种变体。查找元素indexOf()函数用来查找传进来的参数在目标数组中是否存在。如果目标数组包含该参数,就返回该元素在数组中的索引;如果不包含,就返回-1。lastIndexOf()函数返回相同元素中最后一个元素的索引,如果没找到相同元素,就返回-1。数...

2020-04-11 11:10:56 178

原创 JavaScript 数组之浅复制与深复制

JavaScript 数组之浅复制与深复制什么是浅复制?当一个数组赋给另外一个数组时,只是为被赋值的数组增加了一个新的引用。当你通过原引用修改了数组的值,另外一个引用也会感知到这个变化,新数组依然指向原来的数组,这种行为被称为浅复制。举例如下:var nums = [];for (var i = 0; i < 100; ++i) { nums[i] = i+1;}var sam...

2020-04-11 09:34:32 243

原创 JavaScript 数学函数 数字取整和四舍五入等数字方法

JavaScript 数学函数 数字取整和四舍五入等数字方法取整,只保留整数(舍弃小数) parseInt(5.4625) // 5向上取整,有小数,整数就+1 Math.ceil(5.1234) // 6向下取整,(<=该数值的最大整数)和parseInt() 一样 Math.floor(5.642) // 5四舍五入:Math.round(5.1234); //...

2019-12-21 15:45:34 332

转载 javaScript 时间处理之笔记

javaScript 时间处理之笔记将时间戳转换成日期格式// 简单的一句代码var date = new Date(时间戳); //获取一个时间对象/**下面是获取时间日期的方法,需要什么样的格式自己拼接起来就好了更多好用的方法可以在这查到 -> http://www.w3school.com.cn/jsref/jsref_obj_date.asp*/date.get...

2019-12-18 16:03:40 111

原创 通过javascript获取页面的高度

通过javascript获取页面的高度之笔记<script>function getInfo(){ var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ docu...

2019-12-18 15:48:23 201

转载 JavaScript Math.random()函数用法详解

JavaScript Math.random()函数用法详解Math.random()函数返回0到1之间的伪随机数,包含0,但是不包含1,[0,1}。逻辑梳理:生成m-n,包含m但不包含n的整数:第一步算出 n-m的值,假设等于w 第二步Math.random()*w第三步Math.random()*w+m 第四步parseInt(Math.random()*w+m, ...

2019-12-18 15:37:51 8032

原创 vue 导航钩子函数

vue 导航钩子函数导航发生变化时,导航钩子主要用来拦截导航,让他完成跳转或取消。执行钩子函数的位置:router全局钩子路由组件中钩子函数:router实例上:beforeEach、afterEach单个路由中:beforeEnter组件内的钩子:beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave钩子函数接收的参数:...

2019-09-11 17:50:52 355

原创 vue导航切换过渡动画transition的使用

vue导航切换过渡动画transition的使用过渡的css类名:v-enter:定义进入过渡的开始状态v-enter-active:定义进入活动状态v-enter-to:定义进入结束状态v-leave:定义离开过渡的开始状态v-leave-active:定义离开活动状态v-leave-to:定义离开结束状态例如:html:<transition> <rou...

2019-09-11 16:58:58 1028

原创 vue滚动行为

vue滚动行为即在路由里设置是否在前进或后退页面的时候记住当时滚动条所在的位置。scrollBehavior(to,from,savePosition){ //点击浏览器的前进或后退或切换导航触发 //to:要进入的目标路由对象 //from:要离开的路由对象 //savePosition:记录滚动条的坐标,点击前进后退的时候记录值 if (savePosition){ //设置...

2019-09-11 16:03:36 286

原创 vue重定向和别名

vue重定向和别名vue的路由里可以使用 ‘*’ 来代替所有找不到的页面,即路径是path: ‘/*’,这是可以指定找不到的页面的要跳转页面。也可通过路由的重定向指定跳转的页面,即redirect:’/about’。这里的重定向也可以有多种写法:redirect:’/about’。redirect:{path:’/about’}。redirect:{name:‘home’}。也可...

2019-09-11 15:44:18 250

原创 vue路由的hash和history模式

vue路由的hash和history模式Vue-Router的默认模式是hash模式。vue的hash模式的跳转路径是要在‘#/’后面加上跳转的路径,即‘#/about’这样。如果要设置history模式可以在路由文件里的配置里修改配置,即mode:‘history’,这样更改模式的设置。而history对应的跳转路径是这样的‘/about’,不过要实现单页应用跳转的话不能用a标签,要用vu...

2019-09-11 15:08:50 364

空空如也

空空如也

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

TA关注的人

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