大聪明/(ㄒoㄒ)/~~-CSDN博客

原创 Java学习笔记

Java学习笔记文章目录Java学习笔记1.环境搭建安装JDK设置环境变量2.Java基础语法变量和数据类型基本类型的变量基本数据类型方法与数组**方法的定义：****参数：**方法的返回值方法的重载数组的定义数组的赋值方式数组的遍历数组示例多维数组示例：最大值最小值算法冒泡排序算法选择排序算法直接插入排序算法二分查找算法Arrays类双色球模拟综合案例3.面向对象基本概念类与对象**类与对象的关系****类和对象的定义格式****对象的内存分析****类与对象小结**封装性成员变量和局部变量构造方法构造

2021-11-26 17:55:17 324

原创 vue-router插件的实现原理

vue-router插件的实现原理let Vue;class mRouter{ constructor(options){ // vue的配置项 this.$options = options console.log(options) // 缓存path和route映射关系避免重复循环 this.routeMap = {} this.$options.routes.forEach(route =&

2021-09-04 13:34:19 178

原创 js数据结构与算法

js数据结构与算法1.栈栈是一种遵从后进先出（LIFO）原则的有序集合。新添加的或待删除的元素都保存在栈的同一端，称作栈顶，另一端就叫栈底。在栈里，新元素都靠近栈顶，旧元素都接近栈底。//栈 function Stack() { //各种属性和方法的声明 let items = []; //添加元素 this.push = function(element){ it

2021-07-16 15:10:00 220

转载 HTML5裁剪图片并上传至服务器实现原理讲解

HTML5裁剪图片并上传至服务器实现原理讲解经常做项目需要本地上传图片裁剪并上传服务器，比如会议头像等功能，但以前实现这类需求都很复杂，往往需要先把图片上传到服务器，然后返回给用户，让用户确定裁剪坐标，发送给服务器，服务器裁剪完再返回给用户，来回需要 5 步。步骤繁琐不说，当很多用户上传图片的时候也很影响服务器性能。第一步：获取文件HTML5 支持从 input[type=file] 元素中直接获取文件信息，也可以读取文件内容。我们用下面代码就可以实现：$('input[type=file]').c

2021-07-06 17:54:29 356

原创 js实现长按事件

js实现长按事件页面长按我 jsvar timeOutEvent=0;//定时器 //开始按 function gtouchstart(){ timeOutEvent = setTimeout("longPress()",500);//这里设置定时器，定义长按500毫秒触发长按事件，时间可以自己改，个人感觉500毫秒非常合适 return false; }; //手释放，如果在500毫秒内就释放，则取消长按事件，此时可以执行onclick应该执

2021-05-26 13:41:38 712

原创 Object.defineProperty的使用

Object.defineProperty的使用代码： //模拟代理 let obj = {} let data = {msg:'Hello World'} Object.defineProperty(obj,'msg',{ get(){ //获取obj的msg这个属性的时候,会被get方法劫持 return data.msg },

2021-05-16 14:41:13 83

原创 axios学习笔记

1、基本用法安装cnpm i axios --save在 main.js 中引入 axiosimport axios from 'axios'Vue.prototype.$axios = axios在组件中使用 axios<script> export default { mounted(){ this.$axios.get('/goods.json').then(res=>{ console.log(res.data); }) } }&

2021-03-17 08:31:45 587

原创 Node全栈开发笔记

1、Node服务器开发1.1、Node环境搭建1.1.1、Node下载下载地址： http://nodejs.cn/download/将Node安装到指定的目录下，例如： c:\nodejs，（可以在任何盘符下创建，不建议放C盘）1.1.2、NPM修改默认全局安装路径步骤1：执行快捷键 win+r ，弹出运行窗口，输入 cmd 打开命令提示符窗口，执行命令：npm config ls上面命令是查看npm的默认全局安装路径，主要查看 prefix 和 cache 这两项配置，我们修改NP

2021-03-11 15:42:25 202

原创 JavaScript节流函数和防抖函数之间的区别

JavaScript节流函数和防抖函数之间的区别两者都是优化高频率执行js代码的一种手段节流函数：指一定时间内js方法只跑一次防抖函数：指频繁触发的情况下，只有足够的空闲时间，才执行代码一次节流函数var flat = true;window.onscroll = function(){ if(!flat){ // 判断是否已空闲，如果在执行中，则直接return return; } flat = false; setTimeout(function(){ console

2020-11-17 11:05:13 137

原创 Vue相关的面试题

Vue相关的面试题1.vue生命周期概念：Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。beforeCreate（创建前）在数据观测和初始化事件还未开始created（创建后）完成数据观测，属性和方法的运算，初始化事件，$el属性还没有显示出来beforeMount（载入前）在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置：编译模板，把d

2020-11-15 16:04:50 360

原创 vue的基础学习2：循环语句、事件处理

vue的基础学习21.循环语句（列表渲染）v-for 可以绑定数据到数组来渲染一个列表。 <div id="app"> <ul> <li v-for="(item,index) in list">{{item}}</li>//遍历数组：第一个参数是值，第二个是下标 </ul> <ul> <li v-for="item in user">{{item.name}}</li>

2020-11-05 20:56:25 240

原创 MVC和MVVM模式的概念与区别

MVC和MVVM模式的概念与区别1.MVC编程模式MVC的概念： MVC是Model-View- Controller的简写。即模型-视图-控制器。运作流程： Model 和 View 是完全分离的，由 Controller 作为中间人来负责二者的交互。几乎所有的App都只干这么一件事：将数据展示给用户看，并处理用户对界面的操作。MVC的思想：一句话描述就是Controller负责将Model的数据用View显示出来，换句话说就是在Controller里面把Model的数据赋值给View，比如

2020-11-04 20:17:04 308 1

原创 Vue的基础学习

Vue的学习1. vue.js是什么是一套用于构建用户界面的渐进式框架。被设计为可以自底向上逐层应用。扩展: 渐进式框架：**Vue不强求你一次性接受并使用它全部的功能特性。**简单来说，对于初学者刚接触vue，对vue的掌握不够，在学习了一些基本功能(声明式渲染)以后就可以引用这些特性代替jQuery。自底向上：先编写出基础程序段，然后再逐步扩大规模、补充和升级某些功能。2.安装三种方式：第一种：官网上直接下载用开发版本：包含了完整的警告和调试模式生产版本：删除了警告，只有 33

2020-11-02 21:21:02 223 1

sjfsp的博客