- 博客(20)
- 收藏
- 关注
RSS订阅
原创 vue2、vue3+uni-app项目对pages.json文件拆分、动态生成路由管理、分包配置管理
vue uniapp动态路由 分包 管理pages.json
2024-04-12 17:07:28
419
1
原创 Nuxt.js vue 实现简单的埋点功能
需求 项目新版本新功能，需要再新页面添加埋点功能，记录用户的使用情况和使用习惯。因为前端项目使用的是Vue，所以选择使用Vue的自定义指令来实现埋点功能以下三步骤1.在plugins文件下创建自定义指令 buriedPoint.js如下：import Vue from 'vue'// 自定义埋点指令Vue.directive('track', { //钩子函数，只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置 /* * el:指...
2020-10-17 22:35:02
1347
1
原创 Vue-element-admin 基础模板
# 克隆项目git clone https://github.com/xzhPinellia/Vue-element-admin.git# 进入项目目录cd Vue-element-admin# 安装依赖npm install# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install --regi...
2020-01-05 13:33:22
2794
2
原创 小程序rich-text 图片太大问题
wxml文件下 <view class="find-content"> <rich-text nodes="{{weeklyDetail.content}}" type='text'></rich-text></view>js文件下 f1.getWeeklyById(id, res => { let content = res.
2018-05-25 09:37:10
14544
2
原创 git 常规命令
提交代码git add .git commit -m ‘dev'git push -u origin dev切换分支git checkout master更新最新git pull origin masterdev分支的代码合并到master上git merge dev然后查看状态git status提交git push origin master回滚版本号1、在gitlab上找到要恢复的版本号，如：139dcfaa558e3276b30b6b2e5cbbb
2021-12-17 16:32:44
237
原创 Jenkins 自动布署 Vue 项目
实现目标本地push代码到GitHub，Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包，然后通过Publish Over SSH插件，将打包出来的文件，部署到目标服务器上。前期准备 github 账号和项目 centos 服务器; 服务器安装 Java SDK; 服务器安装 nginx + 启动； 服务器安装jenkins + 启动； jenkins介绍Jenkins是开源的,使用Java编写的持续集成的工具，在C
2021-04-27 13:19:38
164
原创 Vue element el-tree 权限回显
data定义的数据这个是后台返回的所有权限tree的数据格式因为后台要求修改或添加角色权限 传给他的数据格式 字符串 1,3,4,5,6,8 获取某个角色的权限 后台返回的格式roleIdList=["1","3","4","5"],原理是用element tree组件渲染后带有的isLeaf(是否为叶子节点)属性，如果为叶子节点就选中。其实明白原理 这个都很简单的。原先把权限想复杂了 ，现在写完也就那样了 。...
2020-09-27 10:35:03
1510
2
原创 最常用JS方法整理
1.截取指定字节数的字符串/** * 截取指定字节的字符串 * @param str 要截取的字符穿 * @param len 要截取的长度，根据字节计算 * @param suffix 截取前len个后，其余的字符的替换字符，一般用“…” * @returns {*} */function cutString(str, len, suffix) { if (!str) r...
2018-11-12 16:11:34
217
原创 16种方法实现水平居中垂直居中
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题：水平居中1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.2) 若是块级元素, 该元素设置 margin:0 auto即可.3) 若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合...
2018-11-12 16:09:44
322
原创 一稿设计多端适配优雅的解决方案 - rem
规范目的为提高前端团队开发效率，输出高质量的前端页面代码，提高UI设计还原度，特编写该规范文档。本文档如有不对或者不合适的地方请及时提出。JS代码块（function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orie...
2018-11-12 16:07:22
238
原创 最快的 Hexo 博客搭建方法
Cloud Studio 是基于浏览器的集成式开发环境，为开发者提供了一个永不间断的云端工作站，支持绝大部分编程语言，包括 HTML5、PHP、Python、Java、Ruby、C/C++、.NET 小程序等等。Cloud Studio 提供了完整的 Linux 环境，并且支持自定义域名指向，动态计算资源调整，可以完成各种应用的开发编译与部署。使用 Cloud Studio ，就不需要再...
2018-11-12 16:04:57
234
原创 canvas实现图片懒加载 && 下滑底部加载
html：<section class="productul" id="productul"> <input type="hidden" id="pagenumlength" value="1"> <ul id="scrollAdd">
2018-11-08 09:35:39
507
原创 webuploader 在ie9可以运行 但是在谷歌浏览器上 上传按钮点了没反应，只有在f12下才能调出图片
在github下载下来，照写的 ，bug也不少后来经过百度发现它隐藏的Input和lable宽度width只有1px，height也是1px，基本点不到。试了很多方法，要兼容ie9 。兼容了ie9 谷歌又不行 。最后加的是css样式。我的是从官网下载的 所以按钮是在它下面第二个，看下你们的代码是不是和我的一样，否而不起作用了。 ...
2018-09-19 15:20:33
1224
原创 js基础知识
js获取元素： getElementById()----静态方法,前面只能跟随document document.body,document.title ----页面上只有一个的元素 getElementsByTagName()-----动态方法,前面可以是document也可以跟其他元素，返回的是一个类似数组的集合 (1)有类似数组的length (2)有类似数组的应用方式...
2018-09-19 14:51:51
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人