- 博客(32)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 超级详细VUE笔记！！！！！赶紧收藏
开始使用Vue引入vue.js官网：vuejs.org开发版本：包含完整的警告和调试模式生产版本：删除了警告，体积更小引入vue.js后，给我们提供了一个构造函数 Vue在js中，new Vue()new Vue() 后会返回一个vue实例对象，我们用变量接着它const vm = new Vue()传递一个配置对象{} – > const vm = new Vue({})el类型： 字符串全称：element（元素）作用：配
2020-05-11 13:23:18
14950
8
转载 你忽略的 .editorconfig 文件
还是在看别人 github 上项目的时候，看到好多项目目录下都会有个 .editorconfig 文件，起初看里面内容有个 md 的字符，还以为就 markdown 文件的配置来，后来有一次在 Webstorm 里配置一个 tab 键占几个空格时又发现了这个配置文件，这次细细查询了一番，感觉不起眼的 .editorconfig 还是颇有用处的。一、为什么要用 .editorconfig ？在多人合作的项目中，每个人的开发习惯是不同的。以缩进来说，有的人习惯使用 space 键来进行缩进，有的人喜欢用.
2020-09-01 10:15:41
749
原创 vue 代理服务，解决跨域问题
1.解决跨域访问失败在项目的根目录下创建一个 vue.config.js 文件创建配置文件module.exports = { devServer: { proxy:{ '/api' : { target : "http://cdn.apc.360.cn", ws : true, pathRewrite : { '^/api' :
2020-08-26 18:11:26
395
原创 echarts图表 定时刷新
在制作大屏可视化时，需要有种动的效果，大概的思想是通过定时器太改变1、组件传递时间参数//由于每个图表都是都是封装成一个组件，在父组件中 通过 传递时间<myEcharts :moveTime="4000">2、子组件中进行接收<template> <div style="width:1000px; height:700px" ref="broken1"></div></template><script> ..
2020-08-24 17:50:53
3421
2
原创 在vue中使用 echarts
1、下载npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S2、引用在main.js 中进行引用import echarts from 'echarts'Vue.prototype.$echarts = echarts;3、使用html<template> <div style="width:1000px; height:700px"
2020-08-24 10:27:20
177
转载 彻底理解浏览器的缓存机制，超级详细
前言最近我特别忙，所以没啥时间写文章。但是想转给大家一些优秀的文章。这篇文章我的推荐理由是：我个人之前学习缓存的时候，都是一个个字段的去学，我知道它有缓存的作用，但是优先级，在什么时候用，我是记一次忘一次。看过这篇文章之后，我现在已经有了很清晰的思路。希望能给你带来同样的帮助。概述浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：HTTP请求(Request)报文，
2020-07-29 20:51:04
323
原创 前端面经
1、http、https 详细介绍，加密方式问的细2、cookie跨域设置3、前端代码服务器部署（换的面试官，没简历，简历上没写，面试官以为我会其实我菜）4、前端的项目介绍balabala，请求方式以前用的vue-resourse，改成了axios5、cors设置、跨域问题介绍了九种跨域方式6、实现jsonp，说了流程但不会写（典型的嘴不强手还菜）7、vue双向绑定原理介绍，数据劫持发布定阅观察者balabala，mvvm模型 balabala8、 双向绑定v-model，又问的啥来着忘了（这
2020-07-29 17:50:44
158
原创 Vue路由拦截（工作中100%会遇到的问题）代码演示
路由守卫在Vue中分为全局前置守卫 ，和全局后置钩子 ，相对应的说明可以查看官网。路由守卫我们一般用来拦截路由请求，对不同的路由进行不同处理。最常见的就是配合axios对用户登录进行一个权限操作。拦截规则通常在项目里，我们需要用户进行登录，才能让用户查看项目。在后台管理系统中，会根据不同的用户权限展示不同的内容。在用户访问页面之前，我们通过全局前置守卫对路由进行拦截，看看你是不是可以通过。通过的标准是否登录，如果登录就通过放行，没有通过就打回。注意在使用beforeEach 钩子函数
2020-07-28 13:49:48
1295
原创 包管理工具，npm、yarn、pnpm
1、包管理工具概述本门课程的前置知识：JavaScript、ES6、模块化、git本门课程的所有代码均书写在 nodejs 环境中，不涉及浏览器环境概念模块（module）通常以单个文件形式存在的功能片段，入口文件通常称之为入口模块或主模块库（library，简称lib）以一个或多个模块组成的完整功能块，为开发中某一方面的问题提供完整的解决方案包（package）包含元数据的库，这些元数据包括：名称、描述、git主页、许可证协议、作者、依赖等等背景CommonJS 的出现，使 n
2020-07-22 21:12:39
4454
2
原创 React中 ref的使用和转发forwardRef
refreference: 引用1、场景：希望直接使用dom元素中的某个方法，或者希望直接使用自定义组件中的某个方法ref作用于内置的html组件，得到的将是真实的dom对象import React , {Component} from"react";export default class MyRef extends Component { getFac= (e)=> { this.refs.input.focus() } render(){
2020-07-21 10:40:15
1804
原创 React 属性默认值和 类型检查 PropTypes的使用
属性默认值 和 类型检查1. 属性默认值通过一个静态属性defaultProps告知react属性默认值A. 函数组件默认值export default function DefineCom(props) { return ( <div> a :{props.a}, b : {props.b}, c : {props.c} </div> )}DefineCom.defaultProps =
2020-07-21 10:32:15
659
原创 React 新版生命周期
新版生命周期React >= 16.0.0详情可常看旧版生命周期[https://blog.youkuaiyun.com/qq_43750501/article/details/107447604]React官方认为，某个数据的来源必须是单一的getDerivedStateFromProps通过参数可以获取新的属性和状态该函数是静态的该函数的返回值会覆盖掉组件状态该函数几乎是没有什么用getSnapshotBeforeUpdate真实的DOM构建完成，但还未实际渲染到页面中。在
2020-07-19 16:54:53
673
1
原创 React 旧版生命周期
生命周期生命周期：组件从诞生到销毁会经历一系列的过程，该过程就叫做生命周期。React在组件的生命周期中提供了一系列的钩子函数（类似于事件），可以让开发者在函数中注入代码，这些代码会在适当的时候运行。生命周期仅存在于类组件中，函数组件每次调用都是重新运行函数，旧的组件即刻被销毁1. 旧版生命周期React < 16.0.0constructor同一个组件对象只会创建一次不能在第一次挂载到页面之前，调用setState，为了避免问题，构造函数中严禁使用setStatecompo
2020-07-19 16:50:26
398
原创 解决移动端1px问题
出现的原因由于不同的手机有不同的像素密度导致的。如果移动显示屏的分辨率始终是普通屏幕的2倍，1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px，所以在高清瓶下看着1px总是感觉变胖了解决方法一．在ios8+中当devicePixelRatio=2的时候使用0.5px border:1px solid #000;}@media (-webkit-min-device-pixel-ratio: 2) { p{ border:0.
2020-07-15 21:42:58
430
原创 深入了解react中JSX 的用法和常遇到的坑！
什么是JSXFacebook起草的JS扩展语法本质是一个JS对象，会被babel编译，最终会被转换为React.createElement每个JSX表达式，有且仅有一个根节点React.Fragment//如果不需要根节点可以用<React.Fragment> //这里包含html</React.Fragment>//其实 React.Fragment 相当于,两者都不会在页面中生成标签<> //这里放html </&
2020-07-15 16:17:28
646
1
原创 http请求头和响应头
HTTP请求头accept：浏览器通过这个头告诉服务器，它所支持的数据类型。如：text/html, image/jpegaccept-Charset：浏览器通过这个头告诉服务器，它支持哪种字符集。accept-encoding：浏览器通过这个头告诉服务器，它支持哪种压缩格式。accept-language：浏览器通过这个头告诉服务器，它的语言环境。host：浏览器通过这个头告诉服务器，它想访问哪台主机。if-modified-since：浏览器通过这个头告诉服务器，缓存数据的时间refer
2020-07-14 15:04:32
154
原创 深入数组原型方法，看完这篇就足够了！
数组是一个超常用的数据结构，JavaScript的数组方法都有什么怎样的特性呢？是时候一探究竟了。JavaScript中数组是一个对象，默认的赋值是传了一个引用。针对结果是引用还是拷贝，对原数组的变更与否，分为两类方法：必写方法、只读方法。必写方法列举了一些会造成数组本身的内容发生改变的方法。spliceArray.prototype.splice(start: number, deleteCount: number, ...items: any[]): any[]arr.splice(st
2020-07-14 10:50:19
740
原创 想学git,给你最详细的总结！！！！！
1.目的：学习版本控制多人协作（协同开发）版本控制系统（version control system简称VCS)，是一种记录一个 或若干文件内容变化，以便将来查阅特定版本修订情况的系统。你可以把它想象成一个文件时光机，有了它你就可以将某个文件回溯到之前的状态，甚至将整个项 目都回退到过去某个时间点的状态；你可以比较文件的变化细节，查出是谁的修改在哪里引入了问 题代码，即便你不小心错删了一些文件也能够通过它很方便的找回。仓库 （Repositry）收藏 （Star）复制克隆项目（Fork）
2020-07-14 10:42:42
208
原创 Axios解决跨域访问
首先请检查下你的 Vue 版本，Vue2 和 Vue3 跨域方式不同：cmd --> vue -V2.x or 3.x一、Vue2版本这里以访问 Ve2x 的一个公告API为例，直接访问如下：this.$axios.get("https://www.v2ex.com/api/site/info.json").then(res=>{ console.log(res)}).catch(err=>{ console.log(err)})当我们运行
2020-07-06 12:57:48
2380
1
原创 npm太慢， 淘宝npm镜像使用方法
npm太慢， 淘宝npm镜像使用方法淘宝 npm 地址：http://npm.taobao.org/淘宝npm镜像：1.临时使用npm --registry https://registry.npm.taobao.org install express2.持久使用npm config set registry https://registry.npm.taobao.org配置后可通过下面方式来验证是否成功npm config get registry或npm info express3.
2020-06-16 11:16:16
230
转载 如何提高学习效率，科学用脑
科学用脑大脑的记忆高峰期人的大脑每天有四个记忆高峰期。第一个是早晨起床后：大脑在睡眠过程中并没有停止工作，而是在对头一天输入的信息进行编码整理。早晨醒后没有新的信息干扰，这时记东西会印象清晰。第二个高峰期是在上午8点到10点：这时精力上升到旺盛期，处理识记效率高，记忆量增大。第三个高峰期是在下午6到8点：这是一天中记忆最佳期。第四个是临睡前1小时左右：这时识记材料后就入睡，不再有新信息输入，所以没有相互抑制的影响。 另外研究者还发现上午8点大脑具有严谨周密的思考能力，下午
2020-06-11 12:43:11
306
原创 剖析JS 的 作用域和预编译过程
1.js执行三部曲1.语法分析程序在最开始时的时候回通篇的扫描一遍，看是否有低级的语法错误。2.预编译函数声明整体提升，变量 声明提升1) 预编译前奏imply global 暗示全局变量 ： 即任何变量，如果变量未经声明就赋值，此变量就位全局对象所有。a = 123;一切声明的全局变量，全是window 的属性var a = 123; === window.a = 123;function fn(a) { console.log(a); var a
2020-06-03 09:00:50
191
原创 网络编程
【网络编程】主要内容软件架构CS／BS网络通信三要素TCP通信Socket套接字ServerSocket 能够辨别UDP和TCP协议特点 能够说出TCP协议下两个常用类名称 能够编写TCP协议下字符串数据传输程序 能够理解TCP协议下文件上传案例 能够理解TCP协议下案例2第一章 网络编程入门1.1软件结构C/S结构 ：全称为Client/Server结构，是指客户端和服务器结构。常见程序有ＱＱ、迅雷等软件。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下
2020-05-25 23:42:49
217
原创 字节流、字符流
【字节流、字符流】主要内容IO流字节流字符流异常处理Properties 能够说出IO流的分类和功能 能够使用字节输出流写出数据到文件 能够使用字节输入流读取数据到程序 能够理解读取数据read(byte[])方法的原理 能够使用字节流完成文件的复制 能够使用FileWirter写数据到文件 能够说出FileWriter中关闭和刷新方法的区别 能够使用FileWriter写数据的5个方法 能够使用FileWriter写数据实现换行和追加写 能够使用FileReader读
2020-05-25 23:39:06
243
原创 File类、递归
【File类、递归】主要内容 能够说出File对象的创建方式 能够说出File类获取名称的方法名称 能够说出File类获取绝对路径的方法名称 能够说出File类获取文件大小的方法名称 能够说出File类判断是否是文件的方法名称 能够说出File类判断是否是文件夹的方法名称 能够辨别相对路径和绝对路径 能够遍历文件夹 能够解释递归的含义 能够使用递归的方式计算5的阶乘 能够说出使用递归会内存溢出隐患的原因第一章 File类1.1 概述java.io.File 类是文件和目录路
2020-05-25 23:36:03
109
原创 Axios 各种请求方式传递参数的格式
一.axios 的请求分类axios.request()axios.get()axios.delete()axios.head()axios.post()axios.put()axios.patch()1.axios.request(config)//原始的Axios请求方式axios({ method : "post", url : '/user', data ： { firstName : 'zhu', lastName : "qiang
2020-05-14 09:16:59
2533
原创 在vue组件中引入公共文件，js,css,component
引入公共文件在自定义组件中引入公共的css 文件（静态资源文件尽量放在static 文件夹中）通过@import ‘…/…/static/css/index.css’<style scoped>@import '../../../static/css/loginBg.css';//自己的css 样式</style>引入js 文件A.如果js 文件没有返回值 import myjs from ‘…/…/static/test.js’B. 如果js 文件
2020-05-13 13:46:12
1873
原创 超详细数据库笔记！！！！！！还带55道练习题
数据库的基本概念1. 数据库的英文单词： DataBase 简称 ： DB2. 什么数据库？ * 用于存储和管理数据的仓库。3. 数据库的特点： 1. 持久化存储数据的。其实数据库就是一个文件系统 2. 方便存储和管理数据 3. 使用了统一的方式操作数据库 -- SQLMySQL数据库软件1. 安装2. 卸载 1. 去mysql的安装目录找到my.ini文件 * 复制...
2020-05-06 16:20:58
1047
1
原创 MySql中忘记 root 用户的密码！！！超实用解决方法
1、通过管理员运行cmd ，停止mysql 服务2、使用无验证方式启动mysql 服务：mysqld --skip-grant-tables3、打开新的cmd 窗口，直接输入mysql 命令，敲回车。就可以登录成功。4、切换到mysql 数据库中 use mysql5、对密码惊醒修改 update user set password = password('你的新密码') whe...
2020-05-06 15:34:26
264
原创 最详细JAVA的Collection 、Map 集合笔记！！！！！！！
【List、Set、数据结构、Collections】主要内容数据结构List集合Set集合Collections学习目标 能够说出List集合特点 能够说出常见的数据结构 能够说出数组结构特点 能够说出栈结构特点 能够说出队列结构特点 能够说出单向链表结构特点 能够说出Set集合的特点 能够说出哈希表的特点 使用HashSet集合存储自定义元素 能够说出可变...
2020-04-16 21:11:05
296
原创 java基础知识
第二章2、API的使用2.1 Scanner 键盘输入package day04;import java.util.Scanner;public class DemoSc { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int num ...
2020-04-13 21:31:54
397
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人