- 博客(23)
- 收藏
- 关注
原创 微信小程序实现图片上传
微信小程序实现图片上传最近做了个小程序,涉及到了图片上传的功能,今天给大家详细介绍下如何实现小程序图片上传,话不多说先上代码首先是静态布局和样式部分.wxml代码部分<view class='load-img'> <view class='load-box'> <view class='img-item' wx:for="{{fileList}}" wx:key="index" > <image src="{{item.p
2022-04-07 17:21:04
21009
4
原创 React项目搭建
最近再学习react,今天给大家讲解下mac 是如何搭建react项目的,和搭建过程中遇到的问题步骤一: 搭建环境首先要安装node,这个就不详细介绍了,大家自行百度安装webpacknpm install -g webpack 搭建淘宝镜像使用淘宝cnpm代替npm1 npm install -g cnpm --registry=https://registry.npm.taobao.org2 npm config set registry https://registry.np
2021-09-09 13:58:58
246
转载 vue对各种数据类型的监听方式
Vue父组件向子组件传递一个动态的值,子组件如何保持实时更新实时更新?场景:父组件发生数据变化,动态的传递给子组件,子组件实时刷新视图解决方法:需要在子组件watch中(监听)父组件数据的变化在子组件中使用watch应该注意的问题:1.watch监听普通类型的数据:data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) {
2020-05-28 11:09:33
1293
原创 vue实现时间倒计时
我们在做项目时会有很多实现时间倒计时的需求,今天正好不忙,在这里简单的封装一个时间倒计时的方法(一小时倒计时)// html<div>还剩{{min}}:{{sec}}获取脑力</div>data(){ return { min: 0, sec: 0, }},mounted(){ this.countdown()},countdown() { const end = (app.globalDat
2020-05-13 13:40:43
4650
2
原创 token计算
token计算在项目开发中,很多时候为了解决重复调用接口数据,前端会手动拼接token,以参数的方式传递给后端进行token校验,一般token计算规则如下:token 计算key排序(将key以字典符顺序进行排序)value按顺序拼接:share231575674387,(注意都转成字符串串拼接)拼接上时间戳:share2315756743871575674387拼上固定的salt...
2020-05-06 14:16:19
2349
原创 css3动画之上下摆动
在前端开发中,我们有很多场景需要添加一些上下摆动的动画给我们的页面增添更加生动的交互,在这里我就不做过多的介绍了,直接上代码://首先要给你要添加动画的元素开启定位,并且设置动画名称.arrow-case { position: fixed; bottom: -0.1rem; margin: auto; -webkit-animation: shaking 1s...
2019-11-26 15:47:13
2025
原创 小程序封装弹窗组件
小程序常用弹窗组件封装:子组件html部分<template> <view class="mask" v-if="isShow"> <view class="pop-container"> <view class="pop-content"> // 定义弹窗内容 ...
2019-11-22 15:42:30
307
原创 数组去重
数组去重的方法总结方法一:(利用indexOf)<script> var arr = [1,2,2,3,5,56,7,7,7,7,7]; Array.prototype.single = function () {//在原型上定义方法 var n = []; for(var i = 0;i<this.length;i++ ){ if(n.i...
2019-11-06 19:03:00
119
原创 判断某变量是否为数组类型
首先在判断数组类型之前我们先简单的了解一下javascript都有哪些数据类型:javascript的数据类型大概分为两种:基本数据类型:String boolean Number Undefined Null引用数据类型:Object Array Function除Object外,Array类型恐怕是ECMAScript中最常用的数据类型了,那Array是什么呢?Array就是数据的...
2019-11-06 15:15:27
202
原创 水平垂直居中的方法
在页面布局中我们经常会用到垂直居中布局,今天就为大家总结一下垂直居中的几种方法:方法一:(用于父元素子元素在不确定宽高的块级作用域)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...
2019-11-06 14:30:22
122
原创 js如何判断数据类型null
null类型是一个只有一个值得数据类型,这个值为nullnull表示一个空对象指针所以我们在用typeof来检测null的数据类型时返回值为Objectvar a = null;console.log(typeof a); //Object如果在定义一个 变量时,是用于将来保存对象的,那么我们最好将这个变量的值赋值为null.那么问题来了,js如何准确判断数据类型null呢?o...
2019-11-01 20:45:06
2862
1
原创 Vue.js的异步更新队列
Vue.js为什么使用异步更新队列在vue.js2.0开始使用虚拟DOM进行渲染,变化侦测的通知只发送到组件,组件内所有的状态变化都会通知到同一个watcher,然后虚拟DOM会对整个组件进行对比(diff)也就是说如果在同一轮事件循环中有两个数据发生变换,那么组件的watcher会收到两份变化的通知,从而进行两次的渲染但事实hvue并不会进行两次渲染,虚拟DOM会对整个组件进行渲染,所以等所有...
2019-10-12 17:35:26
345
原创 虚拟DOM
虚拟DOM的解决方式:虚拟DON的解决方式是通过状态生成一个虚拟的DOM节点树,然后使用虚拟节点树进行渲染。在渲染之前,会使用新生成的虚拟节点树和上一次生成的虚拟节点树进行对比,只渲染不同的部分。虚拟DOM主要在vue.js中做了两件事 1.提供与真实DOM节点所对应的虚拟节点vnode. 2.将虚拟节点vnode和旧虚拟节点oldVnode进行对比,然后更新视图。vue.js通过...
2019-10-12 13:18:11
139
原创 Java数据类型的分类
java数据类型的分类java数据类型分为两种:一基本数据类型(原始数据类型): 整型: 字节整形byte 短整型short 整型int 长整型long 浮点型: 单精度浮点型:float 双精度浮点型:...
2019-09-01 21:56:16
519
原创 设置文字超出盒子部分换行
设置文字超出盒子部分换行 white-space:normal;//设置文字换行 word-wrap : break-word;//设置数字强制换行
2019-08-21 17:13:21
2512
原创 Element Cascader级联选择器的使用方式
Cascader级联选择器当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择。直接上代码//html<el-cascader :props="defaultParams" :options="areaData" v-model="selectedOptions" change-on-select ...
2019-08-21 11:41:28
957
原创 vue input手机号验证
vue监听input光标消失验证手机号是否合法,验证正则手机号11位以1开头 <input v-model="phoneValue" @input="handleInput(1)"type="number" @blur="animate()" placeholder="请输入手机号" max="11" >js代码:<script> export default ...
2019-08-21 11:19:16
12527
原创 递归,将普通数组转换成树形结构
递归,将普通数组转换成树形结构很多时候我们需要的数据都是树形结构数据,但很多时候并不是所有数据都是我们想要的,所以需要我们自己处理封装函数 // 将数组转换为树结构 parseArrayToTree(array) { let tree = []; let root = this.getRootObj(array); debu...
2019-08-15 12:01:52
3035
1
原创 input的样式管理
input的样式管理1.清除input的默认样式input{ background:none; outline:none; border:0px;}2.清除input光标出现时的border样式input:focus { outline: none; } 3.设置input提示文字的样式input::-webkit-input-placeholder{ ...
2019-08-14 16:43:55
121
原创 vue跳转路由并传递参数
vue跳转路由并传递参数很多时候我们在编写vue项目时需要跳转页面并携带参数编码如下:this.$router.push({ name:"Personal", params:{ name:'name', userType:userType ...
2019-08-14 16:20:57
204
原创 js传宗接代——类式继承
js传宗接代——继承在JavaScript中并没有这一现有的机制,但正因为少了这些显性的限制才使其具有一定的活性1.类式继承//类式继承//声明父类function SuperClass(){ this.superValue = true;}//为父元素添加共有方法SuperClass.prototype.getSuperValue = function(){ retur...
2019-08-14 16:05:28
200
原创 vue监听滚动条发生变化
vue监听滚动条发生变化直接上代码:mounted:function(){ window.addEventListener('scroll', this.handleScroll, true) }methods:{ handleScroll(){ console.log('滚动条发生滚动了') }}需要注意:window.addEven...
2019-08-14 16:02:05
2103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人