- 博客(65)
- 收藏
- 关注
RSS订阅原创 echarts图表
创建.vue页面代码<template> <div class="hello"> <h2>echarts 图表</h2> <div class="echartsbar" ref="echartsdom2"></div> </div></template><script>import { barChartFunc } from '@/utils/echartsU.
2022-02-07 16:38:15
239
原创 前端代码规范及工具
1.京东凹凸实验室前端代码规范，网址：[[https://guide.aotu.io/]2.腾讯前端代码规范，网址：[[http://tgideas.qq.com/doc/index.html]3.百度前端代码规范文档，网址：[[https://github.com/ecomfe/spec]4.JavaScript Standard Style，网址：[[https://github.com/standard/standard]5.Vue官方特有的代码风格指南, 网址：[[https://cn.vu
2021-08-20 16:10:54
517
原创 word，PDF，excel、ppt等文件上传，视频上传查看等
文件上传记录：子组件<template> <div class="file-upload" style="display:flex; flex-wrap: wrap;"> <div class="upload-wrap" @mouseenter="handleHover(index,'')" @mouseleave="handleHover(index,'leave')" v-for="(imgsrc,inde
2021-06-25 16:19:23
349
2
原创 前端-vue-文件上传（图片、word，ppt，pdf，excel，txt等文件流）
1. 文件上传（图片、word，ppt，pdf，excel，txt等文件流）总结一下上传组件的思路input标签的@change事件通过input标签的@change事件的绑定，进行文件的选择上传，获取到文件const uploadFile = file.target.files[0]，然后通过文件流转为base64，然后可以在前端进行预览。预览只有图片和PDF预览的文件不多，只有img，和pdf的可以预览，这和浏览器可以打开的文件流有关，也就是说前端能做到的预览只有图片和PDF，像word、和
2021-06-23 19:37:12
11497
4
原创 git clone拉代码的时候出现permission denied 没有权限的问题解决
使用git clone拉代码的时候会遇到的git问题问题：permission denied （没有权限）：原因是因为原来的ssh失效了，解决办法，重新生成设置解决问题：使用管理员打开 Git Bash生成ssh：ssh-keygen -t rsa -C "[email protected]"输入：ssh -v [email protected]输入ssh-agent -s，出现 pid 。。。输入ssh-add ~/.ssh/id_rsa，出现公钥的路径信息如果第五步出错，输入：“eval
2021-05-22 13:24:59
3632
原创 配置ssh公钥
配置ssh公钥打开git、cmder，输入命令：ssh-keygen -t rsa -C "[email protected]"为创建出来的ssh起文件名字，然后回车两次，即可生成输入ls查看文件输入 cat 文件名 即可打开文件，复制公钥，添加ssh
2021-05-22 10:35:54
83
原创 时间戳转化为年月日时分秒
//转换日期 formatTime(number,format) { var formateArr = ['Y','M','D','h','m','s']; var returnArr = []; var date = new Date(number * 1000); returnArr.push(date.getFullYear()); returnArr.push(this.formatNumber(date.getMonth() + 1));
2021-04-17 09:14:36
217
转载 函数式柯里化的理解？
函数式柯里化的理解？柯里化，是函数式编程的一个重要概念。它既能减少代码冗余，也能增加可读性。另外，附带着还能用来装逼。先给出柯里化的定义：在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。// 写一个 sum 方法，当使用下面的语法调用时，能正常工作console.log(sum(2, 3)); // Outputs 5console.log(sum(2)(3)); // Outputs 5这道题要考察的，就是对函数柯里化的理解。让我们先来解析
2021-04-01 15:38:28
113
原创 var/let/const区别
var/let/const区别var,let，let有块级作用域，如果在块内声明变量，let是不被访问的，而var是可以被访问的var、ler 都存在变量提升，但是let对变量进行了约束，需要先声明后访问var 可以重复声明变量，而let不可以let不会成为全局对象的属性var a = 3;console.log(window.a); // 3let b = 5;console.log(window.b); // undefinedcanst都符合let ，但是 const声明的
2021-03-31 15:10:36
102
转载 js判断空对象的几种方法
js判断空对象的几种方法Object.keys()；该方法属于 ES5 标准，IE9 以上和其它现代浏览器均支持。 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致。用此方法判断空对象只需要判断返回的数组长度是否为零，为零的话就是空对象。var data = {};var arr = Object.keys(data);console.log(arr.length == 0);//tru
2021-03-31 14:49:23
267
转载 instanceof 的原理是什么
instanceof 的原理是什么MDN的instanceof的解释instanceof 运算符用于测试构造函数的 prototype 属性是否出现在对象原型链中的任何位置解释：假如 A instanceof B，那么A必须是一个对象，B必须是一个合法的js函数（构造函数），在这两个条件都满足的条件下，判断B的prototype属性指向的原型对象（B.prototype）是否在对象A (构造函数的实例对象)的原型链上 （A.proto）；如果在，则为true，如果不在，则为false区分
2021-03-31 14:14:23
246
原创 uni-app 全局变量
uni-app 全局变量globalData–支持vue和nvue共享数据。是目前nvue和vue共享数据的一种比较好的方式。挂载 Vue.prototype–只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用vuex–只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用公用模块–只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。下面为具体用法https://blog.csdn.net/weixin_42981560/ar
2021-03-31 08:46:37
85
原创 环境分支-git版本管理
常见规范说明分支环境分支环境分支环境Git 仓库develop / dev / featurerelease / hotfixmaster / prod / main运行环境开发测试生产 / 线上自动部署---非自动部署前端打包给后台、运维、测试都可以同上同上说明： 大众公司的开发流程规范，比较常见开发： 开发分支一般以 develop 和 dev 为主，较为常见，命名都是可以的，以 dev 作说明，也是代码开发的主干，顺流
2021-03-26 10:01:11
759
2
原创 exports、module.exports 到底是咋回事
引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。require: node 和 es6 都支持的引入export / import : 只有es6 支持的导出引入module.exports / exports: 只有 node 支持的导出node模块Node里面的模块系统遵循的是CommonJS规范。那问题又来了，什么是CommonJS规范呢？由于js以前比较混乱，各写各的代码，没有一个模块的概念，而这个规范出来其实就是对模块的一
2021-03-22 13:44:03
114
原创 export default 和 export 区别
export default 和 export 区别export与export default均可用于导出常量、函数、文件、模块等可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用一个文件或模块中，export、import可以有多个，export default仅有一个export方式导出，在导入时要加{ }，export default则不需要通过export方式导出，最常用的是请求数据方法，在导入import时，可以同时引
2021-03-18 16:53:46
250
原创 JavaScript addEventListener()事件监听-事件流执行顺序
addEventListener()事件监听-事件流执行顺序事件冒泡或事件捕获？HTML DOM中有两种事件传播方式，即冒泡和捕获。事件传播是一种在事件发生时定义元素顺序的方法。如果<div>元素中有<p>元素，并且用户单击<p>元素，应该首先处理哪个元素的“click”事件？在冒泡中，首先处理内部元素的事件，然后处理外部：首先处理<p>元素的click事件，然后处理<div>元素的click事件。在捕获最外层元素时，首先处理事件
2021-03-03 13:47:43
1031
原创 浅拷贝与深拷贝
function deepClone(obj) { var o = obj instanceof Array ? [] : {}; for(var k in obj) { if(obj.hasOwnProperty(key)){ o[k] = typeof obj[k] === Object ? deepClone(obj[k]) : obj[k]; } } o .prototype = obj.prototype; return o; } var a = [[1, 2, 3], [4, 5, 6, 7]]
2021-02-21 11:00:21
71
原创 常用正则
常用正则https://blog.csdn.net/weixin_28900307/article/details/88799522?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.co
2021-02-21 10:19:40
60
原创 yarn的安装
yarn的安装:下载node.js，使用npm安装npm install -g yarn查看版本：yarn --version安装node.js,下载yarn的安装程序:提供一个.msi文件，在运行时将引导您在Windows上安装YarnYarn 淘宝源安装，分别复制粘贴以下代码行到黑窗口运行即可yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://
2021-02-21 10:12:30
90
原创 简历-技术要点
熟练掌握HTML+CSS、JavaScript等Web前端开发技术。 熟练运用HTML5+CSS3新特性，熟悉百分比布局、rem布局、flex布局实现移动端的适配。熟练使用Vue、React、jQuery框架进行项目开发，熟悉Vue-router、Vuex，Axios、React-router、核心插件的使用。熟练掌握UI组件Bootstrap、Element-UI、Vant-UI等进行项目的开发。熟练掌握Ajax，Axios，完成数据的交互，http协议。熟练使..
2021-02-21 09:53:47
3640
转载 解决实际问题的24个ES6代码段
l链接地址https://mp.weixin.qq.com/s/an_pXkV_1CC_rrt8AX4qtQ如何隐藏所有指定元素？const hide = (…el) => […el].forEach(e => (e.style.display = ‘none’));// Examplehide(document.querySelectorAll(‘img’)); // 隐藏页面上的所有 元素2. 如何确认元素是否具有指定的类？const hasClass = (el, cla
2021-02-08 11:28:54
86
转载 qs.parse（）
qs.parseqs.parse 方法可以把一段格式化的字符串转换为对象格式，比如let url = ‘http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e‘;let data = qs.parse(url.split(‘?‘)[1]); // data的结果是{ a: 1, b: 2, c: ‘‘, d: xxx, e: ‘‘}qs.stringify 则和 q
2021-02-02 14:26:03
823
原创 vue在样式中使用组件中接收的参数
vue在样式中使用组件中接收的参数```css<template> <div class="box" :style="styleVar"> </div></template><script>export default { props: { height: { type: Number, default: 54, }, }, computed: { styleVar()
2021-02-02 08:20:10
482
原创 卸载VSCode
卸载VSCodewin + r 打开运行%appdata% 回车删除 Code 和 Visual Studio Code 文件夹地址栏输入 %userprofile% 回车删除 .vscode 文件夹
2021-01-27 11:14:21
60
原创 git操作-
git操作-远程分支同步到本地分支git fetch //将远程列表更新到最新，取回本地以便查看远程分支列表git branch -a //查看远程分支列表git checkout -b develop origin/develop //核心一步，拉取远程分支develop到本地的develop分支，并且切换到develop分支...
2021-01-26 08:07:00
220
原创 把本地已经存在的项目，推送到git服务端
把本地已经存在的项目，推送到git服务端，实现共享实现步骤：先从github创建一个空的仓库复制连接地址初始化本地仓库，并将内容提交上去git init 初始化本地仓库git add . 添加全部已经修改的文件，准备commit提交git commit -m ‘提交说明’git remote add origin 远程仓库地址 （链接远程仓库）git push -u origin master 上传流推送代码到远程完事！！！...
2021-01-25 19:34:45
136
原创 数组的方法以及一些功能函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button
2020-11-13 10:53:54
110
原创 数组对象的操作
1. 判断数组对象中是否有某个属性值window.onload = function() {const arr = [{id: 2,age: 10}, {id: 3,age: 13}, {id: 1,age: 15}, ]var a = {id: 2,age: 18} const flag2 = arr.some(item => item.id === a.id) console.log(flag2); var flag =
2020-11-13 10:46:34
82
原创 数组的处理
1. 数据去重并且保留id相等，且age最大的值 （二维数组去重） const arr = [{ id: 1, age: 8 }, { id: 1, age: 9 }, { id: 2, age: 10 }, {
2020-11-13 10:30:49
124
原创 路由router导航守卫
路由router导航守卫达到要求,是在页面被渲染出来时页面的title随着路由的改变而动态改变title主要代码router.beforeEach((to,from,next) => { document.title=to.matched[0].meta.title // console.log(to); next()})首先要在路由里面添加meta的对象属性meta: { title: '首页' },结束================.
2020-08-12 16:43:42
80
原创 vue-router传参-query
vue-router传参-query创建组件在router的index.js中import引入,并且配置路由在主页面传参在组件页面可以拿到并且显示最后
2020-08-11 18:14:00
125
原创 vue-router-children-路由嵌套
vue-children嵌套路由创建组件.vue文件在路由router的index内配置路由,首先引入import 文件(运用ES6的箭头函数懒加载)然后配置path,对应相应的组件在相应页面应用,配置点击事件触发组件(跳转路由)结束--------------------------------...
2020-08-11 18:05:06
460
原创 路由懒加载
路由懒加载为何要进行路由懒加载,因为打包构建应用的时候,js包会变得非常大,影响一面的加载;如果可以把不同组件分割成不同的代码块,当路由被访问的时候再按需加载,这样就会更加的高效方式有三种懒加载推荐ES6的方法三路由懒加载使用后的打包文件对比结束=----------------...
2020-08-11 16:01:50
137
原创 动态路由vue-router-路由传参方式(params)
动态路由vue-router配置首先创建组件页面User.vue在router文件下index.js页面配置路由import组件配置动态路由在path:’/user/:userId’,在app.vue页面绑定相应的id值然后再user.vue页面获取此id拿到信息10. // route是路由route 是路由route是路由router对象下的处于活动状态的路由****...
2020-08-11 15:31:58
557
原创 安装使用vue-router
安装使用vue-router安装vue-router:指令 npm install vue-router --save然后建立文件夹router,在建立index.js首先import引入vue和router然后vue使用use路由对象reutor接着创建路由new Router,并且导出export default\接在在main.js文件里面import引入,并把路由挂载代码放下面router文件下的index.js// 1.配置路由import Vue from 'vue'.
2020-08-11 10:14:56
102
原创 vuecli脚手架安装
npm install -g @vue/cli (全局安装,安装的是vue3的版本)安装完后后查询版本 vue --version 查询版本注意:上面安装的是vue/cli3,如果想按照vue cli2的方式初始化项目是不可以的解决办法是:拉取一个vue/cli2的一个模板:npm install -g @vue/cli-init;创建项目 vue init webpack vuecli2test (vue/cli2创建项目)...
2020-08-06 14:11:25
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人