苏先生前端-CSDN博客

原创获取异步函数内部的数据的两种方式

回调函数function getSchool(callback) { setTimeout(function () { var age = 18; if (Math.random() < 0.5) { callback(age) } },5000)}getSchool(function (data) { console.log(data)})promise方法function getD

2021-03-31 11:02:13 562

原创 express 以及koa2项目的引擎模板更改以及热更新操作（win +mac）

express引擎模板更改1、安装ejsnpm install nodemon --save2、更改app.js内容：var ejs = require('ejs');var app = express();var ejs = require('ejs');app.set('views', path.join(__dirname, 'views'));app.engine('html', ejs.__express);app.set('view engine', 'html'

2021-03-30 15:08:45 306

原创 es6之 let、const详解

//1、 var允许重复定义变量，导致数据被覆盖var a = 1function test() { console.log(a)}var a = 9test()//闭包打印的是全局作用域的a//2、变量的提升，怪异的数据访问，闭包问题的产生if (Math.random() < 0.5) { var b = 'abc' console.log(b)}else { console.log(b)}console.log(b)//典型的闭包问题v.

2020-08-03 20:34:59 318

原创 border-image详解

border-imageborder-image-slice: ; 默认值100%会将整个图放到div四个角落如上图所示：该属性的值指的是边框到四条界线的距离。通过线将图片划分为四个部分充当border。设置不同的值就是调整四条界线的位置从而实现不同的效果。border-image-repeat: repeat;border-image-repeat: space;border-image-repeat: round ;<div class="first"

2020-07-15 21:47:16 3249

原创 css3选择器总结

<div data="a b">div1</div> <div data="a">div2</div> <span>9</span> <p>1</p> <p>2</p> <p>3</p> <li class=".

2020-07-11 11:48:37 310

原创文字溢出背景图片处理

溢出容器、打点展示单行文本溢出三件套处理<p>今天上着班我妈突然给我发来语音上有一个自拍问题不大</p>p { width: 300px; height: 30px; line-height: 30px; border: 1px solid; /*失去换行功能*/ white-space: nowrap; overflow: hidden; /*文字溢出打点展示*/ text-overflow:

2020-06-30 16:59:24 313

原创 float浮动以及浮动流清除和应用

float left、right<div class="wrapper"> <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> <div class="box"&.

2020-06-29 22:15:16 165

原创两栏布局以及触发BFC规则margin塌陷

两栏布局：两个div一个固定宽高，另外一个自适应。 <div class="right"></div> <div class="left"></div>* { margin: 0; padding: 0;}.right { position: absolute; width: 100px; height: 100px; opacity: 0.3; right: 0;

2020-06-23 11:34:16 186

原创 nodejs流操作

文件读取流const fs = require('fs');const path = require('path');//什么是流流就是指数据的流动。数据从一个地方慢慢的流动到另一个地方（一部分一部分读取）//流是有方向的//可读流：数据从源头流向内存// 可写流：数据从内存流向源头//双工流：两个方向可流动// 使用流的原因是：其他介质和内存的存储规模和数据处理能力规模大小不同// 文件流：内存数据和磁盘文件之间的流动// 文件读取流的创建 {// encoding

2020-06-23 11:24:03 492

原创 fs模块I/O操作

const fs = require('fs')const path = require('path')const os = require('os')//fs中的相对路径问题，值得注意的是require导入时候相对路径指的是相对于该js文件//但是fs读取文件时相对路径指的是相对于node命令执行的位置一般是该系统文件夹// fs文件模块API一般为两种一种同步、一种异步。我们只讲异步。同步一般做初始化工作会用//sync函数是同步函数会导致js运行阻塞，特别影响性能。通常在程序启动时做有限.

2020-06-18 10:18:24 530

原创 nodejs基本内置模块

os 操作系统模块EOL 指明系统的分隔符原则 win \r\n mac\n arch()指明操作系统的位数 cpus（）指明计算机的内核数数组形式 freeman（）指明计算机剩余内存数 homedir（）指明计算机用户目录 hostname（）指明主机名称 tmpdir（）指明临时缓存文件目录let os = require('os')console.log(os.EOL)console.log(os.arch())console.log(os.homedir())con

2020-06-18 09:59:04 932

原创 node模块化细节

模块的查找绝对路径相对路径首先检查是不是node内置模块比如 fs 、http等检查是否为当前目录node-modules中的检查是否上级目录中的node-modules中的转换为绝对路径加载模块后缀名问题、文件名（是否指定文件名）模块导入中后缀名可以忽略，以js文件优先、json、node、mjs 以上四种文件后缀会自动补全。如果require（./src）只给目录不给文件名先依据后缀顺序找js json node mjs没有的话直接找有没有这个目录下...

2020-06-17 16:06:49 137

原创 node全局对象

全局变量以及全局对象 global对象 nodejs里的全局变量区别于客户端中的window对象，而是global对象首先在html文件中使用变量声明变量会直接挂载到全局window上。nodejs也是。但是值得注意的是在nodejs中单个文件中只要是var、let声明的变量全部是局部变量。这是因为nodejs是模块化管理机制，一个js文件默认为一个模块。global凌驾与所有...

2020-06-15 12:40:35 381

原创 Spring Boot原理分析

Spring Boot内核 --> Spring Framework --> 约定优于配置之后Spring注解驱动：@Controller @Service @Import @Repository ...spring 5.x 核心：IOC(控制反转)/AOP(面向切面)通过Spring容器托管Bean对象描述一个对象 --> Spring加载这个配置并保存@Transactional 事务注解@Required @Repository 维...

2020-05-25 22:31:26 120

原创 JAVA的GC

GC 垃圾回收机制内存管理1.发现无用的对象2.回收无用对象占用的内存空间相关算法：引用计数法、引用可达法（根搜索算法）分代垃圾回收机制：对象的三种状态：年轻代、年老代、持久代Eden区、Survivor区、年老区MinorGC清理年轻代区域MajorGC清理年老代区域FullGC清理年轻代、年老代，成本较高，会对系统性能产生影响垃圾回收过程:1.新创建的对象,绝大多数都会存储在Eden中,2、当Eden满了 (达到-定比例)不能创建新对象,则触发垃圾回收(GC) , 将无.

2020-05-23 16:26:20 151

原创 css盒模型与层模型与定位

css盒模型注意每一个元素都可以看作一个盒子四大部分盒子壁： border内边距： padding内容区：content外边距：margin改变盒子渲染规则： boxsize：border-box；IE盒模型W3C盒模型盒子可视区域区别于盒模型可视区域 = border +padding + content切记不计算margin...

2020-05-18 18:04:46 241

原创 css基础属性

1、字体处理div { font-size: 30px; /* 字体大小 */ font-weight: bold; /* 加粗 */ font-style: normal; /* 斜体 */ font-family: cursive; /* 字体类型 */ color: #f40; /* 上色 */}2、三原色光学三原色rgb 红绿蓝每一项范围0-f #00

2020-05-16 11:27:59 151

原创 KOA路由、get传值、动态路由

路由：路由是由一个url（路径）以及一个特定的http方法组合成的，，涉及响应客户端对于某个网站的访问通俗的讲就是依据不同的url地址展示不同的网站内容。区别于express的路由，koa需要进行导入路由模块。get传值koa2中的get传值通过request接受，但是接受的方式有两种：query、querystring。query：已经格式化好的对象 querystr...

2020-05-05 17:10:37 498

原创 ES7 Async Await语法

koa异步处理Async、Await、promise的使用async声明一个函数function是异步的，将目标方法变成异步操作。注意async函数返回的是一个promise对象。 await等待一个异步方法执行完成。将异步执行阻塞为同步执行。声明async函数async function add() { return 'this is async'}console.l...

2020-05-05 10:52:57 348

原创 javascript权威指南阅读笔记

= 、== 、与=== 解释两者都用于比较两个值是否相等前者称为想等运算符，后者为严格相等运算符区别：前者可以进行类型转换后者不可以而=为赋值的意思！= 称为不相等！== 不严格相等比较的注意点严格相等：类型不同就不同（undefined null）NAN 不等于任何值自己也不等于自己 x != x 可以判断返回true对...

2020-03-09 15:57:48 204

原创 express 以及koa2框架的安装与使用（win +mac）

win系统1、安装express前提要有nodejs环境以及npm包管理工具npm install -g express2、安装应用生成器npm install -g express-generator3、创建自己的项目结构express myapp4、安装packjsonnpm install5、运行服务器npm start6、运行后浏览器...

2020-03-09 15:40:49 515

原创 java后端开发流程总结

首先后端开发一般基于四大层次（这个是咱们项目目录）流程简介：1、数据库见表（工具建表和cmd命令行（sql语言）两种方式）2、前端页面准备（html + css + js）3、controler层编写（针对具体功能编写，比如登录功能，在这一层获取前台输入的账号密码。这是就可以等待来自数据库里的数据了）4、接着编写serverdao层依据controler层的功能编写相应...

2020-02-24 18:07:16 13685 4

原创 mysql增删改查

注意：首先在datagrip中使用表中字段为中文时报错需要修改编码格式语句如下:school为数据库名alter database mt character set utf8;# 修改指定库的字段alter table food default character set utf8;# 修改指定表的字段alter table food convert to character...

2020-02-11 17:49:59 419

原创 mysql常用基础命令

show databases 显示所有建立的数据库use mysql连接使用你所要用到的数据库补充：webstrom 中node选中哪一行就可以执行哪一行数据库的层级表示库-----》表-----》字段（属性）show tables 显示你的所有表desc db 显示表的字段属性增删改查数据库的基本语句select *from 表名create databa...

2020-02-11 13:19:22 128

原创 css引入及其选择器权重

css层叠样式表1、行间样式2、页面级css style标签3、内联式方式link href属性超文本引用路径4、import 方法权重！important Infinity行间样式 1000id 100class|属性|伪类 10标签选择器|伪元素 1通配符 ...

2019-12-25 10:11:44 265

原创 linux笔记

FHS协议：/ 表示根目录binbin是binary的缩写，是UNIX类操作系统中根目录的标准子目录，包含可执行的程序（即准备运行的程序），以便达到启动（即启动）和修复系统的最小功能。打开 bin目录我们发现。这里面有我们常用的很多命令：cat、mv、cp、su、等。绿色代表可执行蓝色的代表链接指向某个文件usrusr 不是user的缩写，全拼是Unix Syste...

2019-12-20 14:59:35 106

原创节流防抖技术

节流优化网络请求预设一个函数只有大于等于执行周期时才会执行该函数，周期内调用该函数不执行如同水滴积累够一定重量后才会落下应用场景1 连续点击按钮切需求为间隔请求例如页面的【刷新】按钮2 上拉加载获取数据的【上拉加载】节流技术的实现原理获取new Date() 时间求的时间差来限制一定时间内只允许执行一次指定函数以此来达到限制网络请求...

2019-12-03 14:11:10 177

原创 vue 非父子组件之间实现数据传递 vuex

我们知道父子组件直接的数据传递通过标签属性行间将数据挂在到了标签上子组件中通过props特性验证来获取来自父组件的数据进行渲染在非父子组件中也借用这样的原理原理图如下第一种子传父父传子特点：传值要经过父组件不断寻找各组件之间的从属关系操作复杂适合一层父子兄弟组件传递代码如下：//子组件1传值到父组件<template>...

2019-12-02 19:44:57 1230

原创数组方法拓展

用于数据可视化1、forEach() 方法遍历作用加强版本的for循环针对于数组各个参数意义 list.forEach( function(ele,index,self) { console.log(ele,index,self,this); },document.getElementsByTagName('li'));参数 //el...

2019-12-02 19:44:11 179

原创后端模块化思想及node 服务器建立与链接

1、后端的规范与思想2、基础api3、常见的框架4、web项目4.1、接受web请求4.2、处理业务逻辑4.3、操作文本4.4、数据库（关系型、非关系型）4.5、反向代理服务器（酒店前台作用负责分配地址）ip哈希轮询后端规范分层web层接受http请求发送封装将传来的参数进行封装对象 contraller层业务逻辑层服务层...

2019-11-11 19:54:54 413

原创 vue项目路由知识

路由介绍路由的组成为三大部分1、<router-link to="/">首页</router-link> 用于设置相关属性如标签种类 tag属性跳转地址to2、<router-view/> 用于将</router-link> 显示于页面3、router.js配置对象形式配置路由注意点1、首先设置方式俩种路...

2019-10-25 11:35:21 291

原创 jqAjax

jQuery.ajax（） this 指向ajax对象用域发送请求获取数据基本使用前提：看一下，《你不知道的js》课程中的UI多线程-深入剖析js执行机制参数机制method 请求方式 get post 具体差异参照网络课笔记url 注明请求地址async：布尔值 true表示异步操作边请求边渲染 false 必须等到数据请求完并且执行完成success...

2019-10-23 22:12:34 357

原创表单

表单受控组件和非受控组件受控组件：组件的使用者，有能力完全控制该组件的行为和内容。通常情况下，受控组件往往没有自身的状态，其内容完全收到属性的控制。（函数组件）非受控组件：组件的使用者，没有能力控制该组件的行为和内容，组件的行为和内容完全自行控制。（类组件）几乎没有属性表单组件，默认情况下是非受控组件，一旦设置了表单组件的value属性，则其变为受控组件(单选和多选框需要设置...

2019-10-22 19:48:55 198

原创 react生命周期

生命周期生命周期：组件从诞生到销毁会经历一系列的过程，该过程就叫做生命周期。React在组件的生命周期中提供了一系列的钩子函数（类似于事件），可以让开发者在函数中注入代码，这些代码会在适当的时候运行。生命周期仅存在于类组件中，函数组件每次调用都是重新运行函数，旧的组件即刻被销解释对于类组件而言每次render函数使用一次组件相当于new一个react对象 renact本质...

2019-10-21 22:26:15 190

原创 react组件组件属性

组件和组件属性组件：包含内容、样式和功能的UI单元创建一个组件特别注意：组件的名称首字母必须大写用域区分组件还是单个普通的react元素不再是函数ttype函数组件返回一个React元素分析首先分为当页js 或者组件js 特别的组件js也要引入react 因为要建立react 元素其次渲染函数接受时候两种方式函数执行状态组件标签状态如下...

2019-10-17 22:24:56 508

原创 react jsx 语法规则

首先创建react编译环境安装yarnnpm install -g yarn通过脚手架创建项目如下yarn create react-app react-learn运行项目yarn start什么是JSXFacebook起草的JS扩展语法本质是一个JS对象，会被babel编译，最终会被转换为React.createElement 每个JSX表达式，...

2019-10-16 22:04:56 251

原创 react页面级操作也是脚手架操作的基础原理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-10-16 18:43:41 172

原创 react概述

##什么是React？React是由**Facebook**研发的、用于**解决UI复杂度**的开源**JavaScript库**，目前由React联合社区维护。>它不是框架，只是为了解决UI复杂度而诞生的一个库构建用户见面最主要的功能其他交给的第三方完成MVVM 或者mvc 框架具有侵入性拥有一套开发标准改变开发代码的方式React的特点轻量：...

2019-10-16 16:32:13 236

原创 jq工具方法单对象式编程（this）编程 extennd插件拓展

到此为止接触的jq方法为实例方法给予你所选取的dom进行一系列操作工具方法：不用基于选取的dom进行操作用域处理基础数据类型的方法$.type() 判断数据类型 $.isArray() $.isFunction() $.isWindow…区别于原生js中的typeoftypeof返回数据是什么类型$.type 返回数据是什么$.trim() 消...

2019-10-15 22:29:36 160

原创 jq运动以及css动画 .animate()

动画相关方法： .hide()、隐藏标签.show()、将设置为display none的元素加以展示 dhisplay属性还原为标签默认属性如果你已经更改该元素值则恢复为你的修改值.toggle() 事件介于隐藏显示之间的切换参数：null 或（duration, easing, callblack） .fadeIn、淡入.fadeo...

2019-10-15 18:46:04 698

已知线性表按顺序存于内存，每个元素都是整数，试设计把所有值为负数的元素移到全部正数值元素前边的算法 .cpp

空空如也