- 博客(31)
- 收藏
- 关注
RSS订阅原创 vue-router
动态路由 ，路由携参跳转 传递参数Const routes = [ { path:’/user/:id’ , component:User } ]<router-link :to=”’/user/’+id”>用户</router-link>this.$route.params.id非动态路由模式下的传参 ， 传个对象<router-link :to=”{path:’/user’,query:{name:’who’,age:18,id:10}}”>用户&
2021-06-19 21:42:41
127
原创 页面url跳转不刷新
改变url，页面不刷新http://www.baidu.com/location.hash = ‘aaa’ --->http://www.baidu.com/#/aaahistory.pushState( { } , ’ ’ , ’ aaa ’ ) --->http://www.baidu.com/aaahistory.pushState( { } , ’ ’ , ’ bbb ’ ) --->http://www.baidu.com/bbbhistory.pushSta
2021-06-16 22:30:02
250
原创 vue v-mdel双向绑定
v-model的双向绑定原理<input type=”text” :value=”msg” @input=”inputValue” />methods:{ inputValue(e){ this.msg=e.target.value }}<input type=”text” :value=”msg” @input=”msg=$event.target.value” /> //不用方法v-model双向绑定单选按钮<labe
2021-06-01 22:18:11
185
原创 uni-app双击事件的实现
<template> <view> <button @touchend="dbclick">测测测</button> <button type="default" @click="db">试一试</button> <button type="default" @click="d">测试</button> </view></template><script>.
2021-05-24 21:45:53
1976
原创 vuex 状态管理
在根目录下新建一个目录，里面新建一个js文件import Vue form ‘vue’import Vuex form ‘vuex’Vue.use(Vuex)const store = new Vuex.Store({ //数据源 state:{ historyList:[] }, //mutations可以改变数据源里的数据 mutations:{ SET_HISTORY_LIST(state,history){
2021-05-16 21:03:41
73
原创 uniCloud聚合
聚合 更精细化的处理数据、求和、分组、指定字段const collection = await db.collection(‘user’) .aggregate() .match({ 字段:‘需匹配的字段名’ }) .project({ 排除掉的字段:false/0 }) .skip(要跳过n条数据) .limit(限制输出n条数据) .end()watch监听变量的数据变化，类似computed，和d
2021-05-14 21:44:22
898
原创 uni-app点点
选项卡的实现<view v-for=”(item,index) in list” :key=”index” class=”class1”:class=”{active:activeIndex===index}” @click=”clickTab(item,index)”>{{item.name}}</view> props:{ list:{ type:Array, default(){ return []
2021-05-12 21:46:35
127
原创 uniCloud云函数
前端调用云函数uniCloud.callFunction({ name:'cloudFunctionName', data:{ name:'张三', age:18 }, success: (res) => { console.log('调用云函数cloudFunctionName成功',res); }})云函数'use strict';const db = uniCloud.database();exports.main = async .
2021-05-11 21:42:31
3114
原创 uni-app scroll-view取消滚动条显示
需要给scroll-view设置高度height; 和 scroll-y=”true”属性1.scroll-view ::-webkit-scrollbar { //下面三个属性，选一个均可 width: 0; height: 0; background-color: transparent; }2./deep/::-webkit-scrollbar { display: none; width: 0; height: 0; c
2021-05-01 22:00:25
680
原创 uni-request请求POST
uni.request({ url: this.URL + 'Upload/del', method: 'POST', data: { url: src }, //post提交的时候加上这个header header: { 'Content-Type': 'application/x-www-form-urlencoded', 'X-Requested-With': 'xmlhttprequest' }, success: (res) => { c.
2021-04-27 20:16:30
1255
原创 Promise
之前看过几次关于Promise的文档，但是一直没有实际用过，今天在写一个函数的时候，遇到了执行顺序的问题，大概就是，执行一个函数，里面step1是一个异步的api，下面step2要用到step1处理过的数据，然后一直不成功，打印了一下，看到step2先于step1执行了，就是这样：function funcName(){ step1; step2}console.log结果是 step2 step1因为step2要用到step1处理的数据，但是step2先于step1执
2021-04-24 15:54:55
72
原创 一些uni-app
swiper轮播组件默认高度150px，且不会被内容撑开，可自己设置宽高swiper-item 默认100% 100%<image>默认宽度320px，默认高度240pxswiper{ //默认宽750rpx，宽高比2.3的话，height:calc(750rpx/2.3);}image{ height:100%;}export default{ data(){ return{ params:{
2021-04-20 21:38:32
89
原创 Moment.js---js日期处理类库
important moment from “moment”this.month.MM=moment(this.month.stime).format(“MM”)this.month.DD=moment(this.month.stime).format(“DD”) //stime是时间戳，一串数字<image mode=”aspectfill” :src=”url1+url2.replace(被替换的，用来替换的)” //mode是微信小程序里的内容sc...
2021-04-19 21:32:00
93
原创 封装异步请求uni-app
//request.js//es6 promiseexport default (params)={ //加载中... uni.showLoading({ title:”加载中” }) return new Promise((resolve,reject)=>{ wx.request({ ...params, success(res){ //resolv.
2021-04-15 21:53:55
123
原创 一点点vue
全局共享数据 通过Vue的原型共享数据，在main.js里面定义全局变量 Vue.prototype.baseURL=”http://www.baidu.com” 用的时候直接this.baseURL 通过globalData共享数据，在App.vue里的script标签里定义 globalData:{ base:”www.360.com”} 用的时候getApp().globalData.base //”www....
2021-04-14 21:38:47
70
原创 git
配置gitgit config - -global user.name “user name”git config - -global user.emailtest@example.com初始化仓库git initgit status工作目录，add到暂存区，commit到提交区git add x.xx添加x.xx文件内容到暂存区，同时文件被跟踪git add .批量添加当前目录的所有文件.gitignore 在添加时忽略匹配的文件，仅作用于未追踪的文件从暂存区...
2021-04-11 21:38:09
88
原创 点点滴滴
等高：<div class=”parent”> <div class=”left”>left</div> <div class=”right”> <p>right</p> <p>right</p> </div></div>.parent{ display:table; width:100%; tabl
2021-04-08 21:21:50
68
原创 ＜select＞下拉选择框
下拉菜单<select>项，分组:<select name=”course”> <option>课程选择</option> <optgroup label=”1.DOM基础”> <option value=”1.1”>1.1文档树</option> <option value=”1.2”>1.2节点操作</option> </optg
2021-04-05 20:33:02
3159
原创 form表单提交及验证实例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>form表单提交实例</title> <style> .m-form{ margin: 150px auto; width: 325px; border: 1px solid #ddd; } .m-form legend{ width: 10.
2021-04-04 22:18:59
252
原创 vue.js的几个极简单实例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>vue导航菜单</title> <scrip.
2021-04-03 22:34:33
344
原创 遍历数组的几种方法
var arr = [1,2,3]1.for循环for(let i=0;i<arr.length;i++){console.log(arr[i]);}2.for infor( let i in arr){Console.log(i);//遍历数组的索引，对象的键}3.for ofFor(let i in arr){console.log(i);//遍历数组中的元素}4.forEach---没有返回值arr.foreach( item=&g...
2021-04-02 21:39:50
483
原创 form表单提交
<form method=”post” action=url enctype=”application/x-www-form-urlencoded”> <label>姓名：<input name=”custname” required></label> <label>电话：<input type=”tel” name=”custtel” required></label> <label>.
2021-04-01 21:44:05
309
2
原创 请求数据
ajax：$.ajax({ url:'url', success:function(resp){ conslole.log(resp); }})fetch:fetch(url) .then(resp=>resp.json()) .then(data=>console.log(data))uni-app:uni.request({ url:'url', success:resp=>conso
2021-03-30 22:17:09
174
原创 DOM节点
节点关系： 父子关系 parentNode，firstChild/lastChild/childNodes，childNodes/children 兄弟关系 previousSibling/nextSibling，previousElementSibling/nextElementSibling 获取节点： element = document.getElementById(id) collection = element.getElementByTagName(tagN
2021-03-29 22:02:57
50
原创 前端布局
flex布局： 容器 display：flex； 横排 flex-direction:row; 竖排 flex-direction：column； 子项目主轴对齐方式 justify-content：center；/flex-start；/flex-end； space-between；/space-around； 子项目交叉轴对齐方式 align-items：center；/flex-start；/flex-end；/stretch；baseline；
2021-03-28 22:04:43
57
原创 今日份
title属性=”鼠标放上去提示文字”<a href=”” target=”_self”>默认的</a><a href=”” target=”_blank”>新窗口打开</a><a href=”” target=”inner”>指定窗口内打开</a><ifrane name=”inner” frameborder=”0”></iframe><a href=”#iD”>页内跳转<
2021-03-27 21:42:21
54
原创 前端PS切图
编辑---首选项---单位与标尺---标尺，文字改成像素切图常用工具：移动工具-->选项栏里面✔自动选择，下拉列表选图层 矩形选框工具>>>测量数值 添加到选区-按住shift；从选区减去-按住Alt；与选区交叉 shift+Alt 魔棒工具，裁剪工具+切片工具，缩放工具，取色器Ctrl+z撤销一步，Ctrl+alt+z连续撤销，或者在历史记录里选当图片色彩丰富且无透明度要求时，建议保存为jpg格式，并选择合适的品质 当图片色彩不太丰富时，无论有无透明要求，请保存
2021-03-26 21:35:37
233
3
原创 今天来聊聊函数function func（）
如果在A处需要执行语句a，语句b，语句c...，在B处又需要执行相同的语句a，b，c...，甚至在C处，那么就要考虑这些重复代码的优化，不妨定义一个函数，把重复的语句放入函数体内，在需要用的地方调用函数执行就ok。也可以把某些相关的功能放在函数内，封装成一个专门处理某某事情的功能函数，方便以后复用，比如定义一个+1，或者相加，相减之类功能的函数，还有更加复杂逻辑的功能块等等。函数可以接收参数，然后经过某些逻辑运算或者操作，“固定”产出相关处理结果。输入---输出关于函数的几种写法：//基础
2021-03-25 21:54:50
1307
原创 原型链继承
class Animal { constructor(name){ this,name=name; } speak(){ console.log(this.name+’a’); }}class Dog extends Animal { constructor(name){ super(name); } speak(){ console.log(this.name+’ b’); ...
2021-03-24 22:04:11
61
2
原创 day02令人头秃的一天
今天写了个类计算器的页面，功能就是获取两个输入值，经过计算，计算过程中需要比较，条件判断，然后输出几个值，简单来说，从表面看就是条件判断里面套条件判断，然后被迷惑了，就用最直接，最愚蠢的方法，一步一步平铺开来写，遇到条件判断里套条件判断就直接套着写，像这样然后被前辈说逻辑错误，那意味着从一开始就错了，思路都是错的，于是把js代码全删了，重新写，是重新思考。。。想来想去只想到函数式编程这方面，毕竟知识面有限，然后就试着往函数这方面上写，写的时间倒是没多久，就是思考的时间长，然后改成了这样看起来
2021-03-23 21:35:10
91
3
原创 老强的编程学习之路，开启
之前不止一位前辈建议说学习编程要边学 边练 边写，前两点做到了，怎奈平时没有写日记的习惯，边写这一项拖了许久。最终还是决定写吧，习惯的养成和编程学习的从0到1也挺相似，写作也有助于对所学知识的梳理和总结，贵在积累，积少成多。行动起来+坚持下去=收获准备从前端入手，目前已经在学习中，今后会把每天所学知识中的亮点，写出来，分享给共同学习，共同进步的同道中人（萌新向），大家一起成长，见证成长。第一篇，想到两个点，写一下吧1.万能<div>标签，不仅用来套盒子，分块，还能替代其他标签
2021-03-22 21:17:54
145
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人