阿松&前端-CSDN博客

原创小程序：分享朋友按钮禁用与小程序跳小程序

一：小程序-置灰默认分享朋友按钮（分享朋友按钮禁用）效果如下：代码如下： onLoad(options) { wx.hideShareMenu() }二：小程序A跳转到另外一个小程序B在app.json中配置以下代码（数组中的参数为小程序B的appId）"navigateToMiniProgramAppIdList": ["appIdaaaccc"]在需要跳转的位置设置如下代码wx.navigateToMiniProgram({ appId: 'appIdaaaccc

2021-10-27 18:19:12 453

原创 vue中写过的几种倒计时总结

10秒倒计时(10秒钟后内容隐藏)<div v-if='contentShow'> 尊敬的客户，您已进入投保流程，请您仔细阅读......</div> data() { return { contentShow: true } }, created() { let n = 10; let inval = setInterval( () => { if(n === 0) {

2021-08-18 18:16:57 2927 1

原创 vue中使用 wx.miniProgram.navigateTo 跳转到小程序页面

项目需求：h5页面通过webview嵌入到小程序中，h5中有个点击事件跳到小程序另一个页面。 //点击事件 btnClick(){ // this.$router.push('/packageService') wx.miniProgram.navigateTo({ url: "/pages/logs/logs" , }); }...

2021-08-14 17:02:19 2568

原创 h5页面自定义微信分享的内容updateAppMessageShareData和updateTimelineShareData

效果图：（默认分享出来的样式是第一个，自定义完分享内容是第二个）贴个微信官方JS-SDK文档链接：点我直接跳转步骤一：绑定域名1.先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。2.将微信公众平台的txt文件给运维，让其添加到服务器所在的根目录下。（备注：填写的域名须通过ICP备案的验证。）步骤二：引入JS文件在项目的html文件中引入JS文件，（支持https 和 http）：<script src='https://res.wx.qq.com/open

2021-08-14 15:39:28 4894

原创 vue中 vue-seamless-scroll无缝滚动，做购买订单的轮播展示

ui设计图：（购买订单的轮播展示）安装vue-seamless-scroll：npm install vue-seamless-scroll --save　组件的引用、注册、使用：<vue-seamless-scroll :class-option="defaultOption"></vue-seamless-scroll> import vueSeamlessScroll from 'vue-seamless-scroll' components: { v

2021-08-14 14:10:05 417

原创 vue中，前端压缩图片上传服务器

效果：上传前：上传后：压缩效果一览：代码：这个文件封装的是图片压缩方法：取名api.js//base64转码（压缩完成后的图片为base64编码，这个方法可以将base64编码转回file文件）function dataURLtoFile(dataurl, name) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.le

2021-08-13 18:45:18 1000

原创 angular组件传值

小总结：无论是子传父的@Input 装饰器，还是父传子@Output装饰器，都定义在子组件实例中。父传子@Input先贴个官网的图片：子组件实例import { Component, Input } from '@angular/core'; // First, import Inputexport class ChildItemComponent { @Input() item: string; // decorate the property with @Input()}子组件模板

2020-12-31 11:32:54 1917

原创 angular5 安装与环境变量配置

一安装nodejs以及配置环境1 先安装node环境，注意：不能用最新版本的node 本次使用的node版本是v10.23.0低/历史版本下载地址： https://nodejs.org/zh-cn/download/releases/安装之后，检测是否安装成功使用【win+R】运行命令行，node -v npm -v，可以查看安装的版本2 配置node环境：在nodejs文件中新建两个文件夹 node_global、node_cache在cmd中输入如下两条命令（两个命令成功后不显

2020-12-19 16:05:07 799 1

原创 vue知识一

**vue知识**原生js编程编程范式：命令式编程vue 编程范式：声明式编程vue中的mvvm：生命周期函数计算属性computed和methods的区别：计算属性：计算属性会进行缓存如果多次使用只调用一次性能更好methods不会进行缓存每次使用都会调用性能比计算属性差一点儿const插值操作-Mustache双花括号{{可以写变量，也可以写简单的表达式}}<h2>{{message}},Mustache</h2><h2&gt

2020-12-09 12:48:31 127

weixin_48048170的博客