2020年12月_star@星空

原创 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 4806 1

原创小程序发布流程

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

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

原创小程序中的吸顶效果（小程序操作DOM）

小程序中的吸顶效果wxml<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 2615 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 3258 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

田兴的博客