- 博客(21)
- 收藏
- 关注
原创 鸿蒙 HarmonyOS DexEco Studio 安装+中文版教程(推荐收藏使用)
1. 官网下载地址:https://developer.harmonyos.com/cn/develop/deveco-studio#download2. 配置要求:(内存没那么大的推荐装C盘)3. 安装步骤:第一步:next第二步:选择安装路径->next第三步:推荐全选->nextCreate Desktop Shortcut 创建快捷方式update PATH variable (restart needed) 更新路径变量(需要重新启动)Update con
2021-07-15 14:27:32 2776 1
原创 webpack5 配置&使用 文档(大全)
一、起步1、基本安装首先我们创建一个目录,初始化 npm,然后 在本地安装 webpack,接着安装 webpack-cli(此工具用于在命令行中运行 webpack):mkdir webpack-democd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev现在,我们将创建以下目录结构、文件和内容:project webpack-demo |- package.json+ |- index.htm
2021-06-25 19:23:55 2344
原创 nodejs--websocket
websocket一、为什么需要websocket因为 HTTP 协议有一个缺陷:通信只能先由客户端发起,然后服务器再作出响应,并不能由服务器主动向客户端推送消息。HTTP是半双工协议WebSocket 协议最大的特点是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息。WebSocket全双工通讯的网络技术二、双向通信目前实现双向通信的方式有:轮询、长轮询、iframe、Websocket2.1、轮询客户端和服务器之间会一直进行连接,每隔一段时间客户就会主动发送请求给服务器端
2021-05-28 22:25:41 8063
原创 webpack初始化配置
webpack官网:https://webpack.js.org一、webpack介绍webpack是一种前端资源构建工具,一个静态模块打包器.在webpack看来,前端的所有资源文件(js/json/css/image/less/sass…)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源。其中,webpack提供了:友好的模块化支持(commonjs规范)代码压缩混淆处理js/css兼容问题性能优化目前绝大多数企业中的前端项目,都是基于webpack进
2021-05-28 21:12:30 404
原创 Nodejs-Node操作MongoDB-mongodse
Node操作MongoDB一、mongoose介绍mongoose是Node环境下异步操作mongodb数据库的扩展,仅限于Node环境下使用。使用mongoose操作mongodb数据步骤:使用npm安装mongoose导入模块,连接mongodb数据库定义Schema (类似于使用mysql时定义表结构)定义model使用model进行数据增删改查操作文档网址:http://www.mongoosejs.net/docs/index.html二、链接数据库npm安装mong
2021-05-24 20:27:09 231
原创 Nodejs-mongodb数据库
mongodb一、简介Mongodb是一个介于关系数据库和非关系数据库之间的产品(Nosql),是非关系数据库当中功能最丰富,最像关系数据库的,语法有点类似javascript面向对象的查询语言,它是一个面向集合的,模式自由的文档型数据库。Mongodb数据库旨在为 WEB 应用提供可扩展的高性能数据存储解决方案关系型数据库(Mysql)与非关系型数据库(Mongodb)的结构区别:二、安装Windows安装:下载地址:https://www.mongodb.com/download-ce
2021-05-24 20:18:04 229
原创 Nodejs-模板引擎-页面渲染-SSR(服务端渲染)
模板引擎一、介绍在一个web应用程序中,如果只是使用服务器端代码来编写客户端html代码,前后端不分离,那么会造成很大的工作量,而且写出来的代码会比较难以阅读和维护。如果只是使用客户端的静态的HTML文件,那么后端的逻辑也会比较难以融入到客户端的HTML代码中。为了便于维护,且使后端逻辑能够比较好的融入前端的HTML代码中,很多第三方开发者就开发出了各种Nodejs模板引擎,其中比较常用的就是Jade/Pug/Ejs和art-template 等模板引擎。总结一下:运用模板引擎,就是为了方便解决
2021-05-21 22:16:24 3299
原创 Nodejs中的web服务器
一、web服务器1.1、介绍Web服务器一般指的是网站服务器,是指驻留因特网上某一台或N台计算机的程序,可以处理浏览器等Web客户端的请求并返回相应响应,目前最主流的三个Web服务器是Apache、 Nginx 、IIS、Tomcat。1.2、服务器相关概念ip地址:IP地址就是互联网上每台计算机的唯一地址,因此IP地址具有唯一性。在开发期间,自己的电脑既是一台服务器,也是一个客户端,可以在本机浏览器中输入127.0.0.1进行访问。域名:尽管 IP地址能够唯一地标记网络上的计算机,但IP地址是
2021-05-18 22:02:25 1699
原创 nodejs--01
一、Nodejs概述1.1、介绍相关网址:https://nodejs.orgNode.js 是一个开源与跨平台的JavaScript 运行时环境。它是在浏览器外运行,它是一个事件驱动异步I/O单进程的服务端JS环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。它使用新的 ECMAScript 标准,不必等待所有用户更新其浏览器,可以通过更改其版本来决定要使用新的标准特性。注意:1、浏览器是JS的前端运行环境。2、Node.js是JS的后端运行环境,在后
2021-05-17 22:00:56 239
原创 promise与ts基础
一、promise、async、await1.1、promise/***回调地狱**************************************************************************/ var img = new Image(); img.src = "a.jpg"; img.onload = function () { var img1 = new Image(); img1.src =
2021-05-13 20:56:07 543
原创 综合对象深复制
对象深复制要复制的数据:var d = Symbol();var e = Symbol();var ss = { a: 1 };var date = new Date();date.setFullYear(2022);var obj = { a: 1, b: 2, c: [1, 2, 3], zz: new Set([1, 2, ss]), yy: new Map(), [d]: "aaa", z: document.createElement("d
2021-05-12 22:54:22 75
原创 Canvas的基础操作
一、Canvas1.1、canvas文本ctx.font="24px 隶书"; // 规定字号和字体 且必须写在绘制字体之前ctx.strokeStyle="red"; // 规定描边颜色 必须在绘制之前定义ctx.fillStyle="red"; // 规定字体颜色 必须在绘制之前定义ctx.textAlign = "left"; // 规定水平对齐方向 可选值:(start, end, left, right or center.)ctx.textBaseline = "to
2021-05-12 22:45:36 291
原创 css3基础动画操作
一、CSS3属性1.1、背景属性background-clip:border-box|padding-box|content-box;/*默认值:border-box //背景占据所有区域 (文本内容区域 + padding区域 + border区域) padding-box//背景占据内容区域+padding区域 content-box//背景只占据内容区域*/background-origin:padding-box|border-box|content-box;/*默认值:p
2021-05-11 21:57:12 185
原创 TS的基本类型
一、ts1.1、ts的基本类型1.1.1、array(数组)//===数字类型的数组=======================================var arr:number[]arr=[1,2,3]//===字符串数组===========================================var arr:string[]arr=["a"."b","ab"]//===泛型定义=========================================
2021-04-28 22:41:42 419
原创 0427
一、重载与Proxy表单验证1.1、重写与重载的区别重写: 重写是子类对父类的允许访问的方法的实现过程进行重新编写, 返回值和形参都不能改变。即外壳不变,核心重写!重载: 重载是在一个类里面,方法名字相同,而参数不同。返回类型可以相同也可以不同。//===重写========================== class Parent { a() {} } class Child extends Parent { // 重写
2021-04-27 21:42:55 161
原创 0426
一、对象的类1.10、重构new//=new原理================================================================ /* function Fn() { // 创建一个实例对象 // this指向实例对象 // 也会像普通函数执行一样,让其执行,只不过this指向实例对象 // 返回值没有或基本值,则返回实例对象,如果引用值,以自己的为主 }
2021-04-26 22:42:39 109
原创 函数的作用域与闭包
一、作用域与闭包1. 作用域全局作用域只有一个,每个函数又都有作用域(环境)。es6+中多了一个块级作用域作用域链只向上查找才,找到全局window为止函数被执行后其环境变量将从内存中删除,函数每次被调用都会创建一个新作用域如果子函数被使用时,其父级环境将会被保留 即闭包块级作用域:使用 let/const 可以将变量声明在块作用域中(放在新的环境中,而不是全局中)2. 闭包闭包是函数运行的一种机制,函数执行会形成一个私有的作用域(上下文),如果私有作用域的某些内容被私有
2021-04-26 08:26:55 182
原创 0425
类1.1、介绍类:对一群具有相同特征的对象的集合的描述1.2、es6中的类es6中提供一个语法糖 class 它可以方便我们完成类的创建class lei{ //成员属性,定义并赋值 age=20 //构造方法 constructor(id,name){ //成员属性,属性值通过构造方法得到 this.id=100 this.name="张三" } /*getAge(){ return this._age + '岁' } setAge(num){ this
2021-04-25 22:45:54 114
原创 0422
对象一、this指向基于call/apply/bind 强制改变this指向call/apply都是立即执行函数,并且改变函数中this,并且给函数传递参数信息1.1、call和apply方法执行步骤1.给参数1对象中添加一个属性,并把fn函数赋值给它(fn.call({},参数)2.把参数1对象中新添加的属性方法,并把参数赋值过去3.删除新添加的属性方法2.1、call和apply的区别: //在不传参数时,两者一样 fn.call(obj); fn.apply(
2021-04-22 22:21:46 153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人