个人前端方法整理

最新推荐文章于 2024-09-08 23:48:34 发布
最新推荐文章于 2024-09-08 23:48:34 发布
阅读量642 收藏 1
点赞数 2
分类专栏： uniapp git div+css 文章标签： html5 css javascript 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48117019/article/details/108096946
版权
uniapp 同时被 3 个专栏收录
10 篇文章 0 订阅
订阅专栏
div+css
4 篇文章 0 订阅
订阅专栏
git
3 篇文章 0 订阅
订阅专栏

1. 开关

<switch style="transform: scale(0.7,0.6)" color="#F8D02D"></switch>

2. placeholder颜色

<input placeholder="请输入姓名" placeholder-style="color:#D2D2D2;font-size:24rpx" />

3. 选择本地上传弹框

uploading() {

​				var that = this

​				uni.chooseImage({

​					success: (chooseImageRes) => {

​						const tempFilePaths = chooseImageRes.tempFilePaths;

​						console.log("获取到的路径", tempFilePaths[0]);

​						that.imgs = tempFilePaths[0];

​						console.log("获取到的数据", that.imgs);

​						uni.uploadFile({

​							url: 'http://122.51.124.106:8081/file/upload/file',

​							filePath: tempFilePaths[0],

​							name: 'file',

​							success: (uploadFileRes) => {

​								console.log(uploadFileRes.data);

​								that.image = uploadFileRes.data.split("\"")[7];

​								console.log("打印内容" + uploadFileRes.data.split("\"")[7]);

​							}

​						})

​					}

​				})

​			}

4. 优惠券


侧边圆角
https://blog.csdn.net/pinena/article/details/89708024

5.内容居中对其

display: flex;

​ justify-content: center;

​ align-items: center;

6.自定义导航栏

<uni-nav-bar left-icon="back" title="评价" background-color="#f8d02d"></uni-nav-bar>

<uni-nav-bar :statusBar="true" rightText="发布" left-icon="back" @click-left="back" @click-right="submit">

7.底部固定

position:fixed;
bottom:0;
left:0;

顶部固定

position:fixed;
top:0;
left:0;

8.登陆注册判断

save(){

​				if(this.phone==''){

​						uni.showToast({

​								title: '手机号不能为空',

​								duration: 2000,

​								image:'../../static/images/err.png'

​						});

​						return;

​					}

​				if(this.password==''){

​					uni.showToast({

​							title: '密码不能为空',

​							duration: 2000,

​							image:'../../static/images/err.png'

​					});

​					return;

​				}

​				if(this.note==''){

​					uni.showToast({

​							title: '验证码不能为空',

​							duration: 2000,

​							image:'../../static/images/err.png'

​					});

​					return;

​				}

​				else if(this.phone.length==10){

​					 uni.showToast({

​						title:'请输入正确的手机号！',

​						icon:'none'

​					 })

​					 return;

​				}

​				else if(this.password.length<=5){

​					uni.showToast({

​						title:'密码不能少于六位！',

​						icon:'none'

​					})

​					return;

​				}

​				else if(this.note.length==5){

​					uni.showToast({

​						title:'验证码为六位！',

​						icon:'none'

​					})

​					return;

​				}

​				if(this.newpassword != this.password){

​					uni.showToast({

​						title: '密码不一致',

​						duration: 2000,

​						image:'../../static/images/err.png'

​					});

​					return;

​				}

​			},

9.页面跳转

 //在起始页面跳转到test.vue页面并传递参数 

 uni.navigateTo({    

​		url: 'test?id=1&name=uniapp'

 }); 

 保留当前页面，跳转到应用内的某个页面，使用`uni.navigateBack`可以返回到原页面。 
 
 // 在test.vue页面接受参数
export default {
    onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
        console.log(option.id); //打印出上个页面传递的参数。
        console.log(option.name); //打印出上个页面传递的参数。
    }
}

uni.redirectTo		// 关闭当前页面，跳转到应用内的某个页面。 

uni.switchTab		//跳转到 tabBar 页面只能使用 switchTab 跳转，并关闭其他所有非 tabBar 页面。

uni.reLaunch		//关闭所有页面，打开到应用内的某个页面。

uni.navigateBack// 关闭当前页面，返回上一页面或多级页面。可通过 `getCurrentPages()` 获取当前的页面栈，决定需要返回几层。

10.choose点击

乐推

“path”: “pages/couple/delete”,

<template>
	<view>
		<image :src="allImg" v-if="allState" @tap="check(allState)" class="circle"></image>
	</view>
</template>

<script>
	export default {
		// 页面引入插件集合
		components: {
		},
		data() {
			return {
				allImg:"../../static/img/weixuan.png",
				allState:"false",
			}
		},
		methods:{
		check:function(allState){
				console.log("方法触发"+allState)
				if(allState == "false"){
					console.log("判断1")
					this.allState = "true";
					this.allImg = "../../static/img/yixuan.png";
					for(var i = 0 ;i<this.list.length; i++){
						this.list[i].state = "true";
						this.list[i].img = "../../static/img/yixuan.png";
					}	
					this.num = i;
				}
				if(allState == "true"){
					console.log("判断2")
					this.allState = "false";
					this.allImg = "../../static/img/weixuan.png";
					for(var i = 0 ;i<this.list.length; i++){
						this.list[i].state = "false";
						this.list[i].img = "../../static/img/weixuan.png";
					}
						this.num = 0;
				}
				
			},
		}
</script>

<style>
.circle{margin:40rpx;width: 31rpx;height: 31rpx;}
</style>

11.获取验证码

getCode:function(){
			if (this.getcode == false)
			var time = 60
			var that=this;
			that.timer= setInterval(function() {
				time--;
				if (time <= 0) {	
					clearInterval(that.timer)
					that.timer= null
					that.msg =  "重新获取验证码"													
					that.getcode = false
				} else {
					that.msg = time + "s"	
				}	
				}, 1000)
			this.getcode = true;
		}

12.banner滑动

<template>
	<view class="huadong">
		<swiper class="swiper" previous-margin="80rpx" next-margin="80rpx"  circular="true"  indicator-dots="true" autoplay="true" interval="2000" duration="500">
				<swiper-item  v-for="(item, index) in imagess" :key="index">
						<image :src="item.image" ></image>
				</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default{
		props:{
			
		},
		data(){
			return{
				imagess:[
					{
						image:"../../static/img/banner1.jpg"
					},
					{
						image:"../../static/img/banner2.jpg"
					},
					{
						image:"../../static/img/banner3.png"
					},
				],
			}
		}
	}
</script>

<style>
</style>

13.弹窗弹出popup

https://ext.dcloud.net.cn/plugin?id=329

14.gitee上传

小白鸽上传


Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige
$ git config --global user.name
xyh

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige
$ git config --global user.email
6514081+xiao_yan_hui@user.noreply.gitee.com

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige
$ git init
Initialized empty Git repository in D:/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige/.git/

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git add .
warning: LF will be replaced by CRLF in App.vue.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in main.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in manifest.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in pages.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in pages/index/index.vue.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in pages/index/index2.vue.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in pages/index/index3.vue.
The file will have its original line endings in your working directory

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git status
On branch master

No commits yet

Changes to be committed:
  (use "git rm --cached <file>..." to unstage)
        new file:   App.vue
        new file:   main.js
        new file:   manifest.json
        new file:   pages.json
        new file:   pages/index/index.vue
        new file:   pages/index/index2.vue
        new file:   pages/index/index3.vue
        new file:   static/default.png
        new file:   static/more.png
        new file:   static/right.png
        new file:   static/search2.png
        new file:   uni.scss


Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git commit -m "first"
[master (root-commit) 4064e87] first
 12 files changed, 969 insertions(+)
 create mode 100644 App.vue
 create mode 100644 main.js
 create mode 100644 manifest.json
 create mode 100644 pages.json
 create mode 100644 pages/index/index.vue
 create mode 100644 pages/index/index2.vue
 create mode 100644 pages/index/index3.vue
 create mode 100644 static/default.png
 create mode 100644 static/more.png
 create mode 100644 static/right.png
 create mode 100644 static/search2.png
 create mode 100644 uni.scss

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git status
On branch master
nothing to commit, working tree clean

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git remote add origin https://gitee.com/cypress_elephants/code_of_xiao_yanhui.git

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git push -u origin master
Enumerating objects: 17, done.
Counting objects: 100% (17/17), done.
Delta compression using up to 8 threads
Compressing objects: 100% (16/16), done.
Writing objects: 100% (17/17), 9.29 KiB | 594.00 KiB/s, done.
Total 17 (delta 1), reused 0 (delta 0), pack-reused 0
remote: Powered by GITEE.COM [GNK-5.0]
To https://gitee.com/cypress_elephants/code_of_xiao_yanhui.git
 * [new branch]      master -> master
Branch 'master' set up to track remote branch 'master' from 'origin'.

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$

.text上传

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige
$ git config --global user.name
xyh

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige
$ git config --global user.email
6514081+xiao_yan_hui@user.noreply.gitee.com

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige
$ git init
Initialized empty Git repository in D:/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige/.git/

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git add .
warning: LF will be replaced by CRLF in App.vue.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in main.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in manifest.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in pages.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in pages/index/index.vue.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in pages/index/index2.vue.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in pages/index/index3.vue.
The file will have its original line endings in your working directory

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git status
On branch master

No commits yet

Changes to be committed:
  (use "git rm --cached <file>..." to unstage)
        new file:   App.vue
        new file:   main.js
        new file:   manifest.json
        new file:   pages.json
        new file:   pages/index/index.vue
        new file:   pages/index/index2.vue
        new file:   pages/index/index3.vue
        new file:   static/default.png
        new file:   static/more.png
        new file:   static/right.png
        new file:   static/search2.png
        new file:   uni.scss


Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git commit -m "first"
[master (root-commit) 4064e87] first
 12 files changed, 969 insertions(+)
 create mode 100644 App.vue
 create mode 100644 main.js
 create mode 100644 manifest.json
 create mode 100644 pages.json
 create mode 100644 pages/index/index.vue
 create mode 100644 pages/index/index2.vue
 create mode 100644 pages/index/index3.vue
 create mode 100644 static/default.png
 create mode 100644 static/more.png
 create mode 100644 static/right.png
 create mode 100644 static/search2.png
 create mode 100644 uni.scss

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git status
On branch master
nothing to commit, working tree clean

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git remote add origin https://gitee.com/cypress_elephants/code_of_xiao_yanhui.git

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$ git push -u origin master
Enumerating objects: 17, done.
Counting objects: 100% (17/17), done.
Delta compression using up to 8 threads
Compressing objects: 100% (16/16), done.
Writing objects: 100% (17/17), 9.29 KiB | 594.00 KiB/s, done.
Total 17 (delta 1), reused 0 (delta 0), pack-reused 0
remote: Powered by GITEE.COM [GNK-5.0]
To https://gitee.com/cypress_elephants/code_of_xiao_yanhui.git

 * [new branch]      master -> master
   Branch 'master' set up to track remote branch 'master' from 'origin'.

Admibion@DESKTOP-UNJJJCV MINGW64 /d/360MoveData/Users/Admibion/Documents/HBuilderProjects/xiaobaige (master)
$

mkdir xiao
cd xiao
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://gitee.com/xiao_yan_hui/xiao.git
git push -u origin master

15.gitlab上传步骤

git init

git remote add origin...

git add .

git status		(可省略)

git commit -m "add README"

git push -u origin master




重置账户名；密码
输入密码默认看不见

解决git一直输入用户名和密码的问题:				git config --system --unset credential.helper

16.gitlab分支步骤

git branch -a

git branch (分支name)

git branch -a

git checkout (分支name)

git branch

git add .

git commit -m "upload"

git push origin (分支name)

17.gitlab分支


$ git branch -a
* master
  remotes/origin/master
$ git branch newxyh
$ git branch -a
* master
  newxyh
  remotes/origin/master
$ git checkout newxyh
Switched to branch 'newxyh'
$ git branch
  master
* newxyh

$ git add .

$ git commit -m "second upload"
[newxyh 5645d68] second upload
 1 file changed, 1 insertion(+)

$ git push origin newxyh
Username for 'http://39.107.123.201:8099': 1050506597@qq.com
Password for 'http://1050506597@qq.com@39.107.123.201:8099':
Enumerating objects: 5, done.
Counting objects: 100% (5/5), done.
Writing objects: 100% (3/3), 273 bytes | 136.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0), pack-reused 0
To http://39.107.123.201:8099/xiao/test.git
 * [new branch]      newxyh -> newxyh

18.学习链接


前端基础实战项目教程：https://www.bilibili.com/video/BV1ZE411c7yM/

前端Vue实战项目教程: https://www.bilibili.com/video/BV1m741137Q5/

Vue企业项目实战：https://www.bilibili.com/video/BV1K541147rV/

前端React框架实战项目教程: https://www.bilibili.com/video/BV1T7411W72T/

前端React-Native实战项目教程:https://www.bilibili.com/video/BV1nE411N7js/

前端Angular实战项目教程: https://www.bilibili.com/video/BV1i741157Fj/

前端小程序实战项目教程：https://www.bilibili.com/video/BV187411c7Bi/

前端Es6实战教程: https://www.bilibili.com/video/BV1v7411G7Ht/

Node、MongoDB、爬虫实战项目教程：https://www.bilibili.com/video/BV1i7411y7k6/

Node、Mysql、Express、爬虫实战项目教程：https://www.bilibili.com/video/BV1i7411G7kW/

前端面试题：https://www.bilibili.com/video/BV1w7411d7rC/

19.tabbar

<template>
  <div class='tabbar'>
    <ul>
      <li @click="go(item.path)"
          :class="{active:message==item.path}"
          v-for="(item,index) in atabs">
        <img :src="message==item.path?item.icon_active:item.icon"
             alt="">
        {{item.title}}
      </li>
    </ul>
  </div>
</template>
 
<script>
export default {
  props: {
    selected: String,
  },
  name: 'tabbar',
  data () {
    return {
      message: this.selected,
      atabs: [
        { title: '首页', path: 'index', icon: require('@/assets/index.png'), icon_active: require('@/assets/indexS.png') },
        { title: '分类', path: 'index', icon: require('@/assets/kind.png'), icon_active: require('@/assets/kindS.png') },
        { title: '购物车', path: 'index', icon: require('@/assets/shop.png'), icon_active: require('@/assets/shopS.png') },
        { title: '我的', path: 'index', icon: require('@/assets/my.png'), icon_active: require('@/assets/myS.png') }
      ]
    }
  },
  methods: {
    go (url) {
      this.$router.push(`/${url}`)
    }
  },
}
</script>


<style>
*{
    margin: 0;
    padding: 0;
}
.tabbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.45rem;
    border: 1px solid #000;
}
ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    background-color: #fff;
}
li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    border-top: 1px solid #eaeaea;
    font-size: 0.1rem;
}
img {
    width: 0.2rem;
    height: 0.2rem;
    margin: 5px auto 0px;
}
.active {
    color: #ff5621;
    font-weight: bold;
}

</style>

20.swiper滑动切换

<template>
    <swiper ref="mySwiper" :options="swiperOptions">
        <swiper-slide v-for="(item,index) in banners" :key="index">
            <img :src="item.image_input" alt="" width="100%">
        </swiper-slide>
    </swiper>
</template>
<script>
import axios from 'axios'
export default {
  name: 'Banner',
  data() {
      return {
        banners:[],
        swiperOptions: {
          pagination: {
            el: '.swiper-pagination',
            },
          // Some Swiper option/callback...
          //循环播放
          loop:true,
          //自动播放 
          autoplay: {
            delay: 1500,
            stopOnLastSlide: false,
            disableOnInteraction: false
          }
        } 
      }
    },
    computed: {
      swiper() {
        return this.$refs.mySwiper.$swiper
      }
    },
    mounted:function(){
        console.log('Current Swiper instance object', this.swiper)
        this.swiper.slideTo(1, 1000, true)
        axios
            .get('/api/article/banner/list')
            .then(res=>{this.banners = res.data.data;console.log(res)})
            .catch(err=>console.log(err))
    }
}
</script>
<style>
  .title{position:absolute;left:5vw;bottom:0;line-height:50px}
</style>

21.自定义导航栏

<template>
  <view>
      <view class="status_bar">
          <!-- 这里是状态栏 -->
      </view>
      <view> 状态栏下的文字 </view>
  </view>
</template>    
<style>
  .status_bar {
      height: var(--status-bar-height);
      width: 100%;
  }
</style>
需要休息
关注
专栏目录
前端开发主流框架整理推荐
GIS摆渡人
04-19 2895
文章目录一.简介二.Vue方向web端主流技术方案：移动端小程序端技术方案三.React方向web端主流技术方案：移动端小程序端技术方案四.Angular方向web端主流技术方案：移动小程序端技术方案其他 一.简介 随着市场的不断发展壮大以及js这门语言的不断完善发展，前端开发这个岗位也变得复杂多样，各式各样的开源框架层出不穷，现在的前端不仅仅能够开发各种PC页面、H5页面、同时也包含小程序开发、移动App开发、甚至是桌面应用的开发。(前端真吃香，但是也是一个苦逼的职业0.0，哎!) 然而一个人的精力怎么也
前端转后端学习路线整理
Amy的博客
04-12 6188
文章目录背景流程梳理前端后端ORM 是干什么的？学习路线解释路线特别建议 背景 本人是一名 Web 前端开发，技术栈是 Vue 和 React，不会 Node。之前学过，但是因为一些原因（比如没有使用场景，很多概念无法理解，学完就忘等）一直也没有掌握。 因为在 CMS 部门耳濡目染时间久了，感觉不学点后端有点说不过去，而且学起来之后发现也挺有兴趣的。但是对于一名前端开发来说要学习的内容实在太多了，开始的困难在于理清各种技术都是干什么的以及它们之间的关系。现在刚刚有点眉目故记录一下，权当给需要的同学一些建议。
uniapp返回上一页面调用上一页面方法
weixin_49295874的博客
08-03 3810
<uni-nav-bar fixed="true" statusBar="true" left-icon="back" :title="title" @clickLeft="back"></uni-nav-bar> back() { var pages = getCurrentPages(); var currPage = pages[pages.length - 1] //当前页面 var prePage = pages[pages.length - 2] //上一个页
关于AXURE RP的使用和用途
whh4122的专栏
10-02 1654
AXURE RP是一个专业的快速原型设计工具
个人整理的前端面试代码题
o_u_c_h的博客
08-10 2774
本篇文章为个人整理的前端面试中较高几率出现的手撕代码题，有些我的确在面试中遇到过，其中一些写出来了，一些因为少接触吃过亏，其他的是我暂时没遇见但是同学面经有出现，现在开一篇文章记录一下吧，帮自己也希望能帮到读者。...
前端UI框架整理
空·之·音
01-05 3133
1.TDesign 腾讯最近刚刚公开的一套UI框架，个人感觉不错，下面是官网介绍： TDesign 是什么 TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。 TDesign 具有统一的 设计价值观，一致的设计语言和视觉风格，帮助用户形成连续、统一的体验认知。在此基础上，TDesign 提供了开箱即用的 UI 组件库、设计指南 和相关 设计资产，以优雅高效的方式将设计和研发从重复劳动中解放出来，同时方便大家在 TDesign 的基础上扩展，更好的的贴近业务需求。 为什么会有 TDe
个人简历（前端）
我不是水哥
02-01 2843
个人简历，暂时置顶
个人精心整理的前端开发必备网站推荐
热门推荐
我是不是菜鸟
10-05 2万+
本人是一个纯正的小白，在学习的过程中搜集了一些关于前端开发的网站，希望对大家能够有所帮助！授人以鱼不如授人以渔！ 1.MDN开发者文档网址:https://developer.mozilla.org/zh-CN/ 2.菜鸟教程:https://www.runoob.com/html/html-tutorial.html 3.CSS教程:https://www.schoolw3c.com/html-...
前端个人发展展望
最新发布
weixin_43470799的博客
09-08 1075
作为一个入行5年的前端人，在现在大环境越来越差的情况下不得不考虑未来的各种情况的规划，直面现实，不再接受原地踏步，以下是我个人整理的一些前端的自我提升的方向。
前端入门方法总结
xinyuan的专栏
11-22 2918
前端入门方法总结
web前端技巧整理(个人实战经验)
09-22
本文档整理了一些实用的布局技巧，并分享了个人在实战中的经验。以下内容涵盖几个关键知识点。 ### 1. 理解CSS盒模型的padding-top百分比计算 在布局设计时，经常会遇到需要居中某个元素的情况。例如，在实现一个...
前端资料整理.docx
04-13
这份名为"前端资料整理.docx"的文档详细介绍了前端开发的一些关键知识点，包括前端技术的学习方法、软件架构、技术栈、前端发展史以及HBuilderX这款前端开发IDE的使用。 首先，前端学习的方法强调了掌握基础的重要...
web前端文件整理分类，环境软件配置
01-08
分项一些个人的文件分类前言文件分类环境软件配置环境谷歌浏览器必备扩展程序VScode基础配置其他常用软件 前言 工作四五年了，第一次写技术博客，先水一篇，分享一些个人的东西，开个头。（仅供参考） 文件分类 良好...
HTML前端个人博客模板
01-26
视频地址：http://r5mmmjhat.hn-bkt.clouddn.com/demo-address/个人博客HTML模板视频.mp4 ...页面和CSS样式和JS我都统一整理好了，导航栏、页脚等都是通过公共引入的，让页面更加简洁和更好的整理
个人整理和编写的前端样式
01-17
在本资源包中，作者分享了自己个人整理和编写的前端样式，主要涵盖了HTML、CSS和JavaScript这三种技术。这些样式主要用于实现按钮交互效果、自定义按钮设计以及JQuery弹出提示框的创建，这些都是前端开发中常见的...
uniappMap组件的简单使用
life
08-26 6516
1.官网地址 官网讲得很详细，里面有各种属性说明，属性配置； 别的不多说了，直接上代码 2.这个是官网的地图代码，copy下来直接可以用 效果： <template> <view> <view class="page-body"> <view class="page-section page-section-gap"> <map style="width: 100%; he
v-for最后一个元素添加样式
life
10-19 4793
v-for最后一个元素添加样式 <template> <view class="a" v-for="(item,index) in nav" :key="index"> </view> </template> <stye> .a:last-child{ } </stye>
推荐一些uniapp简单实用插件(持续更新中...)
life
11-16 3255
1.日期区间picker 2.table表格（支持条件格式、排序、格式化、链接、统计等一堆功能 3.Popup 弹出层 4.
uniapp跳转传id，并获得数据
life
09-23 3117
order页面跳转到detail页面，order传id，detail接收id，并获得数据 order页面 @click="toDetail(item.id)" toDetail(id){ uni.navigateTo({ url:"orderDetail?id="+id }) }, detail页面 onLoad(options) { console.log(options.id); this.detail(options.id) }, methods:{
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值