- 博客(46)
- 收藏
- 关注
原创 nodeJS 系统学习-章节4-回调函数
下面的例子就是很好的证明,你会发现在事件循环中(Event Loop)先执行主线程,其次是执行了异步操作的回调函数。它使得 JavaScript 可以脱离浏览器运行在服务器端。这使得 Node.js 非常适合处理高并发的网络应用。Node.js 异步编程的直接体现就是回调。的 JavaScript 运行环境,以下是一个简单的示例,演示了如何在。Node.js 的核心特性之一是其。Node.js 是一个基于。并在某个操作完成时被调用。在 Node.js中。
2025-01-26 09:03:55
230
原创 nodeJS 系统学习-章节3-文件系统
Node.js 的文件系统模块()提供了丰富的 API用于文件以及执行其他文件系统操作。fs 模块既方法也方法使得开发者可以根据具体需求选择合适的方式来处理文件操作。
2025-01-24 10:08:12
259
原创 JavaScript 高阶函数
在JavaScript中,高阶函数(Higher-Order Function)是一种特殊的函数它至少满足以下两个条件之一高阶函数在JavaScript中非常常见,它们使得代码更加灵活和可重用下面是一些常见的使用高阶函数。
2025-01-23 14:11:27
330
原创 JavaScript引擎如何做到接口层标准化
ECMAScript是JavaScript的标准化规范,定义了语言的核心特性如语法、类型、语句、关键字、保留字、操作符、对象等。
2025-01-23 11:15:27
241
原创 JavaScript 主流引擎概括
JavaScript的源代码本身不是C++。JavaScript是一种高级编程语言,其源代码是由JavaScript引擎的。然而,的。
2025-01-23 10:59:03
162
原创 nodeJS 系统学习-章节2-包(package)
JS模块的基本单位是单个JS文件,但复杂些的模块往往由。在组成一个包的所有子模块中,需要有一个入口模块,为了便于管理和使用,我们可以把由。,并把所有子模块放在同一个目录里。分别为两个不同的模块。其中包含了2个子模块。被作为包的导出对象。
2025-01-22 09:58:58
247
原创 简版vue实现(数据响应化,双向绑定,指令解析,事件绑定,编译器实现)
目录我们的目的思路具体实现1.封装类MyVue我们的目的实现类似vue的简版vue包含(数据响应化,双向绑定,指令解析,事件绑定,编译器实现)思路首先先看一下vue的工作机制,如下图所示。在new Vue()之后。Vue会调用进行初始化,会初始化生命周期,事件,props,methods,data,computed与watch等。其中最重要的是通过Object.defineProperty方法设置setter与getter,用来实现【响应式】以及【依赖收集】。初始化之后会调用$moun
2021-11-01 19:54:19
253
原创 js 中的location对象
Location 对象包含有关当前 URL 的信息。Location 对象是 window 对象的一部分,可通过window.Location 属性对其进行访问。Location 对象属性属性名描述host返回一个URL的主机名和端口hash返回一个URL的锚部分hostname返回URL的主机名href返回完整的URLpathname...
2021-04-20 22:08:48
286
原创 使用canvas 实现类似 Echarts柱状图
echarts 底层是基于canvas实现。之前没怎么学习过canvas,工作项目中用到的也比较少闲来无事,决定自己用canvas实现一个类似echarts中的柱状图下面直接上代码 const option = { color:'red', width: '500px', height: '300px', xAxis: { data: ['Mon', 'Tue', 'Wed
2021-04-20 22:06:44
1197
原创 使用css 写三角形
思路:border属性只是一种简写方式。我们在平常开发中的写法是下面这样 border: 20px solid red;如果你换一种写法就是下面这样,但是实现的效果是相同的。 border-top: 20px solid red; border-right: 20px solid red; border-left: 20px solid red; border-bottom: 20px solid red;如果把四个方向的边框颜色写成不同的颜色,
2021-03-24 15:53:47
165
原创 CSS Position(定位)
position 属性指定了元素的定位类型。position 属性的五个值: 1.static 2.relative 3.fixed 4.absolute 5.sticky1.static定位 HTML 元素的默认值,即没有定位,遵循正常的文档流对象。 静态定位的元素不会受到 top, bottom, left, right影响。 ...
2020-05-08 15:01:07
224
原创 金额常用函数
// 金额数字逗号隔开函数function numFormat (num) { return (num.toFixed(2) + '').replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,')}// 金额转大写digitUppercase(price) { const fraction = ['角', '分']; c...
2020-03-30 12:15:08
1506
原创 浏览器对象模型 (BOM)
Window 对象所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 HTML DOM 的 document 也是 window 对象的属性之一:...
2020-03-20 13:58:24
165
原创 ES6字符串
1.判断字符串是否包含子串 ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法: includes():返回布尔值,判断是否找到参数字符串。 startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。 endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。indexOf() 如果要检...
2020-03-13 17:58:50
207
原创 css 动画电池充电
<!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-U...
2020-01-13 14:26:49
632
原创 ES2015(ES6)新增关键字const
const 命令const 声明一个只读变量(常量),声明之后不允许改变。意味着,一旦声明必须初始化,否则会报错1.必须初始化先来看一个简单例子声明一个a,但是没有初始化。这样就会报错2. 不能重复声明3.不能变量提升4.和let 一样只有块级作用域5.const 的值不能被改变,而复杂类型(对象 object,数组 array,函数 function)只能保证指针...
2020-01-11 17:37:16
403
原创 css元素浮动(float),以及清除浮动。
CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。Float(浮动),往往是用于图像,但它在布局时一样非常有用。<style> body{ padding: 0; margin: 0; } #content{ width: 100%; min-width: 500px; } .li{ width: 100px;...
2020-01-11 16:57:49
254
原创 ES2015(ES6)新增关键字 let
1. let 声明的变量只在 let 命令所在的代码块内有效。**看一个例子 let b = 2 console.log(fun()) function fun() { let a = 5 return a*b } console.log(a)报错 a未定义,说明let定义的变量只能在代码块有效,不能是全局。2.let只能声明一次,var可以声明多次。f...
2020-01-10 12:13:57
311
原创 express 实现文件上传。
代码注释很清楚,仔细看代码实现逻辑,个人觉得挺简单。前端: <form action="/file_upload" method="post" enctype="multipart/form-data"> <input type="file" name="file" id=""> <br /&g...
2020-01-07 15:46:55
6382
2
原创 console对象
Console 对象用于 JavaScript 调试。JavaScript 原生中默认是没有 Console 对象,这是宿主对象(也就是游览器)提供的内置对象。 用于访问调试控制台,在不同的浏览器里效果可能不同。Console 对象常见的两个用途:1.显示网页代码运行时的错误信息。2.提供了一个命令行接口,用来与网页代码互动。1.console对象方法直接在控制台打印consol...
2020-01-04 16:35:33
215
原创 vue 图片懒加载
<!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-UA-Comp...
2020-01-02 18:06:49
265
1
原创 实现vue父子组件之间值的动态变化
在做项目。遇到这样一个问题要实现每个用户的地理位置显示子组件是一个封装高德地图组件vue-amap用绿色圆点显示每个用户的位置子组件:<template> <a-card style="min-height:450px;" :bordered="false"> <div class="amap-page-container"> ...
2019-11-30 16:58:11
2009
原创 vue 从后端拿到验证码,点击更新验证码
验证码登录的实现思路1.前端从后端拿到验证码图片2.输入验证码进行登录3.后端拿到验证码进行比对,正确登录成功。 // template <a-input style="width:60%" size="large" type="text" ...
2019-11-25 17:19:18
2752
原创 Ant Design Pro Vue学习总结。(更新中..)
Ant Design是蚂蚁金服体验技术部打磨出一个服务于企业级产品的设计体系,通过模块化解决方案降低生产成本。前端实现涵盖了react vue angular等三大框架。ANTD PRO VUE是Ant Design的vue 实现,开发企业级后台产品。安装ant pro vue 是一套基于Ant Design Vue的中后台管理控制台的脚手架。直接从GitHub仓库中直接安装最...
2019-10-23 17:50:16
4697
原创 面试题。
请写出下面的代码运行结束后得打印结果,注意答案之间换行(每个console.log换行)。 var obj = { name:'byh', age:25, address:'suzhou' } function Obj(name,a...
2019-09-27 10:38:29
139
原创 js原型链
prototype:每个函数都会有一个prototype属性,指向原型对象,也是是实例对象的原型对象ptoto:每个对象都有__ptoto__属性,指向创建他的构造函数的原型对象instanceof:操作符处理对象和构造函数之间的关系constructor:返回构造函数的引用...
2019-09-25 15:03:28
128
原创 js常用函数
// 函数工具类// 1.字符串截取函数// 第一个参数是字符串(类型是string),第二个参数是截取的位置(类型number),函数返回值是一个数组,元素一是字符串前半部分,元素二是后半部分function stringInterception(str,num) { //判断变量是否是字符串 if(typeof str != 'string'){ con...
2019-09-23 15:05:10
410
原创 js typeof 操作符
在js中 用typeof 操作符来检测变量的数据类型 var arr = [1,2,3,4,56,78]; var str = 'student'; var boer = true; var number = 18.99; console.log('数组',typeof arr)...
2019-09-19 10:02:54
190
原创 js 中的location 对象
Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分,通过 window.location 属性来访问。1.Location 对象属性属性描述hash返回一个URL的锚部分host返回一个URL的主机名和端口hostname返回URL的主机名href返回完整的URLpathname返回...
2019-08-20 10:30:26
447
原创 一个简单的头条新闻响应式(调用聚合数据api)
架在服务器上。 地址可访问:http://106.13.193.149:8081/后端使用的是nodejs(express+superagent)直接上代码:文件目录:app.js//superagent是一个HTTP库这里之所以用superagent,也是因为前端页面如果直接掉聚合数据api 会出现跨域。const superagent= require('superagent...
2019-08-19 17:43:44
2618
原创 搞懂javascript中的this关键字
this是啥? 很多人写过this是啥。看了一篇文章他这样写的他这个意思我用代码写出来就是 var obj = { name:'江峰', adress:'苏州吴中区', method:function() { console.log(this); ...
2019-08-15 11:22:21
193
原创 js中的函数(function)和方法(method)
函数:函数就是包裹在花括号中的代码块,前面使用了关键词 function:定义一个名为myFunction的函数,a,b是这个函数的参数,返回值是ab的乘积function myFunction(a,b){ return a*b;}方法:...
2019-08-14 17:54:26
11039
原创 什么是词法作用域
在了解词法作用域之前,我们先对作用域做一个简单的介绍作用域:从字面上可以理解就是,作用到的区域,例如,一个人生病吃药,这个药只会作用到人的局部器官或部位。在程序语言中作用域的意义是:程序设计概念,通常来说,一段程序代码中所用到的名字并不总是有效/可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。词法作用域:词法作用域也就是在词法阶段定义的作用域。换句话说,词法作用域就是你...
2019-08-06 14:54:04
5206
原创 什么是Javascript 对象
1.首先谈谈什么是JavaScriptJavaScript是一门非常流行的web脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript一般运行在客户端,当然也可以运行在服务端,node.js是javascript的一个运行环境,实际上nodejs 是对Chrome V8 引擎进行了封装,nodejs 可以让javas...
2019-08-06 13:41:41
927
转载 常见的HTTP状态码详解。
1.HTTP状态码(英语:HTTP Status Code)是用以表示网页服务器超文本传输协议响应状态的3位数字代码。2.HTTP状态码分类HTTP状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型,后两个数字没有分类的作用。HTTP状态码共分为5种类型:1** 信息,服务器收到请求,需要请求者继续执行操作2** 成功,操作被成功接收并处理3** 重定向,需要进一步的操作以完...
2019-08-02 16:04:04
3156
原创 前端,后端,前台,后台到底应该怎么理解。
众所周知,对于我们搞开发的人们来说,这几个概念是经常挂在嘴边的。但是,大部分人(包括开发者)却傻傻分不清这四个技术词汇真正概念。甚至说可以使误解,导致在和别人交流的时候洋相百出。网上也有很多人写了关于前端,后端,前台,后台的意义以及区别的文章。但是,我个人觉得这些文章都是马马虎虎,讲不到点子上,导致很多人还是不能深刻理解。下面,我就分别来讲一下前端,后端,前台,后台的真正含义以及他们的区别。...
2019-07-29 17:31:33
11430
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人