- 博客(45)
- 收藏
- 关注
RSS订阅原创 React基本语法格式
这里写目录标题一、搭建React工作环境：1、React 特点2、React 安装3、环境安装中引入了三个库4、页面的启动问题二、第一个React程序：Hello，React！1、React的核心方法2、JSX代码必须具备一个根节点。3、JSX是HTML和JavaScript语言的混合。三、React组件：1、格式：采用ES6对于类的定义方法2、为组件中的HTML元素绑定事件例：一、搭建React工作环境：1、React 特点1.声明式设计 −React采用声明范式，可以轻松描述应用。2.高效 −
2020-11-17 18:20:08
796
4
原创 如何为页面/网站域名前添加图标
在页面源文件的<head></head>标签之间插入<link rel="shortcut icon" href=" /favicon.ico" />最后形成:<head> ... <link rel="shortcut icon" href="/favicon.ico" /></head>如何将图片格式转换为icon格式：比特虫。...
2020-11-03 17:25:27
415
原创 vue 以新窗口打开外部链接
功能：在表格中单击查看按钮打开外部链接js部分：viewDetail(row) { window.open(row.wurl,'_blank'); // row中的数据是表格scope.row 由后台接口返回 },
2020-09-04 16:00:59
5548
原创 vue 复制链接功能
html部分：<el-table :data="someTabaleData.slice(sizePerPage*(currentPage-1),sizePerPage*currentPage)" border> <el-table-column align="center" prop="contents" label="文章标题"></el-table-column> <el-table-column align="center" prop="optyp
2020-09-04 15:35:41
816
原创 uniapp——小程序调取接口已经提交了参数，但还是提示缺少参数
传了参数还是提示你缺少参数，那么你肯定是把参数以 json 或者是直接放在 BODY 里面传的。第一种情况：将参数直接放在body里面传了功能：上传图片或视频到oss最初阶段还是因为没有搞清楚接口功能，脑袋短路得一塌糊涂，甚至参数file都不清楚是怎么一回事，认为接口是返回实现文件上传的oss路径，是上传文件之前的准备工作，直接用uni.request()去请求接口了，接口直接返回“缺少参数”，附上后台的接口文档，如下：接口实际功能：将文件上传到oss上并返回该文件的oss路径实现功能的
2020-08-31 13:20:49
2130
原创 uni-app 小程序版本更新管理
首先附上官网的相关链接一、版本更新管理对象APIuni.getUpdateManager() ，本API返回全局唯一的版本更新管理器对象： updateManager，用于管理小程序更新。App的更新不使用本API。二、API平台差异三、updateManager 对象的方法列表方法参数说明onCheckForUpdatecallback当向小程序后台请求完新版本信息，会进行回调onUpdateReadycallback当新版本下载完成，会进行回调
2020-08-31 11:54:52
2443
原创 npm run build:asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)
今天在vue项目打包npm run build 中遇到以下问题：错误原因，资源(asset)和入口起点超过指定文件限制，需要在 vue.config.js 文件内做如下配置：module.exports={ //webpack配置 configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false }, //或者 //警告 webpack 的性能提示 pe
2020-08-26 16:34:55
801
原创 vue组件使用vuex中的方法报错，报[vuex]unknown mutation type:xxx的错误
vuex如果分为几个模块，方法是在模块中的话，如果直接在组件中通过this.$store.commit("方法名")是获取不到，必须要在前面加上模块名，如this.$store.commit("模块名/方法名")才可以获取到。同理：页面中使用状态量this.$store.commit("模块名/状态量")...
2020-07-29 13:04:25
4459
2
原创 uniapp——scroll-view手机预览不显示数据
今天在做项目的时候发现scroll-view组件内的数据在页面上渲染在微信开发者工具中可以正常显示，但是手机预览数据不显示，代码如下：<scroll-view scroll-y class="sqList"> <block v-for="(item,index) in sqlistData" :key="index"> <view class="sq" @tap="selectSQ">{{item.name}}</view> </block&g
2020-07-28 22:42:56
1639
2
原创 uniapp——小程序button按钮各种默认样式，修改按钮的默认样式
一、按钮的默认样式// 默认样式button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:1; border-radiu
2020-07-22 23:36:40
13633
原创 文件上传 + Java后台
一、Java后台使用的上传功能：SmartUpload：上传文件的大小限制在约为40MB左右。FileUpload：上传文件的大小可以比较大。二、原生表单的上传功能：1、准备工作：（1）准备一个没有头像的图片。（2）在后台需要设置一个放置图片的路径。2、表单的特点：（1）表单的method必须为post。（2）表单的enctype属性必须为multiplart/form-data。表单的enctype属性的默认值为：application/x-www-form-urlencoded
2020-07-19 00:43:01
743
原创 JS——执行栈（压栈和出栈）
<script type="text/javascript"> console.log('one'+i); //变量的声明提升 var i= 1; foo(1); //函数声明提升 function foo(i){ if(i == 4){ return } console.log('two'+i); //压栈 foo(i+1); //递归调用 console.log('three'+i); //出栈 } console.log('four'+i); &
2020-07-18 23:16:11
900
原创 uni-app去掉页面导航栏
全局去掉顶部导航"globalStyle": { "navigationStyle":"custom", //可以去掉小程序端的顶部导航 "app-plus":{ "titleNView":false // 去掉APP、H5的顶部导航 }},去掉单页面顶部导航"path": "pages/index/shopping","style": { "navigationBarTitleText": "商城", "navigationStyle":"custom", //可以去掉小程序端
2020-07-11 23:32:04
4449
原创 uni-app——开发微信小程序 因超过2MB限制无法打包预览、上传
这里写目录标题一、小程序对大小的限制二、问题描述三、解决方法1、减少项目的大小的方法2、分包技术四、相关知识点补充（pages.json文件）1、pages.json配置项列表2、subPackages（分包加载配置）一、小程序对大小的限制微信小程序每个分包的大小是2M，总体积一共不能超过16M。二、问题描述使用uni-app 框架 运行到微信开发工具后 提交代码 预览代码 均都是 体积过大无法提交和上传。微信小程序中出现这种问题无非是图片太多、体积太大。三、解决方法1、减少项目的大
2020-07-06 16:28:53
11416
原创 小程序—取消按钮的默认样式
<button class="login-btn" >{{ userInfo.nickname || '请登录~' }}</button>.login-btn { font-size: 32rpx; color:rgba(52,144,248,1); height: 100%; line-height: 100rpx; background: transparent;}.login-btn::after { border-color: transpar
2020-07-05 16:55:13
482
原创 uniapp开发的H5嵌套在uniapp开发的小程序中，如何从H5跳回小程序
一、引用依赖的文件在 web-view 加载的 HTML 中调用 uni 的 API，需要在 HTML 中引用必要的 JS-SDK。<!-- 微信 JS-SDK --> <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <!-- uni 的 SDK --><script type="text/javascript"
2020-06-28 14:15:10
3794
3
原创 uniapp——微信小程序中拍照上传图片加水印功能
wxml文件<!-- 拍照上传图片带水印 --><camera device-position="front" flash="off" @error="error" style="width: 100%; height: 300px;"></camera><button type="primary" @tap="takePhoto">拍照</button><view>预览</view><image mode=
2020-06-18 13:41:17
3273
2
原创 移动设备的屏幕问题
目录一、认识Retina屏二、设备像素1、设备像素的组成2、设备像素的特点三、设备尺寸四、苹果系列商品的参数五、像素密度1、计算公式六、设备独立像素2、获取方式3、css像素七、设备像素比1、计算2、获取3、作用一、认识Retina屏Retina屏视网膜屏开发公司摩托罗拉苹果第一款Retina屏iPhone 4如图所示，左侧为非Retina屏像素密度低，而Retina屏的像素密度高。二、设备像素设备像素：Device Pixel，简写为DP，也被称为“物理像素
2020-06-07 23:56:44
260
原创 根据对象数组的某些对象属性进行排序
数组排序会影响原数组数据区定义数组数据： files: [ {id: "53", sexindex: "女", age: "1", experienceindex: "1", name: "小乔"}, {id: "44", sexindex: "女", age: "12", experienceindex: "3", name: "光头强", eid: "0"}, {id: "51", sexindex: "女", age: "18", experienceindex: "10", name:.
2020-06-05 18:08:27
281
原创 移动端判断手机操作系统和手机型号
目录1、怎么判断是安卓还是iOS2、判断iPhone X手机或iPhone X系列手机1、怎么判断是安卓还是iOS// 获取浏览器的userAgent，并转化为小写var ua = navigator.userAgent.toLowerCase();// 判断是否是苹果手机，是则为truevar isIOS = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);if(isIOS){ // 苹果手机}else{ // 安卓手
2020-06-05 01:39:53
1010
原创 HTML5 学习——视频
视频的html标记：<video></video><video></video><video></video>目录1 html属性1.1 src1.2 poster1.3 controls1.4 width1.5 height2 接口属性(用在js中)2.1 videoWidth2.2 videoHeight2.3 如何获取视频的原始尺寸3 视频在移动端的问题3.1 视频的大小如何适配移动端3.2 如何解决苹果手机视频的全屏.
2020-06-05 01:23:40
186
原创 HTML5 学习—— 音频
音频的html标记：<audio></audio><audio></audio><audio></audio>目录1 html属性1.1 src1.2 autoplay1.3 controls1.4 loop1.5 muted2 接口属性(用在js中)2.1 paused2.2 volume2.3 duration2.4 currentTime2.5 currentSrc2.6 ended2.7 muted2.8 playba.
2020-06-05 00:37:27
228
原创 移动端开发——混合开发Hybrid的介绍
一、移动应用开发的方式1、目前主要有三种（如上图）：Native App ： 本地应用程序（原生App）Web App：网页应用程序（移动web）Hybrid App：混合应用程序（混合App)native app是原生安卓或ios程序员写的手机app。hybrid app是混合app。可以是安卓或iosf程序员写一部分，然后前端写html代码，把html代码给安卓或ios嵌套进去；也可以是直接的html网站，将其打包，嵌套一个app壳（在壳里面，其实就是只做了一个内嵌浏览器）。
2020-06-03 00:21:29
6593
原创 移动端的兼容问题（安卓和iOS手机）
这里首先说一下，金融问题只有少数情况需要判断操作，且不常见到。兼容问题有很多版本都不一会，安卓和ios也不一样，一般我们遇到了可以去查相关的资料去解决。一、怎么判断是安卓还是iOS // 获取浏览器的userAgent，并转化为小写 var ua = navigator.userAgent.toLowerCase(); // 判断是否是苹果手机，是则为true var isIOS = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1
2020-06-02 12:38:13
1796
原创 购物车的开发原理
一、传统的购物车实现：原理：在数据库中设置一个存储购物车信息的数据表。1、数据库中涉及到的数据表：商品表 product 1、包含字段： proId, brand, name, num, price, address, pic 商品id， 品牌， 品名， 库存数量， 单价， 产地， 图片购物车表 car 1、包含字段： carId, proid, num, userId, ispay 购物车id， 商品id，
2020-05-31 16:16:47
820
1
原创 微信小程序中 picker组件 多列选择器（自定义选择器）实例
在学习微信小程序中发现自定义选择器的联动效果实现起来比较困难，在实际项目中应用还很多，特整理出来帮助实现项目中类似的效果。如下图：wxml的代码:<view style="display:flex;"> <text>请选择您感兴趣的技术：</text> <picker mode="multiSelector" range="{{multiSelectorData}}" value="{{multiSelectorIndex}}" bi
2020-05-20 13:40:14
3102
原创 Express框架 初学
Express框架是后台的Node框架。（像前台jQuery库是基于JavaScript封装的函数库）。点击进入Express中文官网：Express基于Node.js平台，快速、开放、极简的web开发框架。原生Node开发，会发现很多问题。比如：1、呈递静态页面很不方便，需要处理每个HTTP请求，还要考虑304问题。2、路由处理代码不直观清晰，需要写很多正则表达式和字符串函数。3、不能集中精力写业务，要考虑很多其他的东西。Express框架致力解决以上问题，它非常像前端框架jQuery，
2020-05-12 15:52:56
164
原创 常用的DOS命令
常用的DOS命令：DOS（磁盘操作系统）一、如何打开DOS操作界面：开始 | cmd。二、DOS的提示符：>三 、DOS的术语：1、盘符：为硬盘分区设置的字母符号（C盘）。2、目录：相当于windows操作系统中的文件夹。3、路径：一系列目录结构组成的字符串。四、基本操作：1、进入到指定的盘符：d: <回车>2、查看当前路径的目录结构：dir <回车>3、进入目录：cd 目录名 <回车>4、返回上一目录：cd… <回车>
2020-05-12 10:52:13
170
原创 element 表格绑定动态变量且具备selection列的批量删除功能
昨天在实现表格数据的批量删除时遇到的坑问题描述：当的数据:data是一个动态数据时，若表格具备selection列，且对selection列操作的事件(例如selection-change)也具备对变量的操作代码如下：<template> // 批量删除按钮 <el-button :disabled="isDisabled" type="danger">...
2020-05-07 23:25:52
563
原创 Vue-为对象和数组新增属性 this.$set()
问题描述：vue的data里边是已经声明或者赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性或者操作数组元素，如果更新此属性的值，是不会更新视图的。如下列代码：<template> <div> <ul> <template v-for="item in userInfo"> ...
2020-05-06 15:13:28
7541
原创 Vue框架 get、post 数据提交方式的使用
本文章是对get、post两种数据提交方式进行总结1、getget方式传递的参数需要用 params、this.$axios.get(url,data) let url=''; let data={ params:{ id:1, name:'张三' } }; this.$axios.get(url,data).then(res=>{ co...
2020-05-06 11:58:59
1193
原创 Element UI的分页组件知识点整理
el-pagination组件的属性：1、total：设置分页数据的总个数。2、page-size：设置每页的数据个数。（默认值：10）3、page-count：设置分页的页数。设置分页可以有两种方案：（1）设置total和page-size。（2）设置page-size和page-count。4、pager-count：设置可显示的最大页码个数（7）。5、prev-text：...
2020-05-05 22:33:41
852
原创 uni-app中的接口调用方式总结
以通过调取接口获取轮播图数据为例：<template> <view> <swiper> <swiper-item v-for="(item,index) in carouselData" :key="index"> <image :src="item.url"></image> </swipe...
2020-05-04 16:54:05
9471
原创 uni-app项目中左右两级列表联动功能
<template> <view class="proClass flex-row" :style="proClassStyle"> <!-- 加载动画 --> <loading :isShow="isloadingShow"></loading> <!-- 左侧一级分类列表 --> <scro...
2020-05-02 21:07:29
4369
1
原创 在uni-app项目中使用vuex模块化modules
一、vuex的组成部分state，数据源（状态量）mutations，同步操作数据源getters，计算属性actions，异步操作数据源modules，模块化
2020-05-01 17:52:20
4815
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人