JunyaoPan-CSDN博客

原创 Http协议

超文本传输协议一种能够获取如 HTML 这样的网络资源的 protocol(通讯协议) 是在 Web 上进行数据交换的基础，是一种 client-server 协议请求通常是由像浏览器这样的接受方发起的是一种可扩展的协议是应用层的协议，通过TCP，或者是TLS－加密的TCP连接来发送，理论上任何可靠的传输协议都可以使用它不仅被用来传输超文本文档，还用来传输图片、视频或者向服务器发送如HTML表单这样的信息。HTTP还可以根据网页需求，仅获取部分Web文档内容更新网页。请求-响应.

2021-10-26 11:35:55 1147

原创前端学习官方文档、中文文档、组件库、工具地址：

2021-10-20 10:07:01 203

原创 Less（Leaner Style Sheets）：预处理语言学习

中文文档：Less 快速入门 | Less.js 中文文档 - Less 中文网使用1.安装(1)使用npm安装 //全局安装 npm install less -g //局部安装 npm i less --save-dev //查看版本 lessc -v(2)编译lessc 编译前的less文件.less 编译后创建的css文件.css(3)导入&...

2021-10-18 17:08:23 146

原创 Web笔记1——HTML

HTML：HyperText Markup Language（超文本标记语言）用于描述网页文档结构后缀：“.html” 工具：vscode、sublime、idea...VSCode插件推荐：HTML CSS Support - Html提示Css自动补全 HTML Preview - 提供预览HTML文档的功能 HTML Snippets - 完整的HTML标签，包括HTML5片段 Live Server - 启动一个开发本地服务器，为静态和动态页面提供实时重载功能 open

2021-10-18 11:27:51 284 1

原创 Vue打包项目到云服务器方法

项目文件目录下：npm run build 成功截图，并产生dist文件夹使用FileZilla工具把dist文件拉到/var/www/html目录下访问：公网ip/dist/index.html dist是打包时默认生成的，拉到服务器后可以修改自己想要的名字如http://121.40.30.56/gzdxnews/index.html...

2021-10-15 10:20:55 119

原创报错1：vue快速点击路由跳转报错：Uncaught (in promise) Error: Request aborted

解决方法：在router文件夹的index.html文件修改在Vue.use(VueRouter)前面添加字段如下：const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}...

2021-10-15 10:08:35 2070

原创深拷贝、浅拷贝、半深拷贝实现方法，不断完善中……

浅拷贝只复制对象的指针,即存在栈中的地址，新旧对象还是共用一块内存，修改任意一个对象两个对象都会改变。//浅拷贝方法//1.把一个对象赋值给一个变量var obj = { name: 'zhangsan'}var obj1 = objobj1.name = 'zhangsan'console.log(obj);//{ name: 'zhangsan' }console.log(obj1);//{ name: 'zhangsan' }// 2.for...in循环，...

2021-09-27 11:04:14 109

原创用DOM画布、H5写一个时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2021-09-15 14:39:48 104

原创 Gitee使用远程仓库

远程仓库和本地仓库建立连接先有远程，再有本地（个人）建立本地仓库建立远程仓库：登录——>右上角+、新建仓库：填入名称，按需求选公开或者私有（一般为公开），其他可默认在电脑上新建文件夹local从文件夹：在搜索框输入cmd，可进入cmd开始输入命令（单词中间都有空格）：git init初始化为本地仓库，会有一个.git的文件夹出现结果如下：克隆远程仓库：git clone （+远程仓库地址）仓库地址会在这里显示：进入远程仓库...

2021-09-14 17:25:07 1099

原创 Web笔记-JavaSrcipt对象

概念：一个变量，包含多个键值对创建： 1.字面量模式： ‘{}’：对象边界 ‘：’ ：属性名：属性值 ‘，’：属性间隔符属性名：一般不加引号，有特殊字符需加属性值：字符串加...

2021-09-06 19:02:12 104

原创 Web笔记3-JavaScript

目录JavaScript：1.表述2.JavaScript：响应用户操作组成部分： ECMAScript，描述了该语言的语法和基本对象，是js核心语言标准。文档对象模型（DOM），描述处理网页内容的方法和接口。浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。 js解释器：浏览器厂商：Firefox（js标准）、IE(js)、Google(js) nodejs【网络编程(http模块)/

2021-09-02 17:15:24 86

原创 Web笔记3-js的Math对象和Date对象

math对象执行数学任务没有构造函数 Math()，Math.sin() 是函数使用 Math 的属性和方法的语法： // 获取π的值属性var pi = Math.PI;console.log(pi); //3.141592653589793// 求平方根方法var sqrt_value = Math.sqrt(16);console.log(sqrt_value); //4 对象属性属性描述 E ...

2021-09-02 15:17:17 115

原创 Web笔记2-正则表达式

正则表达式由一个字符序列形成的搜索模式所有文本搜索和文本替换的操作创建：字面量（直接量） // 在一对反斜线中写正则表达式内容，如/abc/// 正则表达式里面不需要加引号不管是数字型还是字符串型var reg = /正则表达式/修饰符;var reg = /hello/g;var reg = /hello/img;//img是修饰符构造函数 //构造正则表达式的实例，如new RexExp('abc')...

2021-09-02 09:25:54 128

原创 Web笔记1-JavaScript简单算法例题：

1.10的阶乘function test(num) { var sum = 1; var str = "10=" for (i = num; i > 0; i--) { sum *= i; if (i == 1) { str += i + "=" } else { str += i + "*" } } console.log(str + sum)}test(10)//1...

2021-09-01 09:22:41 222

原创 Web笔记5-JavaScript数组方法重构pop、push、shift、unshift、forEach、sort、everysome、map、filter

Pop()// Pop 删除数组的最后一个元素并返回删除的元素。Array.prototype.myPop = function () { var result = this[this.length - 1] //获取数组最后一个元素 this指向数组名 this.length-- //减去最后一个元素，把数组长度减一 return result //获取数组最后一个元素 this指向数组名}var arr = [1, 2, 3, 4, 5];c

2021-08-30 18:54:26 141

原创 8个VSCode主题推荐，超好看

1.Dainty有很多种颜色可选，喜欢紫色系的推荐Andromeda (andromeda) Ardent (ardent)（这个紫色系的最好看！） Ayu Mirage (ayu-mirage) City Lights (city-lights) Dark+ (dark-plus) 等等2.Aurora X蓝色系，颜色很好看，但是对我来说有点亮3.Daybreak夕阳系列...

2021-08-23 09:30:41 27554 5

原创关于JavaScript代码加不加分号的问题

按自己喜好，可以加可以不加，没什么影响。但是遇到以 “(”、“[”、“/”、“+”、“-”开始的语句时，不加分号它极有可能和前一条或后一条语句结合在一起解释，导致结果出错。所以除了上述几个特例要加，其他时候都可以不加。以“（”开头： //例1 vara=9; (functionab(){ alert(a) a=10 })() //正确输出...

2021-08-20 16:48:32 893

原创 Vue、VueCLI（脚手架）安装、使用详细步骤

参考网址：https://cli.vuejs.org/guide/installation.html程序包名称从更改vue-cli为@vue/cli。如果vue-cli已全局安装了先前的（1.x或2.x）软件包，则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli检查版本：node -v（版本8.9以上）npm -vcnpm -vcnpm install -g @vue/cli（安装VueCLI）vue --ver

2021-06-24 11:17:01 157

pyy13522的博客