![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术
小生姜Yasin
一个不甘现状的打工人,爱好兴趣贼多,真想向天再借500年
展开
-
微信小程序中使用vue-star
在微信小程序中使用vue-star,无非就是将vue组件更改为小程序组件从而实现如下效果首先是样式,下载animate.css,改后缀为.wxss后在app.wxss中引入star组件代码wxml<view class="VueStar"> <view class="VueStar__ground"> <view class="VueStar__icon {{animateClass}}" catchtap="toggle" sty.原创 2021-11-09 11:05:06 · 8469 阅读 · 0 评论 -
jdk没有tools.jar
网上搜索都是说什么安装jdk时,第二次安装目录jre覆盖了什么的,感觉没有一个真的有用的,其实低版本自带tools.jar,而高版本已经没有了,当然,关键是环境变量问题了,对于低版本自然就是配JAVA_HOME、path、CLASSPATH了,而高版本就不需用进行配置了,直接安装就可以了,所以自然在CLASSPATH里发现不存在tools.jar...原创 2021-09-28 11:19:56 · 4038 阅读 · 3 评论 -
vue keep-alive组件销毁
当写移动端h5的时候,总会使用到vue的keep-alive组件,来防止页面重新渲染,但也不可能所有页面都去缓存,故就需要一个清除之后不需要缓存页面(组件)的方式方案1:keep-alive包裹的组件会拥有两个生命函数activated(组件激活状态触发)和deactivated(组件非激活状态触发)我们则可以在页面deactivated的时候调用$destroy()将此组件进行销毁方...原创 2019-11-28 11:50:50 · 4089 阅读 · 0 评论 -
使用vue实现移动端h5的scroll-view
需求:移动端h5,页面顶部有nav-bar,下部有tab-bar,缺少中间内容盒子,当tab-bar页面切换时,页面滚动位置丢失,导致交互类似页面重新渲染根据这种需求,就衍生出了scroll-view组件,下面是我结合vant实现的简易的scroll-view首先是tab集合页<template> <section> <van-nav-bar...原创 2019-11-28 11:08:30 · 12224 阅读 · 0 评论 -
移动端vw适配新体验
之前我们一直使用的是淘宝flexible适配方案,根本来说web页面布局依赖于根节点字体大小,使用rem单位的问题也是层出不穷,由于目前移动端web的主要入口可以归结为支付宝和微信,其内置浏览器都可以更改浏览器字体大小,从而造成页面大小不变,页面布局错乱的情况,由于更改浏览器字体大小不能操控,且由于字体原因造成的样式问题并不能根除,但页面布局稳定却成为迫切需求,所以就有了vw的适配方案第一步,...原创 2019-11-19 11:05:45 · 222 阅读 · 0 评论 -
ElementUI上传组件扩展--重新上传
前言:在做商城类后台时,避免不了需要使用图片上传组件,然而如果你使用了elementUI,那么恭喜你,你将不能处理,多图片上传后更改其中图片顺序问题,elementUI提供的照片墙和文件缩略图都未提供重新替换上传的功能,然而,用户头像上传可以替换上传但仅限上传一张图片!为解决这个问题,只能重新封装elementUI的upload组件直接上组件代码<template> ...原创 2019-07-26 11:19:50 · 2805 阅读 · 1 评论 -
微信小程序自实现loading
话不多说,直接上代码第一种wxml中的代码<view id='loading_mask'> <view id='loading_box'> <view id='loading_svg'> <text style="animation:shuck1 0.75s infinite;transform: translat...原创 2019-02-19 17:38:48 · 1335 阅读 · 0 评论 -
关于微信小程序scroll-view横向滑动问题
看到网上很多关于小程序scroll-view之内不能使用弹性盒子的说法,还有一些样式感觉都不是很详尽,故写此篇首先,在写scroll-view时,我们最好先给他一个父view,来专门控制scroll-view的宽高,以便于来各种定位和扩展,接着我们将要滑动的子元素·也包装进一个父view,让这个view宽度随子元素扩展,高度则不变,然后将这个view放入scroll-view中,就完成了,看以...原创 2018-09-11 10:53:13 · 1508 阅读 · 0 评论 -
微信小程序如何在回到当前页面在不刷新当前页面的情况下更新数据
首先微信小程序前端是数据驱动,在单个页面时更新数据必会刷新页面,所以想要实现此功能那就要在上一个或多个页面更改此页面的数据,在回到此页面时,其实页面已重新渲染完了 //假设要更改的数组为goods[1,2,3,4,5,6] let pages = getCurrentPages(); let newGoods = pages[pages.length - 2].data...原创 2018-09-11 17:28:05 · 4417 阅读 · 0 评论 -
nodejs小程序码转存(egg.js)
基于网络上给出很多代码,结果却不尽如意,所以特写此篇文章活不多说直接上代码const request = require('request-promise');const fs = require('fs');const COS = require('cos-nodejs-sdk-v5');const cos = new COS({ AppId: '********', S...原创 2018-08-01 20:12:37 · 1027 阅读 · 2 评论 -
vue+egg+jwt实现登录验证
原理:vue前端登录,提交账号密码给egg后端,后端比对信息后,使用jsonwebtoken对用户信息进行签名生成token,之后通过cookie返回给vue前端,前端需要使用token里的信息就使用js-base64进行token第二段解码即可。vue前端路由跳转,进入路由前置守卫检测cookie中的token是否存在,不存在(已过期)则跳转登录,否则继续执行,然后在http拦截器里请求时存在t...原创 2018-05-04 17:33:44 · 13821 阅读 · 6 评论 -
node egg框架处理微信支付成功回调xml数据
直接上详细代码首先使用egg框架中间件,在app目录建middleware文件夹,再创建一个js文件如该js中的代码:module.exports = () => { return async function (ctx, next) { var bodyParser = require('body-parser'); ctx.app.use(body...原创 2018-04-16 12:03:29 · 5710 阅读 · 6 评论