chantel186-CSDN博客

原创 vue+ts+swiper实现叠层轮播图（pc、移动端都可用）

vue+ts+swiper实现叠层轮播图（pc、移动端都可用）1、安装npm install vue-awesome-swiper --save2、html部分<template> <div class="thumb-example"> <swiper class="swiper gallery-top" :options="swiperOptionTop" ref="swiperTop"> <sw...

2021-05-15 14:31:52 2125 1

原创 vue动态修改title标题

1）、首先安装npm install vue-wechat-title --save2）、接着在main.js中引入import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)3、在路由文件index.js中给需要的路=路由添加titleroutes: [{ path: '/', n...

2019-08-22 15:25:45 937

原创 vue+vant实现上拉刷新，下拉加载

vue+vant下拉刷新，上拉加载这是前段HTML代码：<div class="item-box"> <van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <van-list :finished="finished" @load...

2019-08-15 17:16:12 3725 1

原创 vuecli3项目打包防止缓存，不更新

首先在src根目录下新创建一个vue.config.js文件，其次在configureWebpack: config => {}里面添加时间戳，这样每次打包生产的js文件就会自动添加【模块名称.版本号.时间戳】在该文件里面配置这段核心的代码，完整的代码如：function resolve(dir) { return path.join(__dirname, dir...

2019-08-01 16:04:13 14616 9

原创基于vue做微信公众号项目，调用微信的扫一扫接口

绑定域名（在公众号设置js接口安全域名）；在微信公众号平台中配置安全域名: 公众号设置 - 功能设置 - JS接口安全域名域名规则：例:https://admin.serve.com.cn；填写：serve.com.cn；微信jssdk config:invalid signature 签名错误 ,就是域名没配置好；引用js文件npm install weixin-js-sdk --...

2019-08-01 15:51:57 4108

原创 js的this指向实例

2019-04-23 17:20:05 228

原创微信小程序AES的加密与解密的案例

微信小程序使用AES加密和解密的方法1）、首先把aes.js放在utils文件夹里面（首先需要注意的是在aes.js文件里面要暴露一下这个变量module.exports = CryptoJS;）2）、然后再在utils文件里面建立一个public.js的文件，public.js封装号解密和加密的方法如以下的代码片段：var CryptoJS = require('aes.js'...

2018-12-04 18:40:44 2400

原创微信小程序传值与获取值的问题

比如说我要获取单个输入框的值的时候，可以使用form表单提交进行获取：不过使用form提交自带的函数的话，存在一个缺点就是，在这个函数里面获取不到另一个页面穿过来的值；现在来解析一下代码吧这个是xml页面的代码： <view class='sellerMsg'> <label class="Msg-label unify">卖家留言：</lab...

2018-09-15 18:32:22 386

原创微信小程序的授权登录

1、授权登录的页面基本实现： 1）、这个是.xml页面的样式：<view class="container"> <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}"> 获取头像昵称 </button&g

2018-09-15 17:49:36 930

原创 2018Web前端面试试题总结及答案

1、完成的http请求过程需要经过哪些环节？ 1）、域名解析； 2）、发起TCP的3次握手； 3）、建立TCP连接后发起http请求，浏览器得到html代码； 4）、浏览器解析HTML代码，并请求HTML代码中的资源（如js, css，图片） 5）、浏览器对页面进行渲染页面给用户； 2、简述浏览器渲染页面的过程。 ...

2018-07-01 14:51:41 1529

chantel186的博客