- 博客(39)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 免费好用的证件照软件
今天给大家分享一个小米官方出品的证件照制作神器，不是软件，而是一个微信小程序，免费而且没有广告。这个小程序叫做小米云证件照，直接从微信的搜索栏搜索小程序即可找到。第一次使用可以看看【新手教程】，里面会教大家基本的操作。...
2021-03-30 18:42:18
3446
4
转载 flutter-定位
Flutter组件之定位##定位方式一：可以在所需组件外层包裹一个Container，利用alignment: FractionalOffset(x, y)进行定位例子Container( padding: EdgeInsets.all(5.0), alignment: FractionalOffset(0.5, 0.8), decoration: BoxDecoration( gradient: LinearGradient( begin: Alignmen...
2021-03-30 14:16:32
1985
转载 flutter Container 的decoration 属性
decoration： 背景装饰decoration可以设置边框、背景色、背景图片、圆角等属性，非常实用。对于transform这个属性，一般有过其他平台开发经验的，都大致了解，这种变换，一般不是变换的实际位置，而是变换的绘制效果，也就是说它的点击以及尺寸、间距等都是按照未变换前的。但需要注意的是 deoration和 color： 背景颜色不能共存，二者同时只能有一个example:new Container( constraints: new BoxConstraints.expan.
2021-03-30 14:13:24
1599
原创 flutter网络dio框架封装请求后台方法
前言： flutter封装请求后台方法header加参数 BaseOptions options = BaseOptions(); ///请求header的配置 options.headers["appVersionCode"]=406; options.headers["appVersionName"]="V 4.0.6"; options.contentType="application/json"; ...
2021-03-30 14:10:28
753
原创 flutter的弹出框
前言： flutter的弹框有很多，这里分享两个AlertDialogAlertDialog 是一个用于向用户传递信息的弹出层。new MaterialButton( color: Colors.blue, child: new Text('点我'), onPressed: () { showDialog<Null>( context: context, barrierDis...
2021-03-30 10:41:03
3062
3
原创 小程序中实现点击切换不同组件的效果
前言： 小程序中实现点击切换不同页面的组件效果。实现效果:实现步骤：第一：分别建立三个页面的文件夹以及他们的相关文件第二：index模块中index.wxml<!--index.wxml--><view class="container"> <!--主体内容--> <view wx:if="{{active == 0}}"> <view>我是首页</view>...
2021-03-29 17:21:28
1544
原创 小程序中使用for循环,并动态添加class
前言： 小程序中使用for循环,并动态添加class实现效果：实现代码：index.wxml中：<view class='footer'> <view class="footerLi {{index == active ? 'footerActive' : ''}}" wx:for="{{footer}}" wx:key="index" bindtap='changeActive' dat...
2021-03-29 16:29:59
1395
原创 Webstorm支持微信小程序开发配置
前言: webstrom中配置小程序中的提示信息和模板首先要知道是：小程序中的wxml == 我们的vue模板/html 小程序的wxss == css英文版本： File ->setting -> Editor -> File Types-> style/vue中文版本： 文件->设置 -> 编辑器 ->文件类型-> style/vue中文版最终效果：英文版图片教程...
2021-03-29 16:00:46
1013
1
原创 来搭建一个小程序（菜鸟福利）
前言： 分享一下搭建小程序的详细方法。目录:操作步骤：第一步：肯定是安装小程序的开发工具，微信开发工具 官方入口1、双击安装包,点 下一步 -》我接受 -》改地址，安装 -》完成 -》微信扫码 -》这里就安装完成了，最后展示就是我们的开发工具的界面2、点击加号，可以看到这里是可以创建小程序的，还有小游戏，创建流程信息都是一样的，这里有一个必须的 AppID ,请继续看第二步：是扫描微信官网，注册账号，并获取开发小程序项目必备的appid1、百度搜...
2021-03-29 14:51:12
263
2
原创 小程序使用分包整体大小可达到20M
前言：（*方法与解释均摘取官方） 小程序因为体型太小是不支持打包下来特别大的，最新官方支持的总包是20m，单个文件包是2m.官方入口：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html目录：分包加载使用分包配置方法打包原则引用原则低版本兼容示例项目独立分包配置方法限制注意事项低版本兼容分包预下载配置方法限制分包加载微...
2021-03-29 13:46:59
2870
原创 flutter解决键盘顶起页面
前言： flutter中解决键盘顶起页面的问题。flutter 1 :Scaffold.resizeToAvoidBottomPadding return Scaffold( resizeToAvoidBottomPadding: false, // 解决键盘顶起页面flutter 2:Scaffold.resizeToAvoidBottomInset...
2021-03-29 11:22:56
5971
转载 小程序中使用echarts
原文链接：https://www.jianshu.com/p/a2ab21bc7e9e平时经常在web系统中使用折线图、柱状图、仪表盘等等等图表展示数据，在浏览器页面中我们为了方便经常使用echarts，官网教程也写的很清楚。但是在微信小程序中我们同样有这种需求，那么如果直接用canvas，那么久太麻烦了，说不定一个折线图画一上午！，所有瞬间就会想到echarts等框架，但是echarts官网没有小程序版，不过！！！已经有人在github发布echarts的小程序版本了。。感谢大神分享。首先，下
2021-03-29 10:03:12
2737
2
原创 flutter:Pubspec has been edited
前言： 当我们更新项目的时候，别人增加了依赖，就会出现下面这个情况，这个意思是Pubspec 是被改动了通过比较以后，发现 pubspec.yaml 确实是有新增加依赖执行，就可以了到此结束！...
2021-03-24 16:40:56
1461
原创 Android studio遇到问题:Emulator: PANIC: Cannot find AVD system path. Please define ANDROID_SDK_ROOT
前言： 在使用android studio时，配置模拟器的时候一直在报错这个，然后网上找到问题，并实际解决了问题，在这里记录下参考地址：https://blog.csdn.net/qq_41138191/article/details/104354529问题原因：没有配置环境的情况下 ，是因为他默认找的是这个路径的AVD：问题很明显了，中文路径导致的C:\Users\你自己的名字\.android\avd解决办法：1、删除安装的所有的AVD2、更换A...
2021-03-23 16:06:48
1232
原创 element中使用loading,加载中
前言： 在element中使用loadding的时候，在js中调用的，还是不太方便，这里把他封装下。先写一个 loading.js 文件：import { Loading } from 'element-ui'; let loadingCount = 0;let loading; const startLoading = () => { loading = Loading.service({ lock: true, text: '加载中……', ...
2021-03-17 18:10:08
2508
14
原创 echarts实现横向柱图文字在柱图上面（升级版本）
前言：echarts实现横向柱图文字在柱图上面效果图：实现源代码：<div id="lip" style="width:100%;height:800px;"></div><script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script><script> function initEchartsFh() { ...
2021-03-16 18:13:08
4310
5
转载 精讲Flutter官网的第一个例子
原文链接前言学习Flutter你一定会看到官网的第一个例子：中文版或英文版。但是作为新手，或许你看的会很费劲，这篇文章的目的是帮助你更好的理解这个例子。最终的效果图：我们先分析一下如何实现上图中的效果：Android开发者1. 准备数据：列表数据和选中的数据可以分别使用两个List或者数组存储。 2. 界面列表:使用ListView或RecyclerView 3. 界面跳转:可以使用Intent携带数据到新的列表页 iOS开发者1. 准备数据：列表数据和...
2021-03-16 18:04:31
173
1
原创 echarts实现横向柱图文字在柱图上面
前言： echarts实现横向柱图文字在柱图上面效果图：实现源代码：<div id="lip" style="width:100%;height:800px;"></div><script> function initEchartsFh() { var myChart = echarts.init(document.getElementById('lip')); var option = { ..
2021-03-16 11:15:25
5992
1
原创 flutter的EdgeInsets
前言： flutter的EdgeInsets目录一、EdgeInsets 方法提供的四个属性：二、项目中实际使用三、官网介绍：入口一、EdgeInsets 方法提供的四个属性：fromLTRB(double left, double top, double right, doublebottom)：分别指定四个方向的填充。all(double value) : 所有方向均使用相同数值的填充。only({left, top, right ,bottom })：可以设...
2021-03-12 16:32:01
5016
1
原创 vue中使用bus来实现不同组件的传值（更推荐vuex）
前言： 在vue中实现用公共bus来实现不同组件直接的传值。实现方法：1、main.js中在window上挂载一个变量EventBuswindow.EventBus = new Vue()2、传方法页面，必须在页面的销毁阶段传方法，至于原因，请看最下面的原因beforeDestroy () { window.EventBus.$emit('getData', 123) }3、接受方法页面，必须在created ，至于原因，请看最下面的原因//注...
2021-03-12 13:56:04
444
1
原创 总结功能与笔记
前言： 总结功能与笔记 //1、展开与关闭 // 单个：data里面定义 show:false, 然后点击让他等于 !show 也就是如果他关闭，让他打开，打开让他关闭 ，页面上是v-if = 'show' //多个： 从后台拿到的数据是个数组arr，拿到后台数据的时候把arr循环，循环给他的每一个对象加一个字段是show 【{show:false},{}】 // 然后页面上循环渲染这个arr，点击每一个内容的时候把下标in...
2021-03-08 16:03:11
107
原创 vue3.0刷新当前组件nextTick
前言： 在vue2.0我们想刷新一个组件的话是可以在data里面定义一个变量，然后methods里面直接this.$nextTick直接调用这个函数来操作的，在vue3.0中的setup他的用法是不一样的在setup中的用法：1、引入reactive和nextTickimport { reactive,nextTick } from 'vue'2、setup中定义变量setup (props, ctx) { //定义变量 let table = reacti...
2021-03-08 15:38:35
16950
9
原创 vue和js点击下载pdf,word,png,jpg等格式的文件，解决点击下载pdf却是打开预览的问题
前言： 在我们项目中，下载png,jpg的文件是非常方便的，动态生成一个a标签，给他赋值路径，动态点击，就可以实现这个功能，但是pdf，word等类型的文件是不行的，因为浏览器不允许我们直接点击下载，是点击预览，我们在这里分享下各自的方法。目录：一、下载png,jpg等常见问题的方法方法一:（ jpg png等）方法二：（word(docx) excel(xlsx) ppt jpg png等）二、下载pdf的方法（）***在说具体方法之前，先解决一个问题，就是使用下面...
2021-03-08 10:40:37
7148
6
原创 vue中使用mock.js来模拟后台
前言： 在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口目录：官网入口：为啥要使用mock优点项目中使用步骤：1、安装 ：2、在src中创建文件夹 mock ,新建index.js文件3、访问我们的mock后台mock.js更多的资料api:1. 属性值是字符串 String2. 属性值是数字 Number3. 属性值是布尔型 Boolean4. 属性值是对象 Object5. 属性值是数组 Array...
2021-03-04 18:11:51
971
3
原创 vue3.0中setup定义的变量,获取到后台以后改变变量的值
前言： vue3.0中我们setup是可以定义一个变量，然后return发送出来，页面用{{}}直接获取，但是我们请求后台获取数据以后是需要改我们初始化定义的字段的，这种情况下应该怎么做呢，这里分享下我的经验目录1、分享源码，template:js中：2、查找网上相关资料这里是两种，一种是ref的方法，一种是reactive ，这两种我个人感觉怪的地方，一个是如果换成对象，并且是好几层的话，他的 .value方法不是很友好，而且第一种的ref方法，如果被用来做数据联...
2021-03-04 16:31:34
22923
13
原创 csdn找到自己关注的人和关注自己的人-2021最新
前言： csdn找到自己关注的人和关注自己的人-2021最新入口：https://my.csdn.net/my/follow点进入以后是这样的，就是没办法查找具体某个人
2021-03-03 09:46:14
298
6
原创 vue3.0中使用ref来调用子组件的方法
前言： vue3.0中ref的使用和vue2.0中的ref相比较也有很大的改变，这里总结下他的具体使用方法。vue2.0父组件：template <Table ref="eleTable" @handle="handleFun"></Table>methods:this.$refs.eleTable.子组件的方法名+()this.$refs.eleTable.子组件的属性名vue3.0父组件：template <T...
2021-03-02 18:35:04
34300
11
原创 vue3.0父子组件的通信
前言： vue3.0父子组件的通信父传子：provide /inject详情子传父：子组件： <el-button @click="changeParentNum('111')">点我给父组件发数据</el-button> setup (props, ctx) { const changeParentNum = data => { // 通过ctx调用emit事件 需要注意的是Vue2.x中使用 $emit切勿混淆...
2021-03-02 15:10:40
4659
4
原创 vue3.0中globalProperties的定义以及 globalProperties定义的字段在setup中用法
前言： vue3.0中的全局定义属性值和2.0是不一样的，是使用了globalProperties，而且跟我们2.0中可以用 this.+我们挂载的属性名 的用法相比，我们3.0的使用 方法是不一样的，这里总结下2.0main.js中import api from './api' // 导入api接口Vue.prototype.$api = apiVue.prototype.$abc = 111页面上：this.$api.user...let abc...
2021-03-02 14:44:48
26020
24
原创 vue3.0中改变router为hash或者history
前言: 在这里我们分析总结下vue2.0和vue3.0改变router为hash或者history 的方法。vue2.0history:const router = new VueRouter({ mode: 'history', routes: [...]})hash:const router = new VueRouter({ mode: 'hash', //或者把这句话注释，默认就是hash routes: [...]})vue3.0...
2021-03-02 14:26:53
12591
14
原创 vue+diff:计算两个时间的差值diff方法momentjs和dayjs
前言： 在项目中计算时间的时候，会遇到一个问题,那就是日期跨天问题，我们的开始时间和结束时间拿到了毫秒，然后时间 比如 11.50 - 1.50 这个如果按小时来算，就没有到1天/24小时，但是他又是过了一天，所以会需要这个diff计算具体操作： dayjs(dayjs(endTime * 1000).format('YYYYMMDD')).diff(dayjs(dayjs(startTime * 1000).format('YYYYMMDD')), 'days')举例：（单...
2021-03-02 13:39:51
6872
2
原创 es6查找指定字符下标，并把第一个字符前面的内容删掉
前言： 用es6实现查找指定字符下标，并把第一个字符前面的内容删掉。原字符串 ： abc-123-bcd-444目标字符： 123-bcd-444实现方法： let abc = 'abc-123-bcd-444' let mmm = abc.indexOf('-') let nnn = abc.substring(abc.indexOf('-')+1, abc.length)可以看到：nnn就是我们想要的内容最终结论方法：...
2021-03-01 18:18:05
1432
3
原创 vue3.0中自定义指令的使用
前言： 在vue3.0中使用我们的自定义指令。实现步骤：（全局定义点击的自定义属性）1、src/ 新建文件夹 directives,新建index.jsexport default (app) => { //自定义组件 app.directive('demo', (el, binding) => { el.addEventListener('click', () => { console.log(binding.value.co...
2021-03-01 17:55:59
4206
7
原创 html的实体字符，h5展示特殊符号＜＞
前言：在 HTML 中，某些字符是预留的，不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。比如： 这样是不行的 <p> < </p>比如用实体字符 <p> < </p>HTML 中有用的字符实体注释：实体名称对大小写敏感！显示结果 描述 实体名称 实体编号 空格  ...
2021-03-01 15:51:15
929
原创 vue3.0中关闭eslint(全部不检测)
前言： 在项目中eslint检查是一个很棒的工具，但是在非正式场合，或者某些情况下，他会给我们带来很多不方便，这里分享下如何在新建项目后把他的eslint检查先关掉（正式项目不推荐关闭，因为良好的习惯是从每一行代码的规范开始）方法： 打开我们的 .eslintrc.js 文件，把 '@vue/standard' 注释，然后把服务 重启，重启，重启，重要的事情说三遍.eslintrc.jsmodule.exports = { root: true,...
2021-03-01 15:40:44
8873
1
原创 vue3.0中路由跳转,v-model的使用
前言： vue3.0中实现路由的跳转，3.0的用法和2.0不一样，2.0中直接this.$router.push就可以使用了，3.0中比如引入配置， vue3.0中的v-model页面绑定数据，页面上使用方法跟以前一样，还是{{内容}}，但是方法和字段定义却不是在，data和methods里面了，是放在setup这个阶段，通过定义字段和方法，然后发送出来路由跳转相关：<el-button @click="changeLink">切换到page1</el...
2021-03-01 15:27:29
1820
13
原创 vue3.0项目创建
前言： 用vue的最新脚手架来搭建vue3.0的正式项目目录：步骤：1、安装最新的脚手架，如果有可以不看这步了(***这里使用cnpm)检查：vue -V 出现下面的就代表成功了2、在你想建项目的地方打开PowerShell/小黑框，输入vue + create + 你的项目名 ，然后回车vue create newject3、然后会出现下面的选择，这里选择自定义的，最后一个，然后回车4、选择配置，上下键移动，空格选择，回车下一步5、选择vue的版本...
2021-03-01 14:49:28
770
3
原创 vue3.0中使用element
前言： 在vue3.0中使用element框架，因为element是支持vue2.0的，他推出的支持vue3.0的版本叫element-plus目录：官网入口：点我进入一、个人遇到的问题与解决办法：遇到的问题： 我直接用cnpm ielement-plus-S 装的版本，不知道为啥，一直报错 图1，版本型号 图2 ，我的代码中使用图3图1图2图3解决办法：我把package.json中的element-plus的版本更换成 下面这句...
2021-03-01 14:15:28
22887
18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人