- 博客(82)
- 收藏
- 关注
RSS订阅原创 node+koa+mongodb搭建服务项目,koa如何连接mongodb数据库,node+koa创建服务端demo
node+koa创建服务端demo
2022-01-14 22:14:54
910
原创 如何基于vue-cli发布一个npm包
流程：使用vue-cli生成一个项目(这里用的2.X)项目根目录下创建一个文件夹(paskages)放置编写代码创建packages/components/Button/src/button.vue<template> <div> <button :style="buttonBgc"> <slot></slot> </button> </div></template
2022-01-07 23:19:58
682
原创 基于vue的excel表格导入，拖拽导入，excel文件本地预览 ，前端解析excel文件数据再传给后端
excel表格导入 （demo请查看 gihub https://github.com/cc147151/v3-admin）用户/用户管理 excel导入一、前端解析excel文件再把数据传给后端解析excel数据使用到了xlsx包npm i [email protected]新建UploadExcel文件夹作为上传excel组件UploadExcel --index.vue --utils.js // 处理表头的方法等<template> <div>
2022-01-02 10:53:49
3188
原创 vue3+element plus搭建后台管理系统
项目地址githubhttps://github.com/cc147151/v3-adminsrc/router/testRoleRouter.js为各个用户登录之后返回的路由表（接口未返回路由表，故做一层拦截store/modules/permission.js的actions:getMenus）定义路由：（含有children的路由对象将视为菜单栏的sub-menu）(根路由添加name，是因为router.removeRoute()方法参数只支持name删除，在退出登录的动作)整个菜单栏是通
2021-12-29 21:24:03
2076
原创 vscode创建vue的用户片段代码
// 设置=》用户代码片段=》新建=>vue.json 配置一下{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and insert
2021-12-20 22:03:03
184
原创 js判断给定时间是否在某一段时间内
// 判断当前时间是否在给定时间段内 ios需要把时间的-替换成/export function isDuringDate(begin,end) { const currentTime = new Date()-0 const beginTime = new Date(begin.replace(/-/g,'/'))-0 const endTime = new Date(end.replace(/-/g,'/'))-0 if(currentTime>=beginTim
2021-12-17 16:38:52
340
原创 根据图片自身大小自适应显示
创建imghook.js://首先图片是1:1比例，解决不同图片免去单独设置宽高import { ref } from "vue";let imgStyle = ref({});const imgWidth = ref("");const imgHeight = ref("");const getSize = (naturalWidth, naturalHeight) => { const clientWidth = document.documentElement.clientWid
2021-12-09 23:27:00
769
原创 基于vue3的九宫格抽奖
基于vue3的九宫格抽奖九宫格使用jq，所以vue3引用了jq包可见源码地址github项目地址https://github.com/cc147151/luck
2021-12-08 21:29:07
383
原创 小程序上拉加载，下拉刷新
// 采用 vue 的mixins// 新建 page.jsexport default { data() { return { none: false, pageDataList: [], loading: false, bottom: false, page_no: 1, page_size: 10, } }, methods: { async getDataFun(refresh = "") { this.loading = true
2021-05-10 13:21:13
124
原创 node+koa创建服务端demo
安装koa2脚手架npm install -g koa-generator利用脚手架创建项目koa2 -e yourName热更新(实时编译)npm run dev项目实例 ：https://github.com/cc147151/mykoa
2021-04-08 10:48:32
281
1
原创 vue得父子组件和mixins生命周期顺序
代码仓: https://github.com/cc147151/filterTest顺序如图所示：销毁顺序：
2021-01-24 16:11:54
1348
原创 vscode如何自动编译把scss/sass编译成css
1.vscode=》扩展=》添加Live Sass Compiler插件2.设置=》搜索livesass 如图所示：3.点进去进行编辑：```javascript "liveSassCompile.settings.formats":[ // 扩展 { // "format": " ",//可定制的出口CSS样式（expanded，compact，compressed，nested） "extensionNam
2021-01-24 14:42:48
3026
3
原创 scss的混入和继承，以及for,each循环
index.scss$color-red:red;$color-blue:blue;@mixin flex($direction,$jus-con:'',$ali-itm:'') { display: flex; @if $direction=='column' { flex-direction: column; }@else { flex-direction: 'xxx'; } justify-content: $jus-con
2021-01-24 14:28:35
427
原创 小程序image组件裁剪属性
原图:<view class="m40 title">不适用任何裁剪属性</view><view class="imgBox m40"> <image src="https://shop.ccdental.cn/images/b7/da/ad/97e8f82a896dbe923cc442011a512b7221809c85.png"></image></view><view class="m40 title"&g
2021-01-22 15:25:17
189
原创 vue中限制图片宽高相等再上传,upload ui组件限制图片宽高相等
结合upload组件// imgType ==8时，要求图片宽高相等才可以上传 beforeUpload(file) { let that = this const isLt5M = file.size / 1024 / 1024 < 5 const allowedFileType = file.type.indexOf('jpg') !== -1 || file.type.indexOf('png') !== -1 || file.typ
2021-01-18 17:35:16
390
原创 vue的filter结合三元表达式遇到的问题
filter与三元结合遇到的问题：源码见：https://github.com/cc147151/filterTest <!-- 如果用括号括起来，过滤器就不识别--> <div> {{info.status == '1' ? '进行中' : (info.modified_time |getFormalTime) }} </div> <div>
2021-01-18 17:10:42
541
原创 git回滚到指定版本
1.使用如下命令查看提交的日志，找到要回滚的commit id git log --pretty=oneline2.使用如下命令hard后边跟上commit对于的idgit reset --hard 4ff191db3********f6a7721175ea08f3e3.使用如下命令强制推送到git上git push -f4.查看远程git上已经回滚到指定commit的版本了...
2021-01-18 10:25:24
136
原创 nginx配置解决跨域
打开nginx文件夹下的conf文件夹下的nginx.conf文件页面路径：F:\sjy\jq\draw630/index.html输入http://localhost/draw630/index.html接口代理：function request(url, data, suc, fai) { $.ajax({ type: 'POST', url: '/marketing'+url, headers: { token: getParams().token
2020-11-05 11:53:19
273
原创 taro如何搭配dva使用？
1.在taro项目中装包：npm install --save dva-core dva-loadingnpm install --save redux @tarojs/redux @tarojs/redux-h5 redux-thunk redux-logger2 新建dva.jsimport Taro from '@tarojs/taro';import { create } from 'dva-core';import { createLogger } from 'redux-logg
2020-10-23 11:53:15
420
原创 微信小程序得scroll-view上拉加载下拉刷新
<template> <div class="scBox"> <div class="pickerBox"> <picker range="{{projectListArr}}" range-key="{{'projectName'}}" value="{{pickerIndex}}" bindchange="pickerChange">
2020-07-16 14:55:20
427
原创 微信小程序如何引入直播组件?
// 具体可查看文档的引入.这里以主包简单介绍// app.js引入，首先需要在小程序后台第三方设置里添加插件。"plugins": { "live-player-plugin": { "version": "1.1.1", // 注意填写该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释） "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释
2020-07-15 19:42:35
3230
1
原创 wepy，微信小程序使用canvas绘制海报
<template> <view> <view class="poster"> <view class="tip">保存{{from==='location'?'楼盘图片':'名片'}}到相册，分享给朋友吧～</view> <view class="closeBox"> <image bindtap="closefn" class="closeIm.
2020-06-29 12:01:05
279
原创 rn的flatList造成ios闪退问题。。。
flatList组件渲染，用到了图片，但是图片地址没有，造成app闪退，ios模拟器报错。如果图片为空的话就放一个空盒子吧
2020-06-15 17:12:40
374
原创 h5封装axios请求
import axios from 'axios'import { Toast } from 'vant'if (process.env.PRODUCTION) { axios.defaults.baseURL = 'https://test'} else { axios.defaults.baseURL = 'https://prod'}// dev// axios.defaults.baseURL = 'https://test' // prod// axios.defaults
2020-06-15 08:44:13
1243
原创 umi如何在主文件(类似index.html)document.ejs中引入js文件
// 在src下面新建document.ejs（如果没有的话）
2020-06-05 18:30:03
5520
原创 微信小程序onshow里拿参数
原生小程序语法直接在onshow生命周期里使用this.options// 以下$wx是被wepy封装了一层. onShow () { console.log(this) let { $wx: { options } } = this this.recommendList(options.id) },
2020-06-05 17:46:34
2834
原创 vue打包丢到服务器上，访问不了。
// vue打包丢到服务器上，访问不了页面，一般都是因为打包目录不是直接在域名根目录下，而是在根目录一个文件家下，例如下面得test文件夹。如果不是根目录，需要配置publicPath。 // 例如：我需要输入192.168.1.5/test 访问我的页面。 // 针对vue-cli 2.x版本: // 那我就需要在conig.js/index.js 文件下面，找到build,assetsPublicPath设置为'/test/',或者直接设置为'./'一般采取第二种'./'。这样不需要管文.
2020-06-05 17:16:01
796
原创 微信小程序保存图片到本地,本地图片不支持
// 保存图片需要用到wx.wsaveImageToPhotosAlbum这个api，但是这个api测试后发现本地图片不支持直接引用，而是需要用到wx.getImageInfo接口返回一个临时图片路径使用// 如果是网络图片，需要配置download域名 wx.getImageInfo({ src: 'https://xxxxxxx-pic.oss-cn-shanghai.aliyuncs.com/activityxxxxxxx.png', // or 本地图片 suc
2020-05-28 21:47:48
966
原创 loaderContext.getResolve is not a function
// 使用vue脚手架搭建项目，使用Less一路报错。。。。。。 1. 修改less和less-loader版本号 less: 3.9.0 less-loader: 5.0.0 2. build/utils.js (大约60行) 增加indentedSyntax:true less: generateLoaders('less', { indentedSyntax: true }), 如果还不行可以接着尝试下面的第三个步骤， webpack版本指定了4.0.0 ..
2020-05-11 17:59:05
542
原创 flutter安卓打包
1.生成key.jks文件 运行flutter doctor -v 2. 运行命令: ( C:\'Program Files\Android\Android Studio'\jre\bin)对应上图查到的路绝 C:\'Program Files\Android\Android Studio'\jre\bin\keytool -genkey -v -keystore E:\key.j...
2020-05-05 16:44:18
305
原创 rn键盘弹起来后，ios页面无法滚动，键盘谈起遮挡输入框
用rn提供的KeyboardAvoidingView 组件包裹所有元素.既放在一个根元素下面<View> <KeyboardAvoidingView style={{flex:1}} behavior={Platform.OS==='ios'?'padding':''} enabled={Platform.OS!=='android'}> </Keyboar...
2020-04-29 11:44:06
800
1
原创 浏览器地址栏普通传参(对象),如何获取浏览器参数
// 需要encodeURL()编码var editData=encodeURI(JSON.stringify({name:'sss',age:'11'})) window.location.href = `./html/address.html?editData=${editData}` // address页面 需要decodeURL解码 var obj = JSON.parse(de...
2020-04-29 11:28:35
631
原创 限制只能输入文字和字母（空格，特殊符号，表情都不行）
if(!(/^[a-zA-Z\u4e00-\u9fa5]+$/.test(name))) { Toast('不能包含空格表情等特殊字符') return } // 可以包含数字的 if(!(/^[0-9a-zA-Z\u4e00-\u9fa5]+$/.test(address))) { Toast('只限数字字母汉文') ...
2020-04-29 11:23:31
640
原创 rn的scrollView的滚动距离
let scrollViewRef ='' <ScrollView horizontal showsHorizontalScrollIndicator={false} ref={ref => { scrollViewRef = ref }} // onScroll={(e) => { // /...
2020-04-09 13:43:18
1016
原创 react-native定位问题
// 如果页面存在flatList,定位元素要位于他的下方// 如果页面存在ScroolView,定位元素要位于他的外面// 那几个状态是一个组件。已支付和已取消是采用定位放到那里的。一开始直接写，...
2020-04-03 10:38:30
474
原创 react-native得flatList如何滚动到顶部
// 通过ref属性 调用scrollToOffset方法let flat = '' < FlatList ref={(flatList) => { flat = flatList }} data={this.props.lockRoom.prizeList} renderItem={({ item }) => this....
2020-04-02 13:37:37
2295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人