- 博客(23)
- 问答 (1)
- 收藏
- 关注
原创 Gitflow工作流
1. 为什么会使用Gitflow工作流?在开发大型项目时,需要团队合作开发,每个人都会创建自己的分支,在各自的分支上完成自己的模块,在项目的最后会将各个分支合并起来,这时就会出现很多问题如版本迭代,版本发布,bug 修复等;这时就需要一个分支管理政策,来更好的管理我们的代码,就形成了工作流;Gitflow是最早出现的工作流,目前为止是使用率最高的工作流2. Gitflow工作流Gitflow工作流 定义了一个围绕项目发布的严格分支模型; 它为不同的分支分配了非常明确的角色,并且定义了使用场景和用法。
2021-10-10 23:30:43
192
原创 2021面试-代码型
1. 实现数组扁平化:原理: 数组扁平化即 将一个多维数组变为一维数组 ,核心方法: 声明一个新的空数组,然后遍历整个数组,若arr[i] 不是 一个数组就将它添加到新数组中;若它是一个数组,就将它继续遍历,再将它中的每一项添加到新数组中function flatten(arr) { return arr.reduce((result, item)=> { return result.concat(Array.isArray(item) ? flatten(item
2021-10-09 10:34:28
152
原创 uni-app基础版
1. uni-app介绍:uni-app 是一个使用Vue.js开发所有前端应用的框架,开发者只用编写一套代码,就可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。2. uni-app的优点:跨更多的平台。 uni-app是一套可以适用多端的开源框架,一套代码可以同时生成ios,Android,H5,微信小程序,支付宝小程序,百度小程序等体验更好。uni-app拓展能力强,封装了H5+,支持nvue,也支持原生
2021-10-08 12:41:02
639
原创 2021前端面试--精难点
前端性能优化是一个大方面的内容,是一个不断地过程;优化包括很多方面比如说代码、用户体验等方面的优化web性能优化的辅助工具:lighthouse具体的优化1. 优化Dom删除不必要的代码和注释,做到最小化文件;浏览器的重绘和回流避免频繁操作样式,最好一次性重写 style 属性,或者将样式列表定义为 class 并一次性更改 class 属性;const el = document.getElementById('root');el.style.color ="red"el.s
2021-10-05 23:40:37
2480
原创 AntDesign Pro介绍与使用
Ant Design Pro 框架它是一个建立在Ant Design 框架上的一个 高级框架;是一个网站生成器,仅仅使用一条命令就可以生成一个完整可用的后台网站;所以说它主要特点就在于 ‘开箱即用’vue3.0引入ant-design-vue 出错Uncaught TypeError: Cannot read property ‘use‘ of undefined解决方案:问题出在版本上,只需要安装最新版本的ant-design-vuecnpm i --save ant-design-vue@
2021-09-28 19:46:50
1676
原创 项目中登录业务流程的原理
一.项目中常见的登陆方式:1. 账号密码登录在用户点击登录时,收集用户输入的账号和密码,发送给后端与数据库中的数据对比验证,比较用户是否存在,密码是否正确;都 OK 就向用户发送登陆成功的信号和用户信息2. 手机验证码登录、邮箱登录用户点击发送验证码,前端就把手机号传给后端,让后端生成一个随机数 ,然后把手机号码和完整的短信内容发送给第三方短信平台,在第三方短信发送成功的回调里把手机号和随机数储存到数据库中;用户收到短信后点击登录,前端收集手机号和验证码传给后端和数据库进行对比,验证成功就返回登录
2021-09-28 11:16:00
989
原创 vue项目使用swiper
1. 在项目中安装swiper目前最新版本为 swiper@7.0.6 这里安装swiper 的指定版本 swiper4版本 ; 因为 新版本带容易出错 npm install swiper@4.5.1 安装成功后node_modules 会生成swiper的一系列文件将dist文件中的css,js中的swiper.min.js和swiper.min.css引入到要用到swiper 的组件中import Swiper from 'swiper'; import '../../node
2021-09-24 17:06:34
394
原创 vue项目结合 Element插件
1. npm 安装 element-ui npm i element-ui -S2. 在 main.js 中引入Element插件及相关内容// 引入 Element插件import ElementUI from 'element-ui';// 引入其相关样式import 'element-ui/lib/theme-chalk/index.css';3. 按需将组件引入项目中创建一个单独的 .js 文件 用于引入所需的Element组件并将这个js 文件 引入 main.js 中imp
2021-09-23 22:25:27
426
原创 vue项目--axios基本使用
1. axios 认识Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特点:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF2. axios发起网络请求的几种方式发起GET请求 axios.get(url[, config])config代指配置项 对象类型eg:
2021-09-23 19:33:32
161
原创 Newline required at end of file but not found eol-last 报错
vue项目中报错:Newline required at end of file but not found eol-last意思是说 : 在 文件的末尾 需要一个新的换行只需要在 文件的 末尾 添加 一个换行
2021-09-22 20:30:50
464
原创 github 生成SSH
1.切换至电脑的根目录2. 切换至 .ssh 文件夹 cd ~/.ssh3. 生成新密钥 ssh-keygen -t rsa -C "你的email"密钥生成后您可以在你本机系统盘下的.ssh文件中找到id_rsa.pub文件;里面储存的即为刚刚生成的ssh公钥。· 可以手动复制 文件中的密钥 ·手动复制密钥时 , 可能会复制到多余的空格导致 密钥生成不成功也可以使用 指令 自动复制密钥// window版 clip < ~/.ssh/id_rsa.pub.
2021-09-22 17:24:44
455
原创 NProgress插件--进度条 插件
摘自 github ; 地 址 https://github.com/rstacruz/nprogress#readme在项目中安装 插件npm install --save nprogress成功之后 ,将 nprogress.js和nprogress.css添加到您的项目中。// 引入进度条的jsimport NProgress from 'nprogress'// 引入 进度条的cssimport "nprogress/nprogress.css"只需调.
2021-09-22 12:59:35
226
原创 移动端rem适配
方案一:function remSize(){ // 获取设备宽度: var deviceWidth = document.documentElement.clientWidth || window.innerWidth if(deviceWidth >=750){ deviceWidth=750 } if(deviceWidth<=320){ deviceWidth = 320 } // 设置根目录的字体
2021-09-18 16:59:14
85
原创 用vue中filter实现 格式化时间
代码: filters:{ dateFormat(timer){ const dt=new Date(timer) const y = dt.getFullYear() const m = (dt.getMonth()+1+'').padStart(2,0) const d = (dt.getDate()+'').padStart(2,0) const hh=(dt.getHours()+'').padStart(2,0) c
2021-09-18 15:43:22
473
原创 element-ui中 cascader 级联选择器的使用
**适用 将 层级(父子)嵌套明显 的数据 渲染 成 UI **就如接口 数据 :渲染成 如下效果代码如下1. 官方给出的 实例 代码必填项 注意事项 :1. v-model : value值 是 array类型 , 是指 选中项(分为 第一级 第二级 第三级 的 选中项 ) 绑定的 值 , 2. options 绑定的是 要渲染的数据 3. props 属性 用于 设置 次级菜单的 一些属性 //常用配置 props:{ // 决定展开 次级菜单的 方式 .
2021-09-17 17:15:54
469
3
原创 使用vue-table-tree-grid实现多级表格复杂效果
在写 后台电商管理 的vue项目时, 要实现如下 复杂的表格效果这时还用 element-ui中的table 组件实现 这类效果就很麻烦github 某作者 提供了 vue-table-width-tree-grid 第三方包 可以帮我们很快的实现 此类效果github 地址https://github.com/MisterTaki/vue-table-with-tree-grid先 安装 在我们的项目中//在 git中 执行 npm i vue-table-with-tree-gr.
2021-09-16 20:47:37
3029
原创 微信小程序解析富文本
后端给你提供了一条数据 ,是用h5标签储存的文本数据,让你展示在UI界面上如:首 先 view组件是不支持 解析h5标签,所以不能用view组件渲染这条数据, 官网 给我们提供了能解析h5标签的组件 rich-text1. rich-text 组件的使用很简单 <rich-text nodes="{{data.content}}"></rich-text>rich-text中处理 图片rich-text 解析img标签时, img标签不会自适应 可视区的宽度,
2021-09-01 18:01:23
348
原创 小程序中使用阿里巴巴矢量图
图标寻找完毕后使用 Font class 方法点击css 代码进入 新的页面复制后,粘贴到 小程序的wxss文件 中pages 页面可以 通过 引入 该 wxss文件 来使用@import '/styles/icon.wxss'引入后 通过 写对应的 class 名 来使用使用 ’ 送货车 ‘ 图标// 将图标 对应的 class 写进去<view class="iconfont icon-songhuoche"></view>效
2021-08-30 19:35:43
172
原创 小程序使用datajs 插件处理时间
进官网详细了解:https://dayjs.fenxianglu.cn/.dayjs 可以很方便 地帮我们处理时间问题,为我们节省很多代码小程序中使用 dayjs小程序 现在支持 npm 来管理 第三方包, 可以 直接 通过 npm 来安装 dayjs,npm init -y //初始化 安装 package.json 文件npm install // 安装 依赖命令npm i dayjs --save // 安装dayjs 插件在这里插入图片描述最重要的操作小程序 要手动.
2021-08-30 19:05:28
410
原创 阿里巴巴矢量图的使用
1.官网链接: https://www.iconfont.cn/.2.搜索想要的 图标( 支持 中文 英文 拼音)4.找到符合的图标 点击加入购物车3 .点击右上角的 购物车图标 查看 添加进去的 图标5.图标寻找完毕 后 ,你有三种选项 可以使用 :不论哪种方法 都需要登录登陆完成后 可以a.方法一 : 添加至项目...
2021-08-30 11:36:26
248
原创 求2021-07-28T06:12:29.276Z 类格式的时间 与 现在时间的 距离
求2021-07-28T06:12:29.276Z 类格式的时间 与 现在时间的 距离1. 转换为 2021-8-29 2:25:46 格式 let date ='2021-08-29T02:25:46.883Z' const arr = date.split('T'); // 得到 年月日的 数组 const d = arr[0]; //2021-08-29 const darr = d.split('-'); // [2021,08,29] //
2021-08-29 19:24:16
439
原创 swiper插件的应用
上篇文章已经详细的写了swiper插件使用前的准备工作,那么本章就要聊聊swiper是怎么使用了。现在进入正题:首先打开swiper官网,进到API文档看看
2021-06-13 21:59:45
154
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人