- 博客(44)
- 资源 (1)
- 收藏
- 关注
原创 react的jsx语法规则及小练习
若小写字母开头,则将改标签转为html中同名元素,若html中无该标签对应的同名元素,则报错。若大写字母开头,react就去渲染对应的组件,若组件没有定义,则报错。1.表达式:一个表达式会产生一个值,可以放在任何一个需要值得地方,4,内联样式,要用style={{key:value}}的形式。3,样式的类名指定不要用class,要用className。注意区分:js语句代码式与js表达式。2,标签中混入js表达式式要用{}1,定义虚拟dom时,不要写引号。
2023-03-22 17:55:22
168
原创 webpack基础使用
webpack是静态资源打包工具,它会以一个或多个作为打包入口,将我们整个项目所有文件编译组合成一个或多个文件输出出去,输出的文件就是编译好的文件,就可以在浏览器运行,处理css---下载包 npm i --save-dev css-loader ,npm i style-loader。处理sass---下载包 npm i sass-loader sass webpack --save-dev。处理less---下载包 npm i less less-loader --save-dev。
2023-03-21 16:45:51
106
原创 uni 小程序用ucharts和echarts
ucharts图表有局限,所以同时用ucharts和echarts1.uni插件市场2.用ucharts和echarts中遇到的问题用ucharts图表,自定义tabbar和头部导航栏,底部和头部position:fixed进行固定,小程序真机预览图表层级会过高用ucharts和echarts开发工具预览,图表会出现错乱3.图表在浏览器和真机预览正常显示page界面components组件头部组件 导航栏组件统计图组件h5预览 小程序开发工具预览手机预览...
2022-06-22 17:47:32
3083
原创 uni-app 导航栏吸顶
部分代码<template> <view> <view class="status_bar"></view> <view class="demoWrapperNavTop"> <view class="h-100"> <gonds-header-search></gonds-header-search> </view> </view>...
2022-03-08 14:31:08
898
原创 uni 瀑布流布局
组件部分<template> <!-- 瀑布流布局列表 --> <view class="pubuBox"> <view class="pubuItem"> <view class="item-masonry" v-for="(item, index) in list" :key="index" @click="goodsItemTap(item.productId,item.skuId,item.shopId)">...
2022-03-08 11:04:08
245
原创 uni 导航栏超出部分隐藏,点击导航栏,导航栏位置也进行向前移动
1.组件部分<template> <view :id="'tab'+id"> <scroll-view class="scroll-view_H" scroll-x="true" :scroll-left="scrollLeft"> <view :id="'tab-item'+index" :class="['scroll-view-item',current==index?'active':'']" :style="[tabItemSt...
2022-03-08 10:57:53
646
原创 uni 退款 流程 和物流流程
1.退款流程1.组件模块<template> <view class="process_more"> <!-- 步骤条 --> <view class="set-2" :key="index" v-for="(item,index) in list"> <!-- 图片 --> <view :class="[index <= current?'success-border':'fail-border'.
2022-03-08 10:46:16
910
1
原创 uni 点击导航栏,列表进行相应的切换,弹性布局,列表区域出超出自动滚动
1导航栏组件<template> <view class=""> <view class="navbar"> <view v-for="(item, index) in nav_list" :key="index" class="nav-item" :class="{ current: tabIndex === index }" @click="tabChange(index)">{{ item.text }}</view&..
2022-03-08 10:34:08
256
原创 uni小程序分享到朋友圈朋友,uniapp分享给好友,通过小程序打开分享界面
app分享好友界面<uni-popup ref="popup" type="center" @touchmove.stop.prevent="moveHandle"> <view class="share"> <view class="weixin" @tap="weixin()"> <image src="../...
2022-01-11 14:36:11
1182
原创 el-select禁止下拉,点击弹出el-table表格,根据关键词进行搜索,并不清除el-select框里面的值
1.el-select下拉框的默认值,点击下拉框,弹出el-table表格默认选中表格值2.根据关键词进行搜索,并选中,不清除el-select原来值隐藏表格行样式.el-table .hidden-row { display: none; height: 0; }<el-select size="mini" ref="selectref" @visible-change="visibleType" v-m...
2022-01-06 17:20:59
3505
原创 Hbuilder华为nova真机测试检查不到手机
1.插入后,选择传输文件2.双击版本号,后提示您已经处于开发者模式,无需进行此操作,3.查看Hbuilder是否检查到版本信息,如果没有就搜索开发,打开-开发人员选项,查看usb调试是否打开,然后就可以检测到版本信息,就可以真机运行了...
2021-12-30 10:03:22
827
原创 防止localStorage和sessionStorage在开发工具中被篡改
1.让localStorage值无法修改,不推荐window.addEventListener('storage', function () { localStorage.setItem(e.key, e.oldValue) });localStorage里面被篡改的部分 和原来数据 会来回进行切换2.localStorage值被修改的时候清除他并且跳转到登录页,只有localStorage发送变化,包括新增,都会清楚,并跳转到登录,不推荐window.ad...
2021-12-24 15:16:45
9654
转载 一文详解Vue插槽slot的使用与案例展示
插槽slot在实际的项目开发中是经常使用的,主要分为三大类:默认插槽、具名插槽和作用域插槽,也是比较容易上手的。一、插槽的含义插槽slot是写在子组件的代码中,供父组件使用的占位符。在代码中,大致写为如下的形式,后面会进行详细的写法介绍。<slot> </slot>插槽其实就是在写 slot 的地方挖个坑,等着组件的使用者,即父组件,进行填充。子组件中使用插槽 slot 后,父组件可以在这个占位符中填充内容,包括数据、html代码、组件等,也就是说,当子组件...
2021-12-24 09:42:13
375
原创 element自定义树形结构
1css样式部分.centerChapter-box .el-tree-node__content { height: 100%; width: 100%; }.centerChapter-box .el-tree-node > .el-tree-node__children{ overflow:inherit; }.tree-b-box { position: relative; width: 100%;}.tree-box...
2021-12-23 18:00:00
633
原创 自定义图标
1.图标后缀为SVG2.百度搜索进入阿里巴巴矢量图标库网页中-资源管理-我的项目-上传图标至我的项目-把后缀为SVG的图标上传3上传完后-下载至本地-拷贝下载的文件到自己的项目中
2021-12-23 11:12:54
348
原创 element select 选择器 选中框中显示不了选中的值
select 选择器第一次可以选中,保存后,进行修改,显示框中不显示选中的值,需要进行forceUpdate强制进行刷新<template> <el-select v-model="value" placeholder="请选择" @change="selectChanged"> <el-option v-for="item in options" :key="item.value" :label="item.label.
2021-12-04 11:30:59
2674
原创 uniapp 微信授权登录 并获取相应的手机号码
界面代码部分data() { return { // 登录凭证 wxcode: '', }; }, // 加载登录凭证 created: function(options) { let that = this; uni.login({ provider: 'weixin', success: res => { that.wxcode = res.code; } }) .
2021-10-12 11:31:01
1112
1
原创 uniapp 小程序 分包
如果图片过多建议分包处理,因为小程序运行时主包不能超过2048KB,超过则不能运行主 包 文件分包文件在pages.json进行分包
2021-10-12 11:21:28
185
原创 uniapp 手持pda 扫描 功能
界面 监听 pda 按键 事件methods: { getkeyCodes(event){ this.keyCodes=event.keyCode; }, // 扫描录入的变化 async inputChange(event) { if(this.keyCodes==302||this.ke...
2021-10-12 10:58:34
1034
原创 vue 3 在 vue.config.js配置代理 解决前端跨域问题
module.exports = { // 是否开启cssSourceMap productionSourceMap: true, //build输出目录 outputDir:"client_pc", //静态资源目录(js, css, img) assetsDir:"static", filenameHashing:false, // 设置打包文件路径 publicPath: process.env.NODE_ENV === 'pr...
2021-10-12 10:37:00
569
原创 vue 动态获取表头数据 和表格数据 数组中相同 的ID 进行合并 组合成表格 每行 数据
表格html 代码<el-table height="240" border :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column type="index" label="序号"> </el-table-column> <el-table-co...
2021-07-15 09:47:16
1142
原创 vue 朝 两边走的进度条
<div v-if="(toWP>0&&toP<=0)||(toWP<=0&&toP>0)" class="display" style="align-items: flex-end;height: 28px;overflow: hidden;"> <div class="flex-1"> <div class="prog-box-right"> ...
2021-07-09 17:41:09
528
原创 element 表格 进度条
表格<el-table height="196" border :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column type="index" label="序号"> </el-table-column> <el-table-column prop="wo...
2021-07-09 17:29:55
290
转载 map 用法
map.js文件function HashMap(){ this.size=0; this.map=new Object(); } HashMap.prototype.put=function(key,value){ if(!this.map[key]){ this.size++; } this.map[key]=value; }; HashMap.prototype.get=function(ke.
2021-07-09 16:48:57
63
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人