2 前端对象

尚未进行身份认证

我要认证

一棵树,站成永恒

等级
TA的排名 29w+

getCurrentPages()的使用

getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。注意:1、不要尝试修改页面栈,会导致路由以及页面状态错误。2、不要在 App.onLaunch 的时候调用 getCurrentPages(),此时page 还没有生成。一、跨页面赋值1、 let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。let prevPage = pages[ pages.leng

2020-07-16 20:36:33

小程序canvas绘制图片并保存

之前写过一篇小程序分享,体验不是很好。因为用户点击去分享时,canvas绘制并转换成图片需要一定的时间,用户视觉等待的时间有点长。为了更好的优化这一体验,我们可以这么做:1、用户点击去分享,先用页面标签将海报图绘制出来;2、当用户点击保存的时候,我们执行绘制canvas绘制,canvas转换图片,保存图片的过程。一、用页面标签把海报图画出来,这个不需要讲解了,前端都能做到;二、我们详细讲解一下canvas绘制的思路:1、配置海报上的信息,需要绘制什么内容2、用户点击保存按钮// 点击保存事件

2020-07-06 17:09:40

校验数组中对象键值是否重复

方法一、双重for循环3、利用es5中的every方法function checkRepeatName (arr) {const obj = {}let flag = arr.every(item =>{return obj[item.name] ? false : obj[item.name] = true})return flag},this.checkRepeatName(formdata) // false, 有重复...

2020-07-03 17:00:54

页面倒计时的写法

写法一、es61、声明类Timer/**类说明@class Timer@constructor/export default class Timer {/*http请求@constructor@param {Object} count: 计时数量, 默认60 progress: 计时进度事件 complete: 计时结束事件@return {Number}/constructor (options) {this.options = opt

2020-06-30 22:17:40

vue使用install函数把组件做成插件方便全局调用(封装公用组件)

在项目中,我们有时需要把自定义组件做成插件,方便全局使用。下面以弹框提示为例。一、在components文件夹中新建alert.vue,用作弹框提示组件的样式,内容,功能。二、在同级目录下建alert.js文件。这里是核心思想...

2020-06-29 23:54:38

CSS-遮罩不设具体高度的父元素

小程序中给定宽度,高度自适应,可以用mode=‘widthFix’,来保持原图片的宽高比不变。所以父元素的高度是根据图片的高度来变化的。与图片同级的是一个css遮罩,需要完全覆盖这个父元素。方法:只需要把遮罩层绝对定位在四个角,就可以实现遮盖住父元素具体样式:.video_descript{position: relative;margin: 25rpx 0rpx;// 图片样式....

2020-04-30 14:28:30

nvm管理node版本

在项目开发中,会出现不同项目使用不同node版本的情况,如果去网站下载不同的node会比较麻烦。我们可以使用nvm来管理node。一、安装nvm管理工具下载地址:https://github.com/coreybutler/nvm-windows/releases,选择nvm-setup.zip下载安装。安装结束后,在cmd执行nvm -v,查看nvm是否已自动配置到环境变量中。二、使用n...

2020-03-20 20:46:06

canvas绘制文本换行的方法

2020-03-18 15:54:46

小程序二维码base64转为图片(二维码的获取)

一、base641、base64图片2、base64图片转换为本地图片可参考https://blog.csdn.net/bocongbo/article/details/84954567这篇博客二、下载文件资源到本地。客户端直接发起一个 HTTPS GET 请求,返回文件的本地临时路径 (本地路径),单次下载允许的最大文件为 50MB。封装一个请求接口的方法...

2020-03-18 15:31:52

小程序分享海报图

在做小程序商城项目时,用户需要点击海报图,并完成分享的功能,但是微信小程序暂时没有分享到朋友圈的功能,这里分享的思路是用 canvas画布生成一张分享图片,将该图片保存到相册,用户将带有分享二维码的图片发到朋友圈,其他人可以识别图中二维码的方式进入小程序的指定分享页面。下面就核心的代码做简要介绍。1、组建created2、商品详情页面传值到海报图组件,比如标题,价格,网络图片路径等。3...

2020-03-18 14:53:33

三、配置html模板

1、我们打包js文件名称不是一直是固定的嘛(output.js),这样每次就不用改动引入文件名称了,实际上我们日常开发中往往会这样配置:dist文件夹生成:2、js文件打包好了,但是我们不可能每次在html文件中手动引入打包好的js,为了缓存,你会发现打包好的js文件的名称每次都不一样。webpack打包出来的js文件我们需要引入到html中,但是每次我们都手动修改js文件名显得很麻烦,因...

2019-12-30 22:34:32

vue首页加载优化

vue项目将打包代码部署上线后访问项目,会发现页面会出现长时间的空白等待。这个严重影响了用户的体验。可以通过下面方法优化。一、引入cdn。链接https://www.bootcdn.cn/造成加载时间过慢的元凶是vendor文件,该文件存放的是项目中所有的第三方依赖。比如vuex、vue-router、jquery等。优化的一个要点就是分离第三方依赖。但是分离的时候要考虑到,即便将依赖分离后依...

2019-12-27 22:12:06

二、自定义配置

1、新建一个build文件夹,里面新建一个webpack.config.js2、在packages.json中,更改打包命令3、npm run build

2019-12-26 21:54:37

一、初始化项目

1、新建一个目录webpack,初始化npm,生成packages.json文件2、webpack是运行在node环境中的,我们需要安装以下两个npm包3、新建src文件夹,在文件中新建main.js文件4、配置package.json命令5、npm run build 生成dist文件夹...

2019-12-26 21:29:37

vue使用jquery

vue开发特点之一就是数据驱动。而jQuery开发特点是操作页面dom元素,对数据进行处理。这是两种截然不同的开发模式,所以建议在vue开发中,尽量不要使用jQuery。如果一定要用,使用步骤如下:1、安装jQuerynpm i jquery -S2、修改jQuery配置,打开build/webpack.base.conf,声明jQuery3、vue模板中使用,在mounted生命周期内...

2019-12-25 21:52:41

本地开启html渲染服务器

在日常开发的时候,会遇到每次修改,都需要在网页上刷新一次才可以看到结果.通常我们就会有一个需求,就是本地开启html渲染服务器。一、http-server 1、全局安装:npm i http-server -g 2、打开项目,在项目的根目录,运行http-server 3、项目将会运行在127.0.0.1:8080或者localhost:8080服务下,默认端口为8080。 如果需要修...

2019-11-21 21:13:41

谈谈深拷贝和浅拷贝

今天在做项目购物车需求的时候,遇到一个同深拷贝、浅拷贝相关的问题,所以来谈谈深拷贝和浅拷贝。什么是深拷贝?复制基本类型的属性;引用类型的属性复制,复制栈中的变量 和 变量指向堆内存中的对象的指针和堆内存中的对象。什么是浅拷贝?复制基本类型的属性;引用类型的属性复制,复制栈中的变量 和 变量指向堆内存中的对象的指针,不复制堆内存中的对象。说的通俗易懂些,就是假设B赋值给A,当修改A时,看B是否...

2019-11-19 22:03:49

centos安装nginx

双十一期间,买了个阿里云服务器以作学习使用。先安装好putty和filezilla,并配置好IP。接下来就要安装nginx.Nginx的性能要比Apache高出很多倍,如果不使用PHP作服务语言,建议安装Nginx作web服务器。1、启动putty,输入阿里云IP地址2、查看Nginx是否已经安装,及版本号yum list | grep nginx3、centOS自带的yum版本是比较...

2019-11-16 20:36:57

vue图片懒加载

什么是图片懒加载,通俗的讲就是:当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张设置好的图片的路径(这样就只需请求一次),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。比如一个页面中有很多图片,如果一上来就发送这么多请求,页面加载就会很漫长。图片懒加载不仅可以减轻服务器的压力,而且可以让加载好的页面更快地呈现在用户面前。...

2019-11-15 20:20:52

vue中keep-alive页面数据缓存

在在做商城退换货的项目开发过程中,当用户提交退换货申请信息后进入下一步确认页面,这时候用户需要返回上一步进行信息的修改,由于vue返回上一页的时候,默认都会重新执行生命周期,重新加载数据,为了更好的体验,要让上一页的数据存在。这时候我们可以采用keep-alive 的方法。我们需要考虑两点:一是哪个页面需要缓存数据;二是是否第一次进入这个页面。1、缓存部分页面,可以在路由中设置一个参数控制 ...

2019-08-25 15:24:21

查看更多

勋章 我的勋章
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。