- 博客(24)
- 收藏
- 关注
原创 node学习笔记
初识Node.js 定义Node.js 是一个基于 V8 引擎的 JavaScript 运行时(运行环境)Node.js 中的 JS 运行环境V8 引擎内置 APIfspathhttpjs 内置对象querystring等等** 注意:**浏览器是 JavaScript 的前端运行环境Node.js 是 JavaScript 的后端运行环境Node.js 中无法调用 DOM、BOM 等浏览器的 APINode.js 作用基于 Node.js 有很多强大的工具和框架
2022-04-28 21:11:32
2624
原创 刷题——数组
数组基础知识数组是存放在连续内存空间上的相同类型数据的集合。特点:数组下标都是从0开始的。数组内存空间的地址是连续的易读取难增删简单二分查找二分查找给定一个 n 个元素有序的(升序)整型数组 nums 和一个目标值 target ,写一个函数搜索 nums 中的 target,如果目标值存在返回下标,否则返回 -1。输入: nums = [-1,0,3,5,9,12], target = 9输出: 4解释: 9 出现在 nums 中并且下标为 4方法:二分查找(闭区间)
2022-04-10 20:38:52
222
原创 VUE源码:模板引擎mustache
文章目录模板引擎的定义mustache的基本使用模板引擎的定义模板引擎就是将数据变为视图最优雅的解决方案例如:VUE的v-for、mustache历史上数据变为视图方法:纯DOM方法数组joinES6的反引号法:``${a} `模板引擎mustache的基本使用官方git:https://github.com/janl/mustache.js例子:let arr = [ { name: "小红", sex: "女", age: 18 }, { name: "小黑", s
2022-04-07 21:57:12
1726
原创 刷题——贪心算法
文章目录简单分发饼干中等跳跃游戏加油站买卖股票的最佳时机含手续费困难分发糖果贪心算法:在对问题求解时,做当前最好的选择。一定局部最优,但不一定全局最优。简单分发饼干分发饼干假设你是一位很棒的家长,想要给你的孩子们一些小饼干。但是,每个孩子最多只能给一块饼干。对每个孩子 i,都有一个胃口值 g[i],这是能让孩子们满足胃口的饼干的最小尺寸;并且每块饼干 j,都有一个尺寸 s[j] 。如果 s[j] >= g[i],我们可以将这个饼干 j 分配给孩子 i ,这个孩子会得到满足。你的目标是尽可
2022-04-06 10:42:48
3629
原创 JS常见手写
文章目录防抖防抖的原理应用代码节流原理应用代码时间戳定时器防抖防抖的原理你尽管触发事件,但是我一定在事件触发 n 秒后才执行,如果你在一个事件触发的 n 秒内又触发了这个事件,那我就以新的事件的时间为准,n 秒后才执行,总之,就是要等你触发完事件 n 秒内不再触发事件,我才执行应用input的联想滚动页面回到顶部代码第一版:基础function debounce(func, delay) { let timeout; return function () { clear
2022-04-03 11:22:14
308
原创 刷题——搜索算法
DFS二叉树的最大深度二叉树的最大深度给定一个二叉树,找出其最大深度。二叉树的深度为根节点到最远叶子节点的最长路径上的节点数。说明: 叶子节点是指没有子节点的节点。示例:var maxDepth = function(root) {if(root == null){ return 0 }else{ let left=maxDepth(root.left) let right=maxDepth(root.right) return Math.max(lef
2022-04-02 21:29:46
114
原创 刷题——动态规划
简单爬楼梯爬楼梯假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢?示例1:输入:n = 2输出:2解释:有两种方法可以爬到楼顶。1 阶 + 1 阶2 阶示例2:输入:n = 3输出:3解释:有三种方法可以爬到楼顶。1 阶 + 1 阶 + 1 阶1 阶 + 2 阶2 阶 + 1 阶基础/** * @param {number} n * @return {number} */var climb
2022-03-30 11:15:54
772
原创 Promise
异步操作promise封装fs文件操作原始:const fs =require('fs')fs.readFile(url,(err,data)=>{ //如果出错则抛出错误 if(err) throw err //输出文件内容 console.log(data.toString())})promise:const fs =require('fs')let p=new Promise((resolve,reject)=>{ fs.readFile(url,(err,da
2022-03-24 19:00:03
647
原创 JavaScript基础知识总结
前端基础知识总结JavaScript数据类型基本数据类型(值类型)-------栈存储String、Number、Boolean、Null、Undefined、Symbol引用数据类型------堆存储,动态分配,不会销毁Object、Array、Function作用域全局作用域函数(局部)作用域函数定义就会有作用域块级作用域(ES6新增:let、const)执行上下文全局执行上下文函数执行上下文函数调用就会生成函数执行上下文作用域与执行上下文区别作用域是静态
2022-03-24 18:57:42
1588
原创 Java学习
文章目录Java学习基础知识点模板输出输入运算符优先级Java学习基础知识点模板public class Hello{ public static void main (String args[]){ }}输出System.out.print();//不换行System.out,println();//换行输入Scanner in = new Scanner(System.in);System.out.println(in.nextLine());运算符优先级优先
2021-03-13 20:32:04
320
原创 JAVA练习
文章目录基础练习——控制语句自动售卖机数位数计数问题猜数游戏算平均数基础练习——控制语句自动售卖机循环题:一张车票10元,用户输入钱,钱够是就打印车票,并找零;否则显示继续输入钱数位数循环题:随便输入一个数,告诉用户是几位数计数问题循环题:int count = 100;while(count>=0){ count = count - 1; System.out.println("发射");}判断该循环体执行了几次打印了多少个发射最终count的值为多少猜数
2021-03-13 20:31:33
257
原创 JS之原型、构造函数的练习问题
JS之原型、构造函数的练习问题例子:let animal = function () {};//创建animal函数对象let dog = function () {};//创建dog函数对象,继承Object// 你打印console.log(dog),只会看到dog的代码//要看结构用dirconsole.dir(dog);//结果有_proto_,dog的长辈-----还有prototype,也是长辈//当函数当作对象来使用时,就可用dog._proto_里面的属性和方法//当函
2021-03-12 22:49:47
295
1
原创 JS之This 关键字问题
文章目录This 关键字问题this的定义this的绑定方法①默认绑定谨记:②隐式绑定谨记:隐式绑定this丢失问题③硬绑定/显式绑定call/applybind隐式与显式的区别④构造函数绑定测验例1例2例3This 关键字问题this的定义函数一旦创建就有this属性this指向本身this指向实际调用的对象译为“这”this的绑定方法①默认绑定当一个函数没有明确的调用对象的时候,也就是单纯作为独立函数调用的时候,将对函数的this使用默认绑定:绑定到全局的window对象例子:fu
2021-03-12 09:53:17
418
原创 前端之React学习(四)
文章目录前端之React学习(四)路由进阶与高阶组件高阶组件WithRouter监控路由变化 history编程式导航 history路由传参params 方式传参 matchquery 方式传参 locationhookuseState多个状态声明对象类型的状态多次声明(推荐)redux需求场景三大原则使用下载读取,修改前端之React学习(四)路由进阶与高阶组件高阶组件参数是一个组件,同时返回的也是一个组件这类组件称为高阶组件(如:WithRouter)WithRouter让不是路由切换的
2021-03-09 10:50:03
208
原创 前端之React学习(三)
文章目录前端之React(三)React 脚手架安装(有 node)创建项目启动项目文件解释创建组件引用组件多行标签图片引用组件的 props 和 state组件的传值正向传值——父传子(props)逆向传值——子传父第三种——同级传值(pubsub.js)axios(数据请求)& json-server(数据模拟)下载数据模拟的启动数据请求react 处理跨域问题正向代理——开发环境反向代理——上线环境例子--模拟请求真实的网络接口路由基本知识下载index.js 引用index.js 中 Bro
2021-03-08 21:15:15
754
原创 前端之React学习(二)
文章目录前端之React学习(二)state 状态state 与 props 的区别state 与 props 最重要的区别声明式渲染state 的基本使用state 进阶ref 转发概念ref 的三种使用方式字符串的方式回调函数(推荐)React.createRef()前端之React学习(二)state 状态state 与 props 的区别props:组件对外的接口state:组件对内的接口解释组件内可以引用其他组件,组件之间的引用形成了一个树状的接口如果下层组件需要引用上层组件的数
2021-03-05 18:04:13
547
原创 React学习(一)练习
小练习之渲染外部数据与点击联系要求渲染外部数据就是——父组件传值给子组件点击——隐藏与显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
2021-03-05 18:01:01
177
原创 前端之React学习(一)
文章目录前端之React学习(一)react 基本概念react 的基本概念特点原理react 开发环境的搭建react 的使用下载jsx 基本使用基本概念注释多行标签jsx 进阶使用使用表达式计算函数三元/三目运算符数组属性设置(样式...)react 列表(遍历数据)遍历数据的方法map()循环遍历for in 循环遍历for each点击事件&render 重新渲染事件遍历对象对象知识回顾:遍历对象面向组件组件的重要概念特点重要组成演变过程react 组件的组成部分react 组件的作用组件与
2021-03-05 17:57:56
1276
原创 前端之Vue学习(二)
品牌列表案例【02】品牌列表的添加品牌列表的删除somefindIndex 索引关键字搜索foreachfilter注意: some findIndex forEach filter 这些都属于数组的新方法都会对数组的每一项,进行遍历,执行相关操作过滤器的使用按键码修饰符自定义指令全局指令——文本框聚焦局部指令过滤器概念:vue.js 允许自定义过滤器,可被用作一些常见的文本格式化。应用:mustachc插值 和 v-bind表达式过滤器应该被添加在j
2020-07-25 15:36:49
546
原创 前端之Vue学习(一)
导课MVVM(前端思想)前端视图层的分层开发思想,主要把每个页面分成了M、V和VM。M:保存每个页面中单独的数据VM:调度者,分隔了M和V,每当V层想要获取或保存数据的时候,都要有VM做中间的处理V:每个页面中的HTML结构MVVM提供了数据的双向绑定。vue 的特点**1.:**在 vue实例 的内部中,如果想要获取 data 上的数据,或者,想要调用 methods 中的方法,必须通过this.数据属性名 或 this.方法名这里的this指的是new出来的 vue实例 的对象——
2020-07-25 15:33:59
150
原创 前端之响应式布局
响应式布局1.定义:就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本,可以为不同终端的用户提供更加舒适的界面和更好的用户体验。
2020-07-06 20:07:48
509
原创 flex布局-一维布局
文章目录flex布局 —— 一维布局基本概念flex容器属性flex-directionflex-wrapflex-contentalign-itemsalign-contentflex项目属性flex布局 —— 一维布局基本概念Flexbox叫弹性盒模型,它的使用场景主要是屏幕自适应布局和取代浮动布局。设置了display:flex属性的元素,称为Flex容器,他里面的所有子元素统称为容器成员,称为Flex项目。Flex容器有两根坐标轴:主轴(main axis)和交叉轴(cross axis
2020-07-06 20:07:16
344
原创 使用CSDN-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-07-04 11:26:43
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人