- 博客(23)
- 收藏
- 关注
RSS订阅原创 Mac安装nvm，node
以上是新入手Mac安装nvm，node的历程，由于新电脑安装步步卡住，在这里把遇到的问题整理成笔记方便遇到相同问题的码农参考，整理不易，欢迎评论点载。说明访问raw.githubusercontent.com资源失败，需要先查出raw.XX域名的ip，配置hosts，再安装执行命令。,就可以看到nvm安装的版本号了，没显示版本号的话，重启终端再试，或者看一下刚刚的文件配置是否多了两行生效配置。按一下键盘“ i ”，进入输入状态，把IP和域名加到后边。终止，将ip和域名配到hosts文件，使用终端命令方式。
2024-07-03 16:09:14
513
1
原创 前端开发使用OSS直传笔记
需求：优化微信小程序、钉钉小程序以及PC后台中文件过大时上传的速度，决定使用阿里OSS中Web上传数据直传，以及（收费）加速服务。前端涉及的项目技术是Vue cli2，原生小程。阿里OSS文档：Web端上传文档目录前端实现方案可以统一使用小程序上传文件的直传方案（原理一样，都是前端签名构造请求），分片上传使用"ali-oss" （使用npm安装SDK开发包npm install ali-oss）不过目前只支持PC。接下来是小程序的直传实践文档 文档地址简单说一下步骤3和步骤4文档中给
2021-11-11 17:19:27
405
原创 微信小程序之小游戏
微信开发者工具是可以开发小程序和小游戏的，这都是众所周知了，哈哈。不过微信小游戏也需要注册账号（要未使用的邮箱…），所以我在想用微信小程序开发小游戏岂不美滋滋~，于是我真这么做了！我来说说一个人的开发之路：小游戏（华容道类）由登录页和欢迎页还有非凡的首页组成，开发的漫长小时光就省略啦~~由于全程单独操作，所以关于游戏的后台服务我就用了微信开发工具的云开发，顺便贴出开发文档链接：微信云开发，关于云开发还是要配置操作一波的，测试完之后，然后就引来了发布的问题，在发布的时候微信审核人员是会检验你的小程序介绍
2021-08-20 10:36:18
2102
4
原创 钉钉小程序开发 (企业内部应用)
是不是公司内部办公用钉钉的比较多？ 哈哈，我现在的公司“是”，所以开始了钉钉小程序的开发之路。先来展示一下钉钉官方的教程文档链接------( “钉钉小程序开发教程” )为了方便部分新手开发我写的详细些上边的图是首先要操作的步骤：（对应上图的步骤）1，创建钉钉小程序流程；2，下载小程序开发工具（ “此处为下载链接” ）后的部分使用说明，/*敲黑板~/ 我再两句，下图是小程开发工具的样子新增或打开老项目都可，点 + 新增会让你选择不同类型小程序，也有提供简单的模板，这一点挺好的~。接下来是结合
2021-07-22 17:27:57
8105
6
原创 vue 使用后台返回菜单并生成动态路由
2021，疫情本要缓解又变异的上半年，在五一快要到来之时，我已经苦逼了一月的996。前两天vue+iview的后台管理系统要改造成动态菜单，后台接口返回菜单，处理并生成路由。于是乎开始搞起来，（心态：第一次自己搞这个需求还是很崩溃的）~当当当 当部分相关目录开始上代码：/** * 静态路由 容器 */const defaultRouter = [ { path: "/Home", component: Home }];const router = new VueR
2021-04-30 18:06:48
1943
4
原创 vue宫格图片
vue实现一个根据图片大小自定义生成的多宫格图组件，新年将近，它来了 <!-- 有过渡动画的出现 --> <transition-group tag="div" name="el-zoom-in-center" duration="2000" class="Gonggetu" :style="{ width: boxwidth + 'px', height: boxheight + 'px', overflo
2021-01-20 18:00:20
725
原创 transition动画按钮
先来看一下效果图 动画button <el-row> <el-card class="box-card"> <div style="margin-bottom: 50px"> <el-col :span="6" class="text-center"> <route
2021-01-15 16:25:50
205
原创 小程序:last-child选择器失效（及其解析）
今天，在修改小程序列表页的样式时发现了一个有意思的事，:last-child偶尔失效？刨根问底了一会，终于知晓。为了方便理解下面是代码和解析~wxml://数据列表页<view class="list-wrapper"> <view wx:for="{{list}}" wx:key="index" class="list-item" > <image class='item-image' src='{{item.icon}}'></image&g
2020-12-17 11:59:50
1848
原创 input type为textarea去掉右下角的两个杠
css添加textarea { resize: none !important;}/****备注****/<style lang="scss" scoped></style>//组件内添加不起作用因为scoped属性的原因另写<style lang="scss" scoped></style>再添加即可
2020-11-10 11:06:29
657
原创 前端用到的在线工具
给大家分享一些不错的在线编辑工具在线ps工具:https://www.uupoop.com/RGB颜色值转换十六进制颜色码:https://www.sioe.cn/yingyong/yanse-rgb-16/?from_pc841.combase64与图片在线转换工具http://tool.chinaz.com/tools/imgtobase/.ai文件转pnghttps://www.aconvert.com/cn/image/ai-to-png/看都看了，点赞啊...
2020-10-28 10:22:00
97
原创 vue项目element嵌套表格的Drawer多选，报错TypeError: Cannot read property ‘toggleRowSelection‘ of undefined问题
在做Drawer嵌套table并默认选中功能时，打开Drawer后发现table的ref操作报错Cannot read property 'toggleRowSelection' of undefined，感觉触发Drawer显示执行table选中逻辑但由于DOM并没有更新完，所以打印this.$refs为空，总结了两种解决办法。//Drawer打开的Events//showDrawer() {//后台接口获取接口以及处理选中行的处理// this.table = true;// this.t.
2020-10-15 11:40:20
7121
原创 vue中实现及封装html合同文本在线编辑保存的功能
在vue项目开发中,遇到一个对纯html合同文本进行在线编辑保存的需求，自己用JQuery和iframe摸索着封装了一个组件，遇到相同需求的前端友人可以参考一下，后续还要完善。（贴出完整代码）/封装的组件contractS.vue/ },created(){window.itemi = this.itemi},mounted() {this.contitle = this.$route.query;let self = this;setTim
2020-10-10 12:04:35
3933
7
原创 小程序遇到的手机屏幕问题
一，包括状态栏设置背景图及刘海屏的处理：（1）app.js中获取状态栏高度wx.getSystemInfoSync()[‘statusBarHeight’]方便全局使用（2）使用背景页面的json配置"navigationStyle": “custom”,（3）页面和刘海屏处理的样式也给大家贴出来：/wxml/ /wxss/ .topbar {width: 100%;height: 460rpx;position: relative;z-index: 999;display: fle
2020-10-10 11:42:29
398
原创 小程序中动态自定义tabbar
小程序中动态自定义Tabbar实现开发需求：根据用户权限显示不同的tabbar*参考微信文档自定义Tabbar实例（https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html）修改。《为方便理解，贴出完整代码》1,app.json中：“tabBar”: {“custom”: true,//自定义tabbar“list”: [//所有tabbar页面声明]},2,app.js中
2020-07-09 17:43:54
1422
原创 小程序动态新增表单并取值提交功能
为了方便大家参考把源码分享，浏览使用麻烦留下你的赞~index.wxml联系信息联系人职位联系电话 index.js// 输入框取值customerinput(e) {let _this = this;let ids = e.target.dataset.idlet attribute = e.target.dataset.attrlet V...
2020-04-10 11:57:01
1342
2
原创 动态文本复制功能ClipboardJS
html:复制链接js:Mock.mock(‘http://mockjs’, {‘tableData|1’:[{“data” : ‘Hello world’,}]});//ajax请求$.ajax({url : “http://mockjs”, //请求的url地址dataType : “json”, //返回格式为jsonasync ...
2019-10-10 17:48:57
605
原创 angular,vue,react前端框架的个人对比：
React是单向响应的数据流用于构建用户界面的js库，从而减少了重复代码，这也是它为什么比传统数据绑定更简单，跟踪数据的改变需要可变对象可以与之改变之前的版本进行对比，这样整个对象树都需要被遍历一次虚拟DOM树的更新：属性更新，组件自己处理结构更新，重新“渲染”子树（虚拟DOM），找出最小改动步骤，打包DOM操作，给真实DOM树打补丁。从数据绑定来看，React虚拟DOM没有数据绑定，因为set...
2019-10-10 16:45:40
299
原创 vue-cli项目中分页组件封装
为了方便理解整个组件代码都在这组件部分<el-paginationlayout=“prev, pager, next”prev-text=“上一页”next-text=“下一页”@current-change=“goindex”:current-page=“index”:page-size=“limit”:total=“size”>所使用的的父组件中分...
2019-08-01 14:14:51
232
原创 vue-cli项目中实现多个范围滑块组件
vue 滑块组件vue项目中实现slider滑动条有多种方法，基于jquery 的slider有丰富的功能，需要安装依赖使用，可以自定义的用DOM元素通过传值计算写成组件，也可以使用input type的新属性range来实现。下面是在vue2.5项目中封装的滑块组件 — —>个人GitHub地址供大家参考：https://github.com/fengygao/vue-slider.g...
2019-07-25 10:24:35
3078
2
原创 vue的平行组件传值事件监听
1，先在main.js中声明：new Vue({router,render: h => h(App),data: {eventHub: new Vue()}}).KaTeX parse error: Expected 'EOF', got '#' at position 8: mount('#̲app')data内把全局空…root.eventHub.emit(′事件名′,参...
2019-07-08 15:43:07
263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人