自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 vue3父组件调用子组件的方法

vue3父组件调用子组件的方法

2022-11-18 16:07:00 12966 10

原创 vue3子组件调用父组件的方法

vue3子组件调用父组件的方法

2022-11-18 15:55:14 12229 3

原创 前端向后端发送请求需要3次握手,断开链接需要4次挥手

发送请求3次握手,4次挥手

2022-09-23 10:52:27 173

原创 WebGis入门原理理解

GIS简介1,GIS的全名是Geographic Information System,中文全名是地理信息系统。有关地理分布数据进行采集、储存、管理、运算、分析、显示和描述的技术系统。2,GIS是什么呢,说的最通熟易懂的就是,GIS是利用测绘生成纸制地图或者航拍以及卫星等生成影像后,将这些数据存储在计算机中,以地图或图片的形式表现出来,然后根据实际生产生活以及科研中的各种需求,进而提供具体的经过处理后的数据。WebGIS简介1,什么是WebGIS,就是将GIS这门学科所能提供的功能,以B/S技术展现

2020-05-28 16:33:57 1827

原创 vue 给当前元素添加类名,移除兄弟元素类名的方法

vue 给当前元素添加类名,移除兄弟元素类名的方法:适用于菜单高亮,跳转详情后仍然高亮当前菜单<li v-for="(nav,index) of nav_list" :key="nav.name" class="nav" @click="handleCurrent(index)"> <router-link :class="['link', {'router-...

2020-03-17 17:33:04 2384

原创 localStorage、sessionStorage、cookie、session几种web数据存储方式对比总结

如果一个浏览器同时打开两个tab,localstorage和cookie是共享的,sessionstorage是不共享的,这个在处理同一个浏览器登录多个用户的时候会用到

2019-11-08 10:11:59 120

原创 强制删除node_moudles

npm install rimraf -grimraf node_modules

2019-08-21 15:54:53 2368

原创 table合并边框border

table{ border-collapse: collapse; border-spacing: 0; }

2019-08-08 15:15:53 630

原创 vue ref获取不到dom

<input type="text" ref="infoName" :value="info_form.name" @blur="saveEditName"> console.log('还未挂载',this.$refs.infoName);setTimeout(()=>{ console.log('挂载dom',this.$refs.infoName); ...

2019-07-29 17:06:51 3845

原创 element ui tree结构,级别前添加icon

<el-tree :data="data_tree" node-key="id" default-expand-all :render-content="renderContent"></el-tree>data_tree: [{ id: 1, label: '标注', icon: 'el-icon-folder-opened', ch...

2019-07-29 14:48:11 930

原创 vue项目,在ie浏览器打开是空白页,解决方案

1,安装babel-polyfillnpm install --save babel-polyfill 2,更改webpack文件, webpack.base.conf.js的配置module.exports = {entry: {app: ['babel-polyfill', './src/main.js']},

2019-07-26 14:37:17 1792

原创 vue-devtools调试工具

vue调试工具vue-devtools安装及使用本文主要介绍 vue的调试工具 vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧安装:1.到github下载:git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包cd v...

2019-07-18 10:36:39 106

原创 git clone remote: HTTP Basic: Access denied

git clone 项目失败,报下面的错误信息:$ git clone http://192.168.0.141/xxxx.gitCloning into ‘appEnterprise’…remote: HTTP Basic: Access deniedfatal: Authentication failed for …因为之前输入错误的gitlab用户名和密码,第二次clone不弹框...

2019-07-17 11:39:46 167

原创 echarts相关配置项,总结

echarts图标颜色值设置:normal : { color:function(params) { //自定义颜色 var colorList = ['#5580EB','#486CC7', '#F2637B', '#5254CF', '#36CBCB', '#975FE4', '#435188', '#FBD337', '...

2019-07-12 17:32:18 477

原创 前端100问:

第 1 题:(滴滴、饿了么)写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么?理解几个概念:(1)当数据发生变化时,vue是怎么更新节点的?改了某个数据,如果直接渲染到真实dom上会引起整个dom树的重绘和重排。diff算法能够帮助我们,先根据真实DOM生成一颗virtual DOM,当virtual DOM某个节点的数据改变后会生成一个新的Vnode,然后V...

2019-07-10 11:22:42 335

原创 vue作用域和插槽

作用域插槽利用好作用域插槽可以做一些很有意思的事情,比如定义一个基础布局组件A,只负责布局,不管数据逻辑,然后另外定义一个组件B负责数据处理,布局组件A需要数据的时候就去B里面去取。假设,某一天我们的布局变了,我们只需要去修改组件A就行,而不用去修改组件B,从而就能充分复用组件B的数据处理逻辑,关于这块我之前写过一篇实际案例,可以点击这里查看。这里涉及到的一个最重要的点就是父组件要去获取子组件...

2019-07-08 14:47:58 106

原创 深拷贝,浅拷贝

浅拷贝以上就把一个对象全部的属性直接拷给另一个对象,相当就是继承。核心的代码是:以上就把一个对象全部的属性直接拷给另一个对象,相当就是继承。核心的代码是:问题是:当我们去修改一个引用类型的属性时,会把父对象的那个属性也修改了。例如:给xiaoxiaofan添加一个朋友时,也会影响父对象的friends.原因如图示:通过for循环,拷贝对象的属性时,只是把相应引用类型的地址复...

2019-06-18 21:17:46 116

原创 new操作符,做了啥操作

加new后做四件事(不做要求)function F(){}Var f= new F();在F()的内部会自动做如下:(1)创建一个空对象var obj = {}(2)F.apply(obj,arguments) //会让F()函数内部的this指向obj,所以你写的this.name1就相当于obj.name1。给对象添加属性.(3)obj.proto === F.prototype ...

2019-06-18 21:11:00 189

原创 call apply

借用的思想:把一个函数借给一个对象用一下,在用的时候,则函数内的this会指向这个对象 。

2019-06-18 21:09:36 109

原创 this

16.1.1. this是一个对象。this出现在全局的代码块中,它就是window对象。这里的this出现在一个对象的方法中,它就是对象本身。16.1.2. 到处都有this只要你能够写js的地方,就可以写this.16.1.3. 不能手动地修改this的值它不能出现在=的左边!16.2. 确定this的值16.2.1. 出现在函数的外部这个this外层没有functi...

2019-06-18 21:02:27 350 1

原创 原型链的应用

15.3. 原型链的应用15.3.1. 数组求最值15.3.1.1. 基本实现已经能够工作,比如数组对象的方法:arr.sort(),我们希望达到如下的调用方式:15.3.1.2. 把方法加在构造器的原型上由于给构造器Array添加一个属性getMax,所以呢,所有的由Array所产生的对象都可以访问这个属性。还有一个问题:getMax()中的参数。对比arr.sort(),我们如...

2019-06-18 20:37:28 919

原创 闭包

this

2019-06-18 17:07:59 100

原创 MVVM

上的v

2019-06-18 17:01:00 207

原创 前端-面试题目总结

html5新增加的标签?html那些是内联样式那些是块级样式列举出来?string和数组的常用方法有哪些,及其作用是什么?浮动的原理?清除浮动的方式,各自的优缺点?css选择器的优先级如何计算?px em rem的区别?重排和重绘如何减少?cookies localstroage sessionstroage的区别call和apply的使用?...

2019-05-28 16:26:54 146

原创 前端随手笔记-html-css-js-vue

1 兼容性配置<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"2 双核浏览器渲染,优先使用webkit内核渲染<meta name="renderer" content="webkit"> 3 提升网站性能,DNS预解析<link rel="dns-prefetch" href=".....

2019-05-11 09:53:18 453

原创 javascript

js

2019-04-26 14:17:39 61

原创 vue

vue

2019-04-26 14:17:11 76

原创 http缓存

强制缓存expiresHttp1.0 中的标准,表明过期时间,注意此处的时间都是指的是服务器的时间。Cache-Control Http1.1 中的标准,可以看成是 expires 的补充。使用的是相对时间的概念。主要属性有:public:所有内容都将被缓存(客户端和代理服务器都可缓存)private:所有内容只有客户端可以缓存,Cache-Control的默认取值no-cache:...

2019-04-24 16:58:53 79

原创 ajax知识整理

一.认识Aajx重要程度:*****1.什么是Ajax怎么读?中文化:阿贾克斯Ajax:Asynchronous javascript and xml,异步的js和xml。是指一种创建交互式网页应用的网页开发技术。Ajax,不是一个语言。是一系列技术的综合应用,(老技术,新应用)。包括如下技术: Html Css JavaScript XMLHttpRequest对...

2019-04-22 15:39:14 428

原创 git知识整理

一. 什么是Git1.Git是什么Git是目前世界上最先进的分布式版本控制系统(没有之一)。我是一个任性的笨蛋,所以我把我的所有的项目的名字都和我很相似。第一个是Linux,现在是Git。目前在用的有如下几种: cvs (可以忽略) svn git2.为什么需要Git就以写毕业论文为例这是一个很痛苦的过程。在软件开发。项目,已经完成了基本功能。可以使用了。想在...

2019-04-22 15:38:24 105

原创 Javascript知识整理

复习:1.1. 数组1.1.1. 为什么要用数组相当于是批量定义变量。并且这些变量是有规律,它们是线性的。有顺序的。通过数组的下标来访问。1.1.1.1. 二维数组数组的元素仍是一个数组。1.1.1.2. 多维数组错误与调试 (重点,掌握)2.1.1.1. syntaxError 语法错误致命的错误。一旦出现语法错误则整个代码块都不会被执行。第9,10句没有执行。因为这...

2019-04-22 15:37:33 1083

原创 webpack

一.初识Webpack?1.什么是Webpack?Webpack是模块化管理及打包工具/模块打包机( module bundler)包括两个方面: 模块化管理 打包工具具体来说,webpack所做 的事情就是:分析你的项目结构,找到js模块以及其它的一些浏览器不能直接运行的拓展语言(Less、Sass、TypeScript),并将其打包为合适的格式供浏览器使用。通常是在开发浏览器...

2019-04-22 15:35:37 262

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除