- 博客(20)
- 收藏
- 关注
RSS订阅原创 Node.js创建一个服务器响应服务端请求
先上代码，这是创建服务并启动的代码 5.js：// 引入fs操作文档模块const fs = require('fs')// 引入http模块创建服务const http = require('http')// 引入path模块处理路径问题const path = require('path')// 创建一个服务const sever = http.createServer()// 响应客户端发送的请求sever.on('request',(req,res)=>{// 获
2022-03-05 22:48:07
183
原创 vuex的简单使用
·vuex中有五个属性：state、getter、mutations、actions、modulesstate的使用1、在state中存入需要获取的数据：state: { name:'陈亚东', age:'23', sex:'男', major:'物联网工程', profession:'准程序员' },2、然后在需要使用的地方在computed中来获取：在template中使用{{name}}、{{age}}即可使用。computed:{ .
2021-07-12 13:49:37
163
1
原创 git常用命令回顾
从创建开始，需要使用git init 来初始化仓库，如果本地有代码需要先git add放入暂存区，然后使用git commit来提交代码，如果不确定代码所在分支使用git status来查看，忘了自己修改了什么使用git diff来对比，已暂存的通过git diff -cached来对比发现传错快用git commit --amend及时撤销，通过git rm来移动文件或改名，查看日志使用git log，拉取/推送分支git pull/git push，从远程获取最新版本到本地git f
2021-07-12 13:41:55
83
原创 js深拷贝
深拷贝是开辟一个新的内存空间，将原对象的各个属性复制进去。方法一、先序列化在反序列化——JSON.parse ( JSON.stringify ( obj ) )序列化的作用就是 存储 和 传输。弊端或注意点：1、如果拷贝的是时间对象，得到的最终结果是字符串形式而不是时间对象。2、如果拷贝的是RegExp、Error对象，序列化的结果只得到空对象。3、如果拷贝的里面有函数或者undefiend，则序列化的结果会把函数或者undefined丢失。4、如果拷贝对象中有NaN、infinnity、-
2021-07-09 09:21:31
101
原创 CSS垂直居中
学习自b站技术蛋老师1、使用padding只需设置上下边距，，，但是不能设置高度。2、使用line-height设置子元素高度与父元素高度相等，，，p标签需要把margin设置为0；；；；且适用于单行文字3、Flexbox设置display为flex；；方向为从上到下flex-direction:column；；加上中间对齐：justify-content:center;;;;但是IE9以上兼容。4、table设置display：table；；子元素设置display:table-ce
2021-07-03 13:43:47
67
原创 小白前端面试题整理
1、flex布局display：flex；在父元素设置是，子元素受弹性盒子影星，默认排成一行，超出一行时按比例压缩。flex：1时给子元素设置如何分配父元素空间，为1时子元素宽度占满父元素；align-items：center设置子元素再父元素容器中的对齐方式；center：垂直居中；justify-content：center，设置子元素再父元素中居中。2、CSS3新特性animation实现动画效果，主要两种方式，通过类似Flash动画中的帧来声明一个动画；再animation属性中调用关
2021-07-03 13:21:38
132
原创 每日一个小知识之事件流
当我们在网页上进行交互时，会触发事件：例如某些内容上的点击、鼠标经过某个特定元素或者按下键盘上的某些按键。 当一个节点产生一个事件时，该事件会在元素结点与根节点之间按特定顺序传播，路径所经过的节点都会收到该事件，这个传播过程称为DOM事件流。什么是事件流？ 事件流就是从页面中接收事件的顺序。IE和Netscape提出了完全相反的事件流概念，IE事件流是**事件冒泡**，而Netscape事件流是**事件捕获**。事件冒泡和事件捕获？ IE提出事件流是事件冒泡，即从下到上，从目标触发的..
2021-06-23 18:14:55
89
原创 每日一个小知识之vue自定义组件
程序员准则：思考一小时，撸码十分钟。 **1.在使用自定义组件时，首先要在父组件中将子组件需要的数据导入：**<search :searchList="searchList" :selectValue="selectValue" :selectFunc="selectfunc"></search>：selectList="selectList"就是我们需要导入的数据。 **2.在子组件中我们接收和使用：**props:{ searchList:Arra
2021-06-21 15:53:15
127
原创 JS数组方法
1.数组方法1.toString()方法把数组转换为数组值（逗号隔开）的字符串。2.join()方法类似tostring()方法，但是可以规定分隔符。3.pop()方法从数组中删除最后一个元素，并返回该元素的值；shift()方法删除首个数组元素，其他元素位移到更低的索引，返回被删除的元素的值。4.push()方法向数组末尾添加一个新元素，并返回新数组的长度；unshift()方法在开头向数组添加新元素，旧元素索引移高。5.concat()方法合并现有数组创建一个新数组，返回的是新数组不改变现有数
2021-06-19 21:15:08
56
原创 HTTP协议
简介HTTP协议，即超文本传输协议，规定了浏览器和万维网服务器之间的通信规则，是通过因特网传送万维网文档的数据传送协议。HTTP协议通常是承载于TCP协议之上，有时也承载在TLS或者SSL协议层之上，这时就成了我们常说的HTTPS。它是一个应用层协议，由请求和响应组成，是一个标准的客户端服务器模型，也是一个无状态的协议，默认端口为80，而HTTPS默认端口443，主要应用于浏览网页。特点1.简单快速，客户向服务器请求服务时，只需要发送请求方法和路径，通信速度很快。2.灵活，HTTP允许传输任意
2021-06-19 00:10:24
113
原创 CSS之Flex布局（弹性布局）
传统的布局方案：基于**盒子模型**依赖 display属性+position属性+floats属性。用这种方案实现特殊布局，例如 垂直居中 就不容易实现。 2009年w3c提出的新的解决方案——Flex布局（弹性布局）：响应式的实现各种页面布局。可以将任一容器指定为Flax布局：.box{ display:flex;}行内元素也可以适用flex布局：.box{ display:inline-flex;}如果是webkit内核的浏览器，在设置时需要在flex前加上-webk...
2021-06-18 20:05:57
251
原创 vue+echarts实现流动中国地图（二）
1.接上一章，整理出来网上的一个例子，那个例子的截图如下：2.之前因为没有整理好代码一直没有实现这个例子。现在整理好了。接上一章写，在mounted（）{}中写如下：mounted(){ let data = [ { "name": "北京", "dataCount": [0, 1, 0, 0, 0, 0, 1], "id": "247" }, { "name": "天津", "dataCount": [0, 0,
2021-04-21 02:17:28
1668
4
原创 中国地图流动图（一）
引入中国地图如下：实现很简单：1.正常引入echarts，下载一个china.js的中国地图js文件（可以在网上找一个即可）并导入。import echarts from 'echarts'import "echarts/map/js/china.js"Vue.prototype.$echarts = echarts2.给将要展示地图的div设置固定的宽高。<div class="B2" id="B2"></div>.B2{ /* width: 100%;
2021-04-21 01:46:56
708
原创 vue init webpack project报错
1.报错描述：Failed to download repo vuejs-templates/webpack-simple: connect ETIMEDOUT 192.30.253.113:2.报错原因：连接github超时造成的3.解决：从ipip.com查询github.com的ip地址。找到C:\Windows\System32\drivers\etc目录下的hosts文件。修改里面github.com的地址为你查询到的ip地址即可。...
2021-04-12 15:45:53
160
转载 echarts配置
echartstheme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#
2021-01-12 11:06:20
92
原创 知识点复习+补充
HTML方面刚才刷题遇到的一个词reflowreflow：页面回流。和重绘有点类似但是：重绘：是元素的外观改变触发的浏览器行为，重新显示新的外观，不影响结构，不一定伴随回流。回流：更明显的变化，可以理解为重新计算渲染树。也就是说，只要出现回流，就需要重新对DOM树进行渲染。类似于 一个人去公园玩耍，买了一张门票，不仅出来要查门票，在里面吃饭，上厕所都要查门票。所以 回流会导致性能降低，浏览器崩溃也有可能。解决回流1....
2020-10-15 21:13:36
88
原创 AJAX知识梳理（二）
JSON是什么？提示：这里可以添加学习目标例如：一周掌握 Java 入门知识JSON是什么？是JavaScript的对象表示法。是存储和交换文本信息的语法，类似于XML。json有什么有优点？1.采用键值对的方式来组织，益于人们阅读的编写，同时益于机器解析和生成。2.json是独立于语言的，无论什么语言都可以解析json，只需要按照json的规则来就行。JSON与XML相比较？ 1.json的长度与XML格式相比 很短小。 2.json的读写速度更快。 json可以使用JavaS
2020-10-15 00:41:13
71
原创 Ajax面试前梳理知识
AJAX知识准备AJAX作用AJAX作用ajax是一种无需更新整个页面，就能够更新部分网页的技术。或者说他是用来与后台服务器进行 异步 的数据交换。（JavaScript实现异步操作是通过操作DOM实现的）首先要了解xmlHttpRequestxmlHttpRequest是一个对象。是用来异步的进行后台与服务器交换数据的。使用xmlHttpRequest使用xmlHttpRequest，首先要new一个xmlHttpRequest对象：Var request = new xmlHttpRequ
2020-10-14 00:39:05
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人