- 博客(58)
- 收藏
- 关注
RSS订阅原创 reduce函数的实现
参考链接：https://www.cnblogs.com/art-poet/p/12522669.htmlhttps://www.runoob.com/jsref/jsref-reduce.html1. 原函数返回结果：let arr = [1, 2, 3, 4];const fn = (pre, cur, index, arr) => { console.log(pre, cur, index, arr); return pre + cur;};let result
2021-08-18 11:45:48
293
原创 async-await
参考链接：https://juejin.im/post/5e79e841f265da5726612b6e1. 准备异步函数// 异步函数const getData = () => { return new Promise(resolve => { setTimeout(() => { resolve('data...'); }, 1000); })}2. 写代码时async-await的例子async function test
2021-08-16 20:52:25
125
原创 Promise.all 与 Promise.race的实现
1. Promise.all 等待所有的Promise处理完以后，才返回数据，返回时间是处理Promise中耗时最长的那个。let a = {};// 传入待处理的Promises, 注意传入的值有可能不全是Promise, 有可能是数值常量等a.all = function (promises) { // 只考虑传入为数组的情况 const len = promises.length; return new Promise((resolve, reject) =>...
2021-08-16 16:15:32
127
原创 forEach, for-of注意点
1. forEach遍历数组时会直接跳过空值，for-of空值则不会let array = ['a', , 'c'];// a carray.forEach(element => { console.log(element) // 跳过空值})// a undefined cfor (const item of array) { console.log(item) // 没有跳过空值}2. forEach遍历数组时，传入的函数建议使用箭头函数array.forEa
2021-08-16 15:21:06
600
原创 win10下安装MongoDB的安装及配置
本文选择安装MongoDB的版本为mongodb-win32-x86_64-2008plus-ssl-3.6.20-signed.msi下载地址https://www.mongodb.com/try/download/community1.开始安装安装流程（一路next）期间建议选择，自定义安装，选择自己的安装路径（不要有中文与空格），最好是改为D盘（除C盘以外）的磁盘的根目录下，因为要存储MongoDB的数据库及日志信息。（例如，我的存储路径为 D:\softhome\Mong
2020-10-19 15:40:42
2307
原创 Nodejs中的koa框架及其他知识点
//路由传参const Koa=require('koa');const Router=require('koa-router');let server=new Koa();server.listen(8080);//此处不能用router.use('./news', require('./routers/news')),因为只是为了传参,而且路由也不存在let router=new Router();router.get('/news/:id/', async (ctx,...
2020-05-21 20:48:00
271
原创 node.js中的上传文件至服务器
//Buffer 的split方法let buffer = new Buffer('abc\r\nddasdfafd\r\ndfaerewtwert');function bufferSplit(buffer, delimiter){ let res = []; let n = 0; while((n = buffer.indexOf(delimiter)) !== -1){ res.push(buffer.slice(0, n)); buffer = buffer.sl.
2020-05-18 21:18:00
677
原创 nodejs中一些简单的读写操作
//路径拼接constpath=require('path');constmypath=path.join(__dirname,'//one//','//two//');//console.log(mypath);//H:\study_home\nodejs\learn_home\learn01\one\two\//将相对路径解析成绝对路径conststr='./02.js';consttemp=path.resolve(str);//...
2020-05-17 19:13:29
182
原创 Hibernate(二)
学习参考来源：黑马程序员hibernate中的实体规则实体类创建的注意事项：1.持久化类提供无参数构造2.成员变量私有,提供共有get/set方法访问.需提供属性3.持久化类中的属性,应尽量使用包装类型4.持久化类需要提供oid.与数据库中的主键列对应5.不要用final修饰class：hibernate使用cglib代理生成代理对象.代理对象是继承被代理对象.如果被final修饰.将无法生成代理.主键类型：1.自然主键(少见)表的业务列中,有某业务列符合,必须有,并
2020-05-16 21:15:29
122
原创 Hibernate框架(一)
学习来源：黑马程序员hibernate是什么hibernate的好处:操作数据库的时候,可以以面向对象的方式来完成.不需要书写SQL语句hibernate是一款orm框架(orm:object relationg mapping. 对象关系映射)hibernate框架的搭建1.导包驱动包:2.创建数据库,准备表,实体3.书写orm元数据(对象与表的映射配置文件)导入约束实体orm元数据4.书写主配置文件5.书写代码测
2020-05-15 20:56:25
119
原创 监听器
学习参考：黑马程序员监听器ListenerjavaEE包括13门规范 在课程中主要学习 servlet技术 和 jsp技术其中 servlet规范包括三个技术点：servlet listener filter什么是监听器？监听器就是监听某个对象的的状态变化的组件监听器的相关概念：事件源：被监听的对象 ----- 三个域对象 request session servletContext监听器：监听事件源对象 事件源对象的状态的变化都会触发监听器 ---- 6+2注...
2020-05-13 17:27:38
3794
原创 事务
事务概述什么是事务一件事情有n个组成单元 要不这n个组成单元同时成功 要不n个单元就同时失败就是将n个组成单元放到一个事务中mysql的事务默认的事务：一条sql语句就是一个事务 默认就开启事务并提交事务手动事务：1）显示的开启一个事务：start transaction2）事务提交：commit代表从开启事务到事务提交 中间的所有的sql都认为有效 真正的更新数据库3）事务的回滚：rollback 代表事务的回滚 从开启事务到事务回滚 中间的所有的 sql操作都认为无..
2020-05-09 10:14:08
229
原创 会话技术Cookie&Session
学习参考：黑马程序员教程会话技术简介存储客户端的状态由一个问题引出今天的内容，例如网站的购物系统，用户将购买的商品信息存储到哪 里？（1.request只能用于一次请求；2.servletContext只能用于一个对象）因为Http协议是无状态的，也就是说每个客户访问服务器端资源时，服务器并 不知道该客户端是谁，所以需要会话技术识别客户端的状态。会话技术是帮助服务器 记住客户端状态（区分客户端）会话技术从打开一个浏览器访问某个站点，到关闭这个浏览器的整个过程，成为一次会话。会话技术...
2020-05-08 21:59:25
165
原创 HttpServletRequest
参考学习：黑马程序员HttpServletRequest概述我们在创建Servlet时会覆盖service()方法，或doGet()/doPost(),这些方法都有两个参数，一个为代表请求的request和代表响应response。service方法中的request的类型是ServletRequest，而doGet/doPost方法的request的类型是HttpServletReq...
2020-05-07 16:33:04
662
原创 HttpServletResponse
参加学习：黑马程序员HttpServletResponse概述我们在创建Servlet时会覆盖service()方法，或doGet()/doPost(),这些方法都有两个参数，一个为代表请求的request和代表响应response。service方法中的response的类型是ServletResponse，而doGet/doPost方法的response的类型HttpServletRe...
2020-05-06 20:20:09
205
原创 JavaWeb核心之Servlet
学习参考：黑马程序员什么是ServletServlet 运行在服务端的Java小程序，是sun公司提供一套规范（接口），用来处理客户端请求、响应给浏览器的动态资源。但servlet的实质就是java代码，通过java的API 动态的向客户端输出内容servlet规范：包含三个技术点servlet技术 filter技术---过滤器 listener技术---监听器Servle...
2020-05-05 19:16:39
150
原创 Http协议
学习参考：黑马程序员什么是Http协议 HTTP，超文本传输协议（HyperText Transfer Protocol)是互联网上应用最为广泛的 一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为 了提供一种发布和接收HTML页面的方法Http协议的组成 Http协议由Http请求和Http响应组成，当在浏览器中...
2020-05-04 19:59:13
104
原创 使用Eclipse绑定Tomcat并发布应用
步骤1：获得服务器运行环境配置，Window/Preferences/Server/Runtime Environmen步骤2：添加服务器步骤3：选择服务器在硬盘的地址，然后所有的都是确定/Next/Finish步骤4：完成成功步骤5：设置发布位置修改tomcat发布的位置步骤6：项目右键/Run As/Run on Server...
2020-05-04 19:35:05
140
原创 反射
原内容：黑马程序员反射1、什么是反射技术？动态获取指定类以及类中的内容(成员)，并运行其内容。应用程序已经运行，无法在其中进行new对象的建立，就无法使用对象。这时可以根据配置文件的类全名去找对应的字节码文件，并加载进内存，并创建该类对象实例。这就需要使用反射技术完成2、获取class对象的三种方式获取Class对象的方式一：通过对象具备的getClass方法(源于Ob...
2020-05-03 21:44:28
106
原创 DBCP连接池
实际开发中“获得连接”或“释放资源”是非常消耗系统资源的两个过程，为了解决此类性能问题，通常情况我们采用连接池技术，来共享连接Connection。这样我们就不需要每次都创建连接、释放连接了，这些操作都交给了连接池。 用池来管理Connection，这样可以重复使用Connection。有了池，所以我们就不用自己来创建Connection，而是通过池来获取Connec...
2020-05-03 20:51:01
214
原创 DButils工具类的介绍和三个核心类
DBUtils就是JDBC的简化开发工具包。需要项目导入commons-dbutils-1.6.jar才能够正常使用DBUtils工具。 DBUtils是java编程中的数据库操作实用工具，小巧简单实用。DBUtils封装了对JDBC的操作，简化了JDBC操作，可以少写代码。Dbutils三个核心功能介绍QueryRunner中提供对sql语句操作的API. ...
2020-05-03 19:16:01
3166
原创 简易的DBUtils工具类
1.properties配置文件通常情况下，我们习惯使用properties文件，此文件我们将做如下要求：文件位置：任意，建议src下 文件名称：任意，扩展名为properties 文件内容：一行一组数据，格式是“key=value”。key命名自定义，如果是多个单词，习惯使用点分隔。例如：jdbc.driver。value值不支持中文，如果需要使用非英文字符，将进行unicode转换...
2020-05-03 10:59:23
143
原创 JDBC
JDBC（Java Data Base Connectivity,java数据库连接）是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。 接下来使用的是mysql的驱动mysql-connector-java-5.1.39-bin.jarJDBC开发步骤1.注册驱动. 告知JVM使用哪一个数据库驱...
2020-05-03 08:20:28
180
原创 eclipse常用快捷键
15 个 Eclipse 常用开发快捷键使用技巧1、alt+?或alt+/：自动补全代码或者提示代码2、ctrl+o：快速outline视图3、ctrl+shift+r：打开资源列表4、ctrl+shift+f：格式化代码5、ctrl+e：快速转换编辑器6、ctrl+page down或ctrl+page up： 选项卡之间快速切换7、shift+enter及...
2020-05-02 10:35:30
95
原创 360前端星计划--技术翻译：进阶的直梯
文学翻译 非文学翻译 艺术成分多一些 科学成分多一些 需要更多的灵感 需要更多的勤奋 责任小一些 责任大一些 技术翻译的意义翻译技术文章，学习新技术思想 翻译技术文档，掌握标准和工具 翻译技术图书，获得名声和报酬技术翻译的标准准确、地道、简洁技术翻译的方法 消化吸收原文 母语地道表达 就是翻译意思 技术翻译...
2020-04-12 17:20:21
147
原创 360前端星计划--前端代码的自我修养
如何衡量代码质量的好坏衡量代码质量的唯一有效标准：WTF/min —— Robert C. Martin代码规范yarn global add eslint{ "extends": "eslint:recommended", "rules": { // enable additional rules "indent": ["er...
2020-04-12 17:14:04
173
原创 360前端星计划--Web点播直播入门
什么是视频了解媒体数据存储和应用的基础原理。格式与内容文件扩展名≈媒体封装格式(媒体容器类型) 媒体封装格式≠音视频编码格式(使用了谁家的编码器) 文件内容： 1)头信息(格式、时长、帧率、码率、分辨率...) 2)索引信息 3)视频数据 4) 音频数据 5)附加增强数据...视频数据显示器颜色呈现基于RGB(红绿蓝)颜色空间模型 视频领域大多基于YU...
2020-04-12 17:01:38
339
原创 360前端星计划--小程序，大世界
01 简介小程序解决了什么问题相关的技术栈1.HTML/CSS/JavaScript2.NodeJS3.移动设配4.HTTP协议/HTTPS5.OAuth26.GIT主要的小程序平台类似小程序的技术Cordova: 通过webview渲染，通过插件调用系统服务PWA: Service Worker和Push APIReact Native...
2020-04-12 16:44:31
164
原创 360前端星计划--一起优化前端性能
01 使用RAIL模型评估性能以 用户为中心 的性能模型，每个网络应用都具有与其生命周期有关的四个方面，而且这些方面以不同的方式影响着性能。延迟与用户反应响应：50ms处理事件01 目标在100ms内响应用户输入02 指导1.50ms内处理用户输入事件，确保100ms反馈用户可视的响应2.对于开销大的任务可分隔任务处理，或放到 worker 进程中执行，避...
2020-04-11 15:34:22
147
原创 360前端星计划--JS动画原理与实现
动画的基本原理定时器改变对象的属性 根据新的属性重新渲染动画function update(context) { // 更新属性}const ticker = new Ticker();ticker.tick(update, context);动画的种类JavaScript 动画 操作DOM Canvas CSS 动画 transition an...
2020-04-11 13:37:22
208
原创 360前端星计划--前端工程化浅析
什么是前端工程化？ 目标，技术，原因工程化的目标 在前端领域，利用技术不断进步和经验逐步积累带来的各种方案，来解决在项目的开发、测试、维护阶段中遇到的种种低效和繁琐的问题。前言工程化里的技术 工程化是一种思想，技术是一种实践。技术会随着时代进步不断地演进和改变，在不同的时期，都会有不同的技术来承载和践行着工程化思想。思想的落地离不开行动和实践，技...
2020-04-11 12:08:34
125
原创 360前端星计划--Node.js 基础入门
01什么是 Node.jsNode.js® is aJavaScript runtimebuilt onChrome's V8 JavaScript engine.https://nodejs.org与 JavaScript 的区别基于异步 I/O 相关接口 基于 node_modules 和 require 的模块依赖 提供 C++ addon API 与系统交互N...
2020-04-10 19:59:34
7853
原创 360前端星计划--正则的三个应用场景
正则表达式的创建和使用创建正则表达式的两种方式01 使用正则表达式字面量const reg = /[a-z]\d+[a-z]/i;优点简单方便 不需要考虑二次转义缺点子内容无法重复使用 过长的正则导致可读性差02 使用 RegExp构造函数const alphabet = '[a-z]';const reg = new RegExp(`${alphabe...
2020-04-10 17:13:37
330
2
原创 360前端星计划--前端常用的HTTP知识
HTTP是应用层协议联网细节交给了通用的传输协议：TCP/UDP请求/响应报文<method> <request-URL> <version><headers><entity-body><version> <status> <respon-phrase>...
2020-04-09 16:52:38
112
原创 360前端星计划--Web标准：前端的原力
Web标准概述Web是World Wide Web（万维网）的简称。World Wide Web由Tim Berners-Lee在1989年发明。Web标准是构成Web基础、运行和发展的一系列标准的总称。Web标准并不是由一家标准组织制定。 HTTP/0.9：https://www.w3.org/Protocols/HTTP/AsImplemented.html ...
2020-04-09 16:19:51
262
原创 360前端星计划--JavaScript从入门到放弃
各司其职版本1违反各司其职的原则，因为JavaScript，Html，Css混编版本2推荐，遵守各司其职还有另一种思路，不用写JavaScript，这样就不会出现错误，但兼容性不好，可能与低版本不兼容（兄弟节点）<input id="light" type="checkbox"></input><div id="main"> ...
2020-04-09 16:12:50
360
原创 vue-cli搭建步骤
1：安装node.js会自动带上 npm 的环境下载 安装 node官网： https://nodejs.org/en/download/2：安装淘宝的镜像npm install -g cnpm --registry=https://registry.npm.taobao.org3：安装 vue-cli脚手架(-g:为全局安装， -s 为 例如后续的文件是否依赖vue，这里vue-cli...
2020-02-24 17:33:23
92
原创 javascript_综合应用（1）
参考内容：妙味课堂<style>#div1{ width:180px; height:180px; overflow:hidden; position:relative;}#div1 span{ width:100px; height:100px; background:yellow; opacity:0.5; filter:alpha(opacity=50); positi...
2019-09-29 21:49:59
220
原创 javascript综合应用（2）
参考学习内容：妙味课堂//购物车案例//reset.css@charset "utf-8";/* CSS Document *//*html,body { user-select: none; -moz-user-select: none; -webkit-user-select: none; }*/body,ul,ol,dl,dd,h1,h2,h3,h4,h5,...
2019-09-29 21:47:02
250
原创 javascript_BOM（2）
参考内容：妙味课堂<style>#div1 {width: 100px; height: 100px; background: red; position: absolute;}</style><script>window.onload = function() { /* onmousedown : 选择元素 onmousemove : 移...
2019-09-29 17:00:38
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人