前端&&nodejs
文章平均质量分 73
个人前端学习以及nodejs学习见解及工作代码经历
YUZHONg_s
这个作者很懒,什么都没留下…
展开
-
javascript之BOM
什么是Bom?Bom使js能与浏览器对话,获取浏览器信息,操作浏览器。Bom的和核心对象是window,bom由一系列相关的对象组成,并且每个对象都提供了方法和属性Bom尚无正式标准 Javascript语法的标准化组织是ECMA,DOM的标准化组织是w3c组成Bom的对象:window对象是BOM的顶层对象其余所有对象都是window的子对象全局函数是自动成为window对象的方法...原创 2019-06-30 09:48:03 · 23 阅读 · 0 评论 -
简单使用git
先介绍一下gitgit是一个分布式版本控制系统,并且git是世界上最好用分布式版本控制系统没有之一。git要配合github或者码云来结合使用。使用git一定要使用git的命令行,如果感觉单纯使用命令行不舒服也可以将命令行与git的可视化工具结合起来使用,关于git的可视化工具我这是使用的是,Vscode上的git hositygit的三个工作区git有三个工作区分别是:工作区,暂存区...原创 2019-07-28 17:02:12 · 18 阅读 · 0 评论 -
对象之json对象
什么是jsonjson指的的是javascript对象表示法,json是轻量级的文本数据交换格式,json独立于语言,json具有自我描述的过程更易理解,json使用javascript语法来描述数据对象,但json仍独立于语言和平台json的作用:json用于存储和传输数据的格式json通常用于服务器端向网页传输数据json的语法规则:数据为键值对:例:name:愚忠数据由逗号分...原创 2019-06-30 11:33:40 · 20 阅读 · 0 评论 -
ES6基础
简介:es6是新一代的javascript标准,之前讲的是es5的语法。es6之后的各个版本都可以称之为es6因为它们都是在es6的基础上做少量更改声明变量:之前声明变量都是用var去声明变量,使用var去声明变量有变量提升的问题。如果在声明变量之前去使用变量不会报错变量的值是undefinde。建议使用es6提供的以下两种方法去声明变量:let 例子:let 变量名=变量的值cons...原创 2019-09-15 16:43:28 · 22 阅读 · 0 评论 -
ES6的模块化开发
模块化开发:模块化开发能使我们开发项目时变得更快以及在后期维护项目时更利于维护。在node.js中有模块化开发的概念,如果想要在node.js中使用模块要使用require。在以前讲过node.js有三种模块:1.原生模块(nodejs自带模块) ,2.第三方模块(类似于jquery之类的,别人写的需要下载才能使用),3.自定义模块。在模块化开发中我们需要使用相关...原创 2019-09-15 17:09:18 · 26 阅读 · 0 评论 -
javascrit之数组
什么是数组?一个[]就代表一个数组创建数组的方法:(有三种)数组创建方法1:var变量名=new Array()变量名[0]="zhangsan"变量名[1]="lisi"变量名[2]="lisan"数组创建方法2:var变量名=new Array("zhangsan","lisi","lisan")数组创建方法3:(最常用)var变量名=["z...原创 2019-05-26 16:58:34 · 22 阅读 · 0 评论 -
javascript之Date对象
Date对象 (也叫日期对象)计算机的时间是从1970年1月1号开始计算的时间的进制:1000毫秒=1秒,60秒=1分,60分=1小时,24小时=1天设置时间:new Date (year,Month,day,hours,minutes,seconds,millseconds)如果括号里没有参数的话返回的是当前时间,如果有参数设置时间,不设参数获取的本机时间。并且设置时间时必须按照以上的格式...原创 2019-06-01 16:24:49 · 19 阅读 · 0 评论 -
jquery之选择器
jquery:使用jquery时返回的是jquery对象,jquery只能使用jquery提供的方法使用jQuery要先使用一个单独的script标签引入一个jquery。再创建一个script标签用来写事件jquery中的选择器基本上和css上的选择器差不多(不过jquery的选择器是写在单引号或者双引号里边的)选择器:id选择器:#id使用方法:$("#id")class...原创 2019-06-16 10:51:45 · 22 阅读 · 0 评论 -
javascript之字符串
什么是字符串?双引号和单引号包裹的一段文本就是字符串,如果要在双引号或单引号里再包裹一个单引号或双引号要加 \ 否则会报错。索引:(索引=下标)索引是从0开始的使用一串字符串的索引的方法var 变量名="字符串"取变量的第一个字符串,例如:变量名 [这里边写字符串的索引]字符串的属性和方法:length 长度,返回的是字符串的长度,使用方法:变量名.lengt...原创 2019-05-26 16:18:25 · 25 阅读 · 0 评论 -
学习c语言时遇到的报错
1.变量未进行赋值就去输出像上边这种报错就是在进行编译时就会报的错,原因就是我们在声明变量时未对变量进行赋值就会报这种错。原创 2019-09-28 10:36:51 · 30 阅读 · 0 评论 -
个人历经面试题总结
关于Vue的:v-if和v-show的区别:v-if是条件渲染然而v-show相当于css 的display:none;vue的生命周期?Vue路由进行跳转时如何传递参数: 通过query参数来进行参数的传递我们可以在路由组件的路由配置对象里写上我们需要传递的参数,然后通过this.$route.path.query来获取到我们传递的参数。比如:例: ...原创 2019-10-08 22:17:18 · 27 阅读 · 0 评论 -
javascript之Math对象
Math对象 (也叫数学对象)作用:提供一些数学的方法和属性常用的方法和属性:PI:返回圆周率使用方法:Math.PI()abs(X) 返回数的绝对值使用方法:Math.abs(变量名)ceil(x) 对数进行上舍入使用方法:Math.ceil(变量名)round(x)把数四舍五入为最接近的整数使用方法:Math.round(变量名)floor(x)对数进...原创 2019-06-01 15:53:05 · 25 阅读 · 0 评论 -
Vue基础
vue简介:Vue是我们的前端三大框架之一,Vue是一个渐进式框架。Vue不支持IE浏览器的IE8版本及以下因为Vue里使用了es5的新特性,而IE8不支持es5的新特性。要使用Vue最基础的一件事情就是要去官网上先下载Vue.js。建议在使用Vue进行项目开发时先在谷歌浏览器中安装一个叫:vue devetools的扩展程序。以及在Vs code中下载一个vuter的插件Vue的基础用法:...原创 2019-09-15 18:08:44 · 33 阅读 · 0 评论 -
C语言基础
简介:c语言在编程语言中是偏底层的语言,像JavaScript,以及java。都是在c语言的基础上编译出来的。像操作系统:unix ,linux ,windows都是依靠c语言开发出来的,使用c语言可以开发windows应用程序。在c语言中不像在javascript中那么随意,在c中每写一条语句都必须要以 ; 进行结尾。c语言的编码方式:c语言的编码方式,在用char类型声明的窄字符会使用到...原创 2019-09-18 20:36:06 · 28 阅读 · 0 评论 -
进行微信小程序开发时常遇到的报错
1.多输入逗号是显示的报错像上面这种报错就是当我们在小程序的页面以及小程序还有全局的js文件中的对象多输入逗号是就会遇到的报错,如果遇到了这种报错那么就去查看我们的对应js中的某个对象里边或者数组里边的最后一项后边是不是多输入了一个逗号,比如对象的最后一个属性后边没有东西了但还是输入了一个逗号就会报这种错。2.。页面和组件以及全局的.json文件里有注释也会报错如果遇到了这种报错那么就去找我们对应...原创 2019-09-28 10:22:21 · 103 阅读 · 0 评论 -
微信小程序基础语法
微信小程序:我们在手机微信里使用的小程序就是微信小程序想要开发微信小程序需要先在微信公众平台去注册账号然后再下载微信开发工具下载完成之后我们选择新建一个项目,建立完成之后我们就进入到了开发小程序的界面微信小程序的开发跟vue很像都是使用数据驱动我们选择将pages下的文件夹下的所有文件删除这样我么就可以全新的开发我们的小程序了,我们点击右键选择新建目录然后(这个操作就相当于新建了一个文件...原创 2019-09-24 00:15:56 · 31 阅读 · 0 评论 -
mysql个人学习总结
对于mysql中的数据库以及表的增删改查增删改查数据库的: 创建数据库create database 数据库名显示所有的数据库show databases输入这个命令一下所有的sql语句的命令都将针对这个数据库use 数据库名查询某个数据库数据库show databases like 要查询的数据库的名字删除某个数据库drop database 要删除的...原创 2019-10-21 23:32:00 · 29 阅读 · 0 评论 -
javascript之函数
函数是什么?函数指的是一段代码,这段代码定义一次可以调用多次函数是javascript中一种特殊的对象,函数也是对象有自己的方法和属性注意:函数不调用就不会执行函数的语法:(带参数的函数,不带参数的函数)不带参数的函数:编写格式:function函数名{ 函数体(要执行的操作)...原创 2019-05-26 15:32:15 · 19 阅读 · 0 评论 -
jacvascript之语句
判断语句: if编写格式1: if(条件){如果符合条件或条件为真执行这里的内容}else{如果不符合条间或条件为假执行这里的内容}如果条件是六个假值那么执行的结果是假的在if的条件判断里,表达式的值不一定是ture或者flase。ECMAscript会自动转换成ture或flase。编写格式2:(如果有...原创 2019-05-22 19:42:29 · 25 阅读 · 0 评论 -
javascript之运算符
什么是运算符?完成一些操作的运算符号加法:用途:数学上的加法。如果加法上有一个操作数是字符串类型的,那么将会执行拼接的操作,拼接完成后会变成字符串类型的。注意:NaN和任何数相加都是NaN,负无穷加上正无穷结果是NaN,NaN连本身都不相等。减法:用途:数学上的减法操作如果操作数有一个是字符串类型的,那么将该字符串转化成数字,进行减法操作乘法:编程中的乘法用 * 连...原创 2019-05-19 16:41:30 · 28 阅读 · 0 评论 -
nodejs之process(进程)
processprocess是nodejs用来控制和管理进程的工具。 ## beforeExit 当node清空其事件循环,没有额外的工作要安排时会触发beforeExit事件。也就是说当nodejs没有事情要做,或者其他的事情都做完了之后会触发beforeExit事件。JavaScriptconst process=require('process');process.on('...原创 2022-05-14 21:13:41 · 395 阅读 · 0 评论 -
node.js之Stream
流(Stream)## 什么是流 流(stream)在 Node.js 中是处理流数据的抽象接口(abstract interface)。 stream 模块提供了基础的 API 。使用这些 API 可以很容易地来构建实现流接口的对象。为什么要使用流?举个例子,有A,B两个水桶,A水桶里装满水(我们把A水桶里的水视为需要返回给客户端的内容),B水桶是一个空桶(客户端),我们要...原创 2022-05-06 17:53:45 · 80 阅读 · 0 评论 -
nodejs之http模块
httpnodejs提供给了我们http模块,http有两个作用1、搭建服务端,express就是基于http.createServer2、做客户端,向其他服务端请求Agent模块http协议是通过,浏览器发送请求,服务端 响应请求这种方式交互,每次交互都需要进行,建立-传输-销毁的过程,http提供了持久连接即已经通过的连接可以重复使用,在客户端这个操作是浏览器完成的,但是在...原创 2022-05-11 17:18:10 · 167 阅读 · 0 评论 -
node.js之EventEmitter
events(事件触发器)events是node内置的事件触发器,在node的内置模块里很多都用到了events,比如http.server在每次接受到请求时触发事件,还有stream就是基于事件的使用on来监听对应的事件。 所有触发事件的对象都是EventEmitter实例,这些对象暴露了EventEmitter.on('事件',callback),通常使用EventTmitte.on...原创 2022-05-07 17:53:33 · 39 阅读 · 0 评论 -
nodejs之path && os && url
pathpath模块提供了,提供了处理文件和目录的路径, path在node做服务端免不了要处理文件需要用到 path在打包和输出文件也需要用到basenamebasename 返回字符串,返回的是输入路径的最后的文件名 basename接收一个参数,文件的路径JavaScriptconst {basename}=require('name');console.log(...原创 2022-05-12 21:56:52 · 51 阅读 · 0 评论 -
node.js之express搭建路由与node.js连接mysql个人历经总结
搭建路由:使用express框架即可搭建路由,express也是前端常用的框架但是别跟vue等框架混淆。express搭建路由是这样的://先引入express模块 var express=require("express"); //然后调用一下express var app=express() //接下来就可以使用express搭建路由了 app.ge...原创 2019-11-26 18:58:04 · 52 阅读 · 0 评论 -
前端报错汇总
运行nuxt和koa项目时遇到的报错:报错内容如下解决方法: 找到package.json文件找到devDependencies里边的backpack-core将他的版本号改为0.8.3再找到eslint将它的版本号改为3.19.0再找到eslint-loader将它的版本号改为2.1.1然后删除node modules文件夹在打开命令行重新安装依赖 cnpm install引入NUXT是要...原创 2019-12-03 00:26:35 · 31 阅读 · 0 评论 -
Redux基础
Redux初始 Redux在学完react基础之后我们可以做一些简单的项目,因为大项目之间的组件嵌套的层级比较深,组件通信比较麻烦,所以我们需要了我们的Redux。Redux 简介Redux里有一个store数据仓库,我们需要的时候可以去数据仓库去获取,修改的时候也可以随着去修改Redux 工作流程这张是官方的图文解释,就是比如我们的组件想要一个数据,要先去找到Action Crea...原创 2020-05-01 15:08:49 · 20 阅读 · 0 评论 -
Vue之虚拟Dom(Snabbdom源码解析)
什么是虚拟Dom (Vitural Dom)虚拟Dom 就是用JS对象来描述Dom,因为不是真实的Dom对象所以叫虚拟Dom为什么要使用虚拟Dom1.因为在前端中,一个Dom对象包含的属性以及方法是很多的,然而虚拟DOm只需要我们去设置属性即可 ```javaScript const element=document.querySelector('#app'); le...原创 2022-04-05 15:38:17 · 109 阅读 · 0 评论 -
React基础
前言从网上视频自学React对于React的一些基础总结个人觉得。React相较于Vue来说Vue学起来更简单一些,且在写代码方面Vue更简单一些,对于性能方面和源码方面,因为技术欠佳暂且不谈。组件React的组件跟Vue是有区别的,我们在写Vue的组件的时候我们的组件是.vue的文件,React组件以.JS文件。 # react组件的概念 react组件基本上和Vue一...原创 2020-04-23 17:44:33 · 19 阅读 · 0 评论 -
dva使用+源码解析
简介dva是用来进行状态管理的(umi内置的有dva所以我们不需要另外再引入dva)使用dva使用dva我们首先要在umi的src下创建一个model文件夹,用来管理我们的状态```JavaScript //modules/system export default { // models命名空间,需全局唯一 namespace: 'system...原创 2022-04-18 19:31:09 · 407 阅读 · 0 评论 -
webpack4建议配置react环境
进行项目初始化npm init -y安装依赖包首先安装webpack ,webpack-cli, webpack-dev-server然后安装babel-loader@next,@bable/core, @babel/preset-react接下来继续安装react ,react-dom创建文件夹分别创建两个文件夹src和dist ,src文件夹用来存放源码,dist文件夹是we...原创 2020-03-04 18:25:19 · 20 阅读 · 0 评论 -
npm(babel-loader)源码解析
babel-loaderbabel-loader是用来将Es6语法转换成Es5语法,看源码之前我们看一下前端为什么要进行构建和打包 ## 为什么要进行构建和打包 1.使得代码体积率更小,加载更快 2.编译高级语法(ts,模块化) ## webpack的打包流程 1.初始化参数,读取合并参数 2.用上一步得到的参数,得到Compiler(文件)参数,加载所有配置的插件...原创 2022-04-27 21:13:31 · 301 阅读 · 0 评论 -
node之fs模块使用
fsfs是node中的内置模块,是用来对文件进行读写,复制,删除,重命名,创建文件,文件夹等操作的使用fs### stat (检查是文件还是文件夹)javaScript var fs=require('fs');fs.stat('./module',(err,data)=>{ if(err){console.log(err)} if(data.i...原创 2022-04-30 17:29:31 · 24 阅读 · 0 评论 -
nodejs 图片转换,批量压缩图片,上传图片
使用fs实现base64 与png/jpg/jpeg 互相转换### png与jpg转换```JavaScript// 因为要用到异步操作所以需要用到util.promisify将函数转换//第一种写法,const util = require('util')const readFile=util.promisify(fs.readFile)readFile('./index.p...原创 2022-05-01 18:30:11 · 171 阅读 · 0 评论 -
nodejs之assert使用
assert## 什么是assert assert是一种断言库,是一种用来做单元测试的工具,断言库是单元测试的重要组成部分,在编写单元测试代码时,通过断言库来描述代码逻辑的预期效果,从而验证代码逻辑的正确性。 ## 什么是单元测试 维基百科是这样解释的:单元测试是针对程序的最小单元,比如变量,来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。一个单元可能是单...原创 2022-05-04 17:43:39 · 142 阅读 · 0 评论 -
webpack4+vue.js2搭建vue-cli
webpack+vue.js 搭建vue-cli首先我们需要npm init -y 初始化以下package.json文件,初始化我们的项目npm init -y然后我们需要安装 webpack 和vue.js (注意要vue2.x版本)cnpm install --save-dev [email protected] cnpm install --save-dev webpack然后...原创 2022-04-06 22:34:35 · 35 阅读 · 0 评论 -
vue-loader (v15)源码解析
vue-loaderloader在webpack里是用来做编译的,这就可以理解vue-loader是帮助我们把我们写的vue组件编译成js文件(因为我们的浏览器是识别不了我们的vue组件的)vue-loader的index.jsvue-loader的index.js导出了一个函数,函数接收一个参数,这个参数就是要转换的文件的内容JavaScript module.exports ...原创 2022-04-23 15:24:29 · 241 阅读 · 0 评论 -
npm(babel-loader之babel/core)
babel/corebabel-loader的transform是通过引入babel/core的transform进行代码转换的,然而babel/core的transform里又进行了一次封装通过trasnformamation进行转换,babel/core实际上的作用就是调用babel的插件转换代码后将代码返回```JavaScript"use strict";//babel/tran...原创 2022-04-27 21:14:44 · 161 阅读 · 0 评论 -
html的行内元素和块级元素总结
行内元素与块级元素的总结。块级元素:address定义地址。article定义文章。aside定义页面之外的内容。audio定义声音内容。blockquoe定义长文本的引用。canvas定义图形。caption定义表格标题dd定义定义列表中项目的描述。div定义文档中的节。dl定义定义列表。dt定义定义列表中的项目。deta...原创 2019-04-23 21:32:23 · 22 阅读 · 0 评论