许之知否-优快云博客

原创 Todo List

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./base.css"> <script src="./index.js"></

2021-04-24 23:29:06 234

原创 Vue中画词云图遇到数组push问题和 [ob: Observer]格式

今天用vue+echarts做词云图的时候，发现拿不到json格式的数据，这里主要有两个点：1.在vue中使用this拿到data中的数据，然后给它赋值的话，得到的数据是[__ob__: Observer]格式。2.[__ob__: Observer]格式是vue对数据设置的监控器，双向绑定，不可以枚举。先看一下我一开始使用push方法的代码：//objGroup是我转换为{"":"","":"","":"",......}这种形式的数据for (let key in objGroup) {

2021-04-17 17:48:54 1679

原创 node爬虫（分页+验证+解决编码）

核心模块使用了http、fs。如果是https协议，使用https核心模块。第三方模块使用了cheerio、iconv-lite，记得用 npm i * 安装哦~。如果验证不通过就换换cookie试下吧。const http = require('http');const cheerio = require('cheerio'); //nodejs的抓取页面模块，为服务器特别定制的，快速、灵活、实施的jQuery核心实现，则能够对请求结果进行解析，解析方式和jQuery的解析方式几乎完全相同const

2021-04-05 20:04:17 385 1

原创 HTTP（一）

TCP/IP分层管理应用层决定了向用户提供应用服务时通信的活动，例如FTP文件传输协议、DNS域名系统、HTTP协议。传输层对上层应用层，提供处在网络连接的两台计算机之间的数据传输。网络层用来处理在网络上流动的数据包。网络传输的最小数据单位是数据包。该层规定了通过怎样的传输路线到达对方计算机并把数据包传给对方。数据链路层用来处理网络连接的硬件部分。TCP/IP通信传输流使用HTTP举例说明===>>1.应用层发送http请求；2.传输层把从应用层收到的数据标分割并标记上序

2021-04-01 17:11:14 277

原创一起聊聊localStorage和sessionStorage吧

使用本地存储使用全局属性localStorage访问本地存储功能，这个属性会返回一个Storage对象，Storage对象被用来保存键/值形式的字符串对。其包含成员如下：clear()移除保存的键/值对getItem(key)取得与指定键关联的值，返回字符串key(index)取得指定索引的键，返回字符串length返回已保存的键值对数量removeItem(key)移除指定键对应的键值对，返回字符串setItem(key,value)增加一个新的键值对，如果键已使用就更新值，返回void

2021-03-29 16:25:19 116

原创 CSS大全

定义和应用样式使用元素内嵌样式使用文档内嵌样式使用外部样式表html文件使用link引用css文件，css文件使用@import引用css文件，@import语句必须位于样式表顶端。可以使用@chartset声明样式表的字符编码，只有@chartset可以位于@import前面。css没有声明编码的话使用html声明的，HTML也没有的话使用默认的UTF-8。以上三者统称作者样式。样式还有两个来源：浏览器样式、用户样式（例如谷歌浏览器中用户可以编辑custom.css文件自定

2021-03-29 15:19:50 645

原创 HTML5元素大全

虚元素指只能使用一个标签表示，在其中放置任何内容都不符合html规范。表示方法用单个开始标签表示用空元素结构表示自定义属性用户可以自定义属性，这种属性必须以data-开头用户代理用于处理html文档的各种软件的共同名称，浏览器是最流行的用户代理，但不是唯一的一种元素分类html5将元素分为三大类元数据元素用来构建html文档的基本结构，以及就如何处理文档向浏览器提供信息和指示流元素流元素和短语元素都是确定一个元素合法的父元素和子元素的范围，短语元素是ht

2021-03-29 15:12:54 1735

转载 vue开发数字输入框组件

知识点v-model双向绑定value父组件向子组件传递数据props解决单向数据流的问题，在子组件的data选项中声明一个currentValue，默认使用value的值data: function() { return { currentValue: this.value, prop_step: 10 }; }watch选项监听prop或data的改变watch: { currentValue: functio

2020-12-17 20:17:00 723

原创 vue组件开发~计数器

实现效果如图：使用v-bind动态绑定和v-on事件监听，使用props让父组件传递数据给子组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <style> .container{

2020-12-17 17:30:14 408 2

原创 vue的动态组件

使用<component>元素动态挂载不同的组件，使用is特性来选择要挂载的组件先在实例中注册三个组件，然后在实例的data选项中给currentview设置一个默认显示的组件，接着在methods中创建方法并使用v-on监听DOM事件，动态改变currentview对应的组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&gt.

2020-12-16 20:36:01 234 3

原创 ES6-新字符串方法

搜索字符串String.prototype.startsWith检查字符串是否以指定的值开头String.prototype.endsWith检查字符串是否以某个值结束String.prototype.includes检查整个字符串是否包含指定的值所有方法都是区分大小写的，搜索之前要将字符串小写化，这些方法还接受第二个参数来指定字符串中的起始搜索位置。填充字符串String.prototype.repeat按照指定的次数重复所调用的字符//使用repeat

2020-12-11 16:28:57 155 2

原创 ES6-变量解构赋值啦

变量的解构赋值解构指ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值。数组的解构赋值let [a, b, c] = [1, 2, 3]解构不成功的话，变量的值就等于undefinedlet [bar, foo] = [1] //foo是undefined不完全解构也可以成功let [x, y] = [1, 2, 3] // x = 1, y = 2如果等号右边不是数组（可遍历结构），就会报错let [foo] = 1let [foo] = falsele

2020-12-11 16:19:38 122

原创 ES6-let和const、块级作用域干货

let命令基本用法let声明的变量只在其所在代码块中有用var a = []for(var i = 0; i < 10; i++){ a[i] = function () { console.log(i) };}a[6](); //10var a = []for(let i = 0; i < 10; i++){ a[i] = function () { console.log(i) };}a[6](); /

2020-12-11 16:13:32 223

原创 Babel转码器look at me~

转码器什么是转编译转编译器可以将一种编程语言的源代码转换成另一种编程语言的源代码。适用场合将一个版本的JavaScript编译成另一个版本的JavaScript使用Babel转编译命令行转码babel-cli使用Babel需要配置Node.js包，便于安装所需要的依赖包。创建Node.js项目#创建目录$ mkdir project_name #切换目录$ cd project_name #初始化为一个新项目，-y表示使用默认配置$ npm init -y

2020-12-11 16:10:07 151 3

原创网站开发基础知识来啦~

互联网的访问过程浏览器与服务器服务器是提供内容信息的计算机浏览器是访问者用于浏览网页的软件www与万维网WWW、万维网和Web是同义词，是一个大型的由相互链接的文件所组成的集合体。一个完整的WWW系统包括服务器、浏览器、HTML文件和网络。浏览器向服务器发出对某个站点的请求，服务器接收到请求之后，发送响应给浏览器，浏览器显示出文件内容。网站制作好之后，需要把网站传送到远程服务器上，这就要用到FTP服务，不属于WWW的范畴。IP地址和域名IP地址是识别互联网上计算机和网络设备的标

2020-12-11 15:41:28 362

原创 Node.js留言板

先把页面做出来，样式使用bootstrap，制作首页、提交评论页面、404页面。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="/public/css/bootstrap-4.5.3-dist/css/bootstrap.css"

2020-12-10 13:07:51 310

原创 js数组方法的使用以及一维数组转多维

js数组方法的使用以及一维数组转多维从后端拿到json格式的数据之后，日期型变为了字符串，所以使用数组的一些方法将字符串转为数值型，然后根据需求将数据变为多维数组。res=[{"ed_max":"2010-07-30","year":2010,"ed_min":"2010-06-29","ed_avg":"2010-07-24","bd_min":"2010-05-04","bd_avg":"2010-06-03","bd_max":"2010-07-03"},{"ed_max":"2011-08-31

2020-11-18 22:17:24 1180

h083417172_的博客