自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

田兴的博客

平凡的学习,探索是生命的生生不息

  • 博客(9)
  • 收藏
  • 关注

原创 vue-cli4+vant+rem+sass+vuex+axios封装+webpack搭建移动端项目

h5移动端项目模板基于 vue-cli4.0 + webpack 4 + vant ui + sass+ rem 适配方案+axios 封装,构建手机端模板脚手架启动项目git clone https://github.com/teach-tian/h5-vue-cli4.gitcd h5-vue-cli4npm installnpm run serve目录√ Vue-cli4√ 配置多环境变量√ rem 适配方案√ vm 适配方案√ VantUI 组件按需加载√ Sa

2020-12-25 17:18:04 5286 2

原创 vue-cli4中使用eslint,保存时自动格式

在代码规范的道路上,我们终极目标是:团队中的所有开发人员用一套代码规范规则,并且无需我们花太大的精力去为了格式而格式。希望有一套自动化工具,帮我们检测代码是否规范,如果不规范,则自动能够帮我们按照既定规范格式化。背景:新建一个vue-cli4的项目,初始化的时候没开启eslint,后面想开启的时候不好配置,这里就做个开启eslint和保存时自动修复格式的总结vscode首先安装eslint插件配置vscode的自动保存eslint格式按下:Ctrl+shift+p把下面代码复制

2020-12-29 10:48:04 1156

原创 scss混合(mixins)使用

例一、使用混合mixins中的变量来定义一个n行文本溢出隐藏的公用样式。1、创建mixins.scss文件//文本n行溢出隐藏@mixin ellipsisBasic($clamp:2) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: $clamp;}以上代码中,$clamp是变量,决定最多显

2020-12-28 19:15:20 4805 1

原创 小程序发布流程

发布流程,大概分三个大步骤:上传代码提交审核发布版本注意:1、上传代码在代码编写完毕后,在他顶部的导航条上找到【上传】输入版本号,项目备注,点击上传上传成后,的提示到这里我们开发代码这块就完工了,剩下的就是去微信小程序平台发布了。2、提交审核进入微信小程序的官网:https://mp.weixin.qq.com2.1.进入【版本管理】找到开发版本,点击‘提交审核’首次提交审核,会弹出如下提示,点击前往填写填写小程序基本资料点击填写填写基本信息

2020-12-25 15:42:19 4653 2

原创 小程序中的吸顶效果(小程序操作DOM)

小程序中的吸顶效果wxml<!-- 吸顶view --><view hidden="{{showTabControl}}" class="top"><van-tabs active="a"> <van-tab title="标签 1" name="a"></van-tab> <van-tab title="标签 2" name="b"></van-tab> <van-tab title="

2020-12-21 20:32:27 1302

原创 小程序返回到顶部

wxml<scroll-view scroll-y lower-threshold="100" id="scroller"bindscrolltolower="scrollToLower" bindscroll="scrollPosition"scroll-with-animation="true" 开启动画scroll-top="{{topPosition}}" 设置滚动到顶部的值style="height:100vh"> <view wx:for="{{lis.

2020-12-21 20:02:58 827

原创 微信小程序上拉加载更多

无论是微信小程序还是其他前端框架,都会遇到上拉加载(懒加载)和下拉刷新这种问题。其实理清楚什么时候请求数据、请求返回的几种情况,那么做这个懒加载就很简单了。一、首先,固定一个包含列表数据的view高度,让它里面列表的数据溢出可以滚动: <scroll-view scroll-y lower-threshold="100" bindscrolltolower="scrollToLower" style="height: 100vh;"> <view wx:for="{{lis.

2020-12-19 13:53:28 2614 1

原创 微信小程序双向数据绑定,父子传参

单向绑定语法1.普通的属性的绑定是单向的。例如:<input value="{{value}}" />解析:如果使用 this.setData({ value: 'leaf' }) 来更新 value ,this.data.value 和输入框的中显示的值都会被更新为leaf;但如果用户修改了输入框里的值,却不会改变 this.data.value。双向绑定语法对应属性前加入model:前缀:<input model:value="{{value}}" />

2020-12-18 17:56:23 3257 3

原创 2002A实训

git&github链接:https://blog.csdn.net/weixin_43638968/article/details/109361069es6链接:https://blog.csdn.net/weixin_43638968/article/details/107518108小程序链接: 链接:https://blog.csdn.net/weixin_43638968/article/details/107518108uniapp链接:https://blog.csdn.

2020-12-12 14:35:13 2966

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除