- 博客(29)
- 收藏
- 关注
RSS订阅原创 uniapp使用echart图表
本文使用方法：用webview内嵌HTML1：创建一个HTML文件，粘贴下面代码、放到static文件夹下面作为静态资源<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js">&l
2020-11-27 13:53:14
1374
原创 史上最简单的promise 例子
// 异步执行函数1function fun1() { return new Promise((resolve, reject) => { console.log('into here fun1'); setTimeout(resolve, 1500); // setTimeout(reject, 1500); });}// 当函数fun1执行后，then对应的是resolve catch对应的是reject。fun1().then(()=>{ console.
2020-11-12 11:44:10
837
原创 promise简单例子3
// 多线程 多个异步任务同时执行// 异步任务一var p1 = new Promise((resolve, reject)=> { console.log('into fun1'); setTimeout(resolve, 1500);});// 异步任务二var p2 = new Promise((resolve, reject)=> { console.log('into fun2'); setTimeout(resolve, 600);});//异步任务.
2020-11-12 11:08:30
183
原创 promise 简单例子二
new Promise((resolve,reject)=>{ var timeOut = Math.random() * 2; setTimeout(()=>{//模拟异步网络请求 if (timeOut < 1) { resolve('200 OK'); } else { reject('404 not found'); } })}).then((success)=>{ console.log('成功');}).catch((fail)=.
2020-11-12 10:10:16
88
原创 promise的简单例子
// 建立一个promise执行函数 startfunction test(resolve, reject) { var timeOut = Math.random() * 2; setTimeout(function() { //seTimeout和网络请求一样是异步执行 if (timeOut < 1) { resolve('200 OK'); //指的是返回一个成功的执行结果 } else { reject('404 not found'); //指的是返回一个.
2020-11-12 09:56:47
288
原创 遮罩层的方式实现点击图片放大
一个简单demo，需要的取走就是了，我自己也是留个存档，下次遇到同样的需求copy就完事了。<!doctype html><html> <head> <!-- 声明当前页面的编码集：charset=gbk,gb2312(中文编码) , utf-8(国际编码) --> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>...
2020-09-16 14:34:13
811
1
原创 hbuilderx 自定义 设置 格式化快捷键
第一步：打开编辑器顶部的工具，选择自定义快捷键这一栏。第二部：搜索“格式化”，找到相关代码，设置一下就行了。
2020-09-14 10:01:29
2746
原创 小程序工具类utils
// 封装数据请求相关代码const myrequest = (url, { method = 'get', data, success }) => { // options.method = options.method || 'get'; wx.request({ // url: 'https://api.****.com' + url, url:'http://192.168.***:8081'+url, data: data, method: met.
2020-09-09 14:52:38
648
原创 小程序缓存之对象 例如商品加入购物车
因为对象和字符串之间的通信需要处理，我这里直接定义几个公用方法1.从缓存中通过key去获取购物车的对象数据 getLocalStoreDatas(key) { var value = wx.getStorageSync(key) || "{}"; var valueJson = JSON.parse(value); return valueJson; }...
2020-08-29 08:56:04
799
原创 小程序公用自定义导航栏组件 包括顶部状态栏
wxml<!--common_ components/common_header/common_header.wxml--><!-- 顶部状态栏div --><view class="status_bar" style='height: {{statusBarHeight}}px;'></view><view style='height: {{statusBarHeight}}px;'></view><!-- 顶部
2020-08-22 13:57:14
412
原创 小程序封装请求数据的公共方法 开箱即用
准备一个JS文件，例如Utils.js// 封装数据请求相关代码const myrequest=(url,options)=>{ options.method= options.method||'get'; wx.request({ url: 'http://baidu.com'+url, data: options.data, method:options.method, header: { 'content-type': 'appli
2020-08-22 13:24:45
286
原创 微信小程序 底部导航 快速模板
"tabBar": { "selectedColor": "#0078FF", "list": [ { "iconPath": "static/footer/home0.png", "selectedIconPath": "static/footer/home1.png", "pagePath": "pages/home/home", ..
2020-08-22 13:16:08
263
原创 此应用 DCloud APPID 非当前账号所有，请联系应用所有者（即此Appid的创建者）设置你的账号为协作者（在https://dev.dcloud.net.cn操作），或重新生成 APPID 后
去manifest.json里面重新获取一下APPID就行了简单粗暴，相逢即是缘，解决了问题点个赞在走呗
2020-08-22 08:44:55
19621
8
原创 uniapp设置多个视频只能单个打开播放
<view v-for="(item,index) in VideoItems"> <video style="width: 100%;height: 400upx;" :src="item.URL" :ref='item.ID' @play="saveplay(item.ID)"></video></view>saveplay(e){ // 获取当前视频id let curr.
2020-08-20 09:42:19
2769
6
原创 文字最多显示两行
overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
2020-08-18 14:34:23
892
原创 小程序设置页面不可下拉
// *********************设置为不可下拉 header onPageScroll:function(e){ if(e.scrollTop<0){ wx.pageScrollTo({ scrollTop: 0 }) } },// *********************设置为不可下拉 footer此方法在page里面，和onLoad同级...
2020-08-18 08:49:16
637
原创 小程序轮播图 简单例子 开箱即用
<swiper indicator-dots="true" autoplay="true" circular="true"> <block> <swiper-item> <image src="https://file.xdclass.net/video/官网轮播图/jkzdhcs.jpeg"></image> </swiper-item> <swiper-item&..
2020-08-17 10:24:14
152
原创 小程序路由 快速模板
// 跳转非tab页面 skipPage: e => { // 获取参数 var parameter = e.currentTarget.dataset; // 参数转存 wx.navigateTo({ url: parameter.myurl, }) }, //返回 backPage: () => { wx.navigateBack({}) }, //跳转到tab页面 skipTab: e => ...
2020-08-17 10:19:08
96
原创 微信小程序传参的语法 史上最简单的例子
<view bindtap="testMethods" data-testParam="这里填写需要传过去的值"> </view> testMethods: function (event) { // 获取参数 var parameter = event.currentTarget.dataset; // 参数转存 console.log(parameter.testParam); },...
2020-08-17 09:54:38
190
原创 小程序+获取顶部状态栏的高度
1.app.js里面 //获取状态栏的高度 wx.getSystemInfo({ success: function (res) { that.globalData.statusBarHeight = res.statusBarHeight; } })2.注意：that需要在方法里面，比如onLaunch:function()里面定义varthat=this3.页面的js里面const app = getApp(...
2020-08-14 15:24:04
7105
原创 JS递归函数原理和实践，简单例子解析
先说一个经典的递归阶乘函数，定义是：一个函数通过名字调用自身function factorial(num) { if (num <= 1) { return 1; } else { return num * factorial(num - 1); }举一个简单的例子，看完例子相信你已经理解其中的原理了计算1-10之间的和： //计算1-10之间的和 function f
2020-07-06 14:24:44
539
原创 uniapp开发App，手机顶部状态栏问题
问题：在使用uniapp开发手机App时，因为HBuildX创建的应用默认是沉浸式样式，如果去除自带的导航栏之后，页面会直通手机顶部状态栏，解决办法有一下几个方法1：可以使用uniapp官方文档提供的解决方案https://uniapp.dcloud.io/collocation/pages?id=customnav方法二：配置mainfest.json来关闭沉浸式。打开应用的manifest.json文件，打开源码视图，app-plus 下添加statusbar >immersed节..
2020-07-05 16:26:17
11846
3
原创 版本管理，git+码云
准备工作1.安装好git2.去码云官网注册号账号，新建好一个测试仓库https://gitee.com/3.配置好电脑和码云之间的ssh公钥（这一步不会的麻烦查一下其他博客）4.当你在码云创建一个空的仓库时，它会有简易git命令提示5.直接运行上面的Git全局设置和创建Git仓库的代码，解释一下上面代码全局设置是为了告诉git你是谁git init是初始化目录，让其在git的管理范围之内add是添加文件到git的暂存区commit-m是把暂存区的代码提交到分支rem.
2020-06-25 15:42:03
178
原创 大道至简 vuex的使用
使用vuex之前，电脑要安装好node.js以及vue-cli脚手架，最好是安装淘宝镜像cnpm第一步：安装vuex包，cnpm install vuex第二步：创建vuex实例，细节如下1.打开main.js，引入vueximport Vuex from 'vuex'2.使用Vue.use注册一下Vue.use(Vuex)3.实例化一个vuex，并且添加一个初始化的state对象，假设登录状态默认为falseconst store = new Vuex.Stor.
2020-05-10 21:28:31
142
原创 Local package.json exists, but node_modules missing, did you mean to install?
一个学弟最近再学vue，给我发一个截图，问我为什么启动不了，注意看报错信息，当中有句话就是标题的那句Local package.json exists, but node_modules missing, did you mean to install?本地的package.json已存在，但是node的模块却没有？后面人家还提醒你了，去安装（install）所以你就安装一下依赖就OK啦。cnpm install...
2020-05-10 00:09:37
5077
原创 java 程序结构的理解
java程序主要是class，每个class都会被编译成字节码文件package 定义的包名，用来管理类命名空间import 用来导入同工程下的其他包，用来调用其他包中的类public class 类名 公共类，类名与文件名一致...
2018-09-10 18:05:47
524
原创 java的程序执行原理
简单来讲，就是java源代码编译成.class字节码文件（编译），然后jvm装载.class字节码文件（解释），然后执行。java程序是运行在java虚拟机上的，所以与平台无关性，移植性强的优点就显示出来了。 ...
2018-09-10 17:45:25
120
原创 idea+springboot+mybatis+mysql开发web项目
第一步：创建springboot初始demo 一直到这里，选择web中的web, 还有SQL中的Mysql+Mybatis 至此，基于springboot集成MySQL，mybatis的web启动项目算是完成了。ps：如果是首次建立，maven仓库没有相关依赖，可能它会花点时间去下载依赖包 启动主程序类 你会发现，启动报错，没有数据源？？？，在...
2018-08-08 17:31:38
6446
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人