好奇的布偶猫-优快云博客

原创配置 cors 跨域和解析表单数据的中间件

配置 cors 跨域运行如下的命令，安装 cors 中间件cnpm i cors@2.8.5 --save在 app.js 中导入并配置 cors 中间件// 导入 express 模块const express = require(‘express’)// 创建 express 的服务器实例const app = express()// 导入 cors 中间件const cors = require('cors')// 将 cors 注册为全局中间件app.use(c

2020-08-18 21:21:45 572

原创 JSONP

什么是JSONP(⭐⭐⭐)JSONP (JSON with Padding) 是 JSON 的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。JSONP的实现原理(⭐⭐⭐)由于浏览器同源策略的限制，网页中无法通过 Ajax 请求非同源的接口数据。但是源策略的影响，可以通过 src 属性，请求非同源的 js 脚本。因此，JSONP 的实现原理，就是通过自己实现一个简单的JSONP定义一个success回调函数： <script> function succes

2020-08-05 11:42:43 173

原创什么是Ajax，为什么要学Ajax，学了Ajax有什么用？（灵魂三问）

Ajax 的全称是 Asynchronous JavaScript And XML（异步 JavaScript 和 xml）通俗理解：在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是Ajax为什么要学Ajax之前所学的技术，只能把网页做的更美观漂亮，或添加一些动画效果，但还是，Ajax能让我们轻松实现网页与服务器之间的数据交互Ajax应该用场景（⭐⭐⭐）场景一：用户名检测注册用户时，通过 ajax 的形式，动态检测用户名是否被占用场景二：搜索提示当输

2020-08-05 11:38:34 1191

原创我们应该怎样来使用vue脚手架呢？

Vue脚手架Vue脚手架可以快速生成Vue项目基础的架构。A.安装3.x版本的Vue脚手架：npm install -g @vue/cliB.基于3.x版本的脚手架创建Vue项目：1).使用命令创建Vue项目命令：vue create my-project选择Manually select features(选择特性以创建项目)勾选特性可以用空格进行勾选。是否选用历史模式的路由：nESLint选择：ESLint + Standard config何时进行ESLint语法校验：Lint

2020-07-27 19:10:57 156

原创 node.js中的模块化介绍

模块化7.1 什么是模块化模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块把代码进行模块化拆分的好处提高了代码的复用性提高了代码的可维护性可以实现按需加载7.2 模块化相关的概念模块化规范就是对代码进行模块化的拆分与组合时，需要遵守的那些规则，例如：使用什么样的语法格式来引用模块在模块中使用什么样的语法格式向外暴露成

2020-07-23 19:58:00 158

原创 node.js中的服务器相关概念

http 模块2.1 什么是 http 模块http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法，就能方便的把一台普通的电脑，变成一台 Web 服务器，从而对外提供 Web 资源服务如果要希望使用 http 模块创建 Web 服务器，则需要先导入它const http = require(‘http’)2.2 进一步理解 http 模块的作用服务器和普通电脑的区别在于，服务器上安装

2020-07-23 19:56:50 210

原创 VUE在当前前端的地位

论框架知名度，现阶段国内前端VUE的名声可以说无人可出其左右，谈到国产框架，前端人提到VUE无不自豪。为何一个国人写的框架能在众多大神技术和外国领导起航的javascript脱颖而出，那么小编接下来带领大家一览VUE框架Vue 是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v-

2020-07-23 19:47:18 522

原创 Node.js中的包

学习目标◆ 能够说出模块化的好处◆ 能够知道 CommonJS 规定了哪些内容◆ 能够说出 Node.js 中模块的三大分类各自是什么◆ 能够使用 npm 管理包◆ 能够了解什么是规范的包结构◆ 能够了解模块的加载机制包管理配置2.1 包管理配置的概念npm 规定，在项目根目录中，必须提供一个叫做 package.json 的包管理配置文件，用来记录与项目有关的一些配置信息，例如：项目的名称、版本号、描述等项目中都用到了哪些包哪些包只会在开发期间会用到哪些包在.

2020-07-08 19:07:03 190 2

原创论node.js在程序员中的自我修养

JavaScript 能否做后端开发JavaScript 可以做后台开发，只不过需要借助 Node.jsJavaScript 作为一门语言，代码的执行肯定需要运行环境，浏览器能够解析 JavaScript 代码，因为浏览器是一个运行环境，恰好，Node.js 也集成了一个 JavaScript 运行环境，也可以对 JavaScript 代码进行解析，不过 Node 是一个后端的运行环境，也是因此 JavaScript 能够进行后台的开发初识 Node3.1 什么是 Node能够了解 N

2020-07-05 19:01:05 191

原创一起了解jQuery的属性操作

话常说，马无夜草不肥，程序员JQuery不学不香，虽然在技术革新速率很高的今天，JQuery已经不是必需品，但多了解总要比不了解好，话不多说，让我们直接来看看属性及其介绍。目标能够操作 jQuery 属性jQuery 常用属性操作有三种：prop() / attr() / data() ;元素固有属性值 prop()（★★★）所谓元素固有属性就是元素本身自带的属性，比如元素里面的 href ，比如元素里面的 type语法注意：prop() 除了普通属性操作，更适合操作表单属性：d

2020-07-05 08:21:31 188

原创学一学GIT（版本控制器）的使用，篇幅较长。

哈喽，我是你们可爱又帅气的小编布偶猫（拒绝嘲讽！），今天给大家带来的是一篇关于GIT（版本控制器）的使用，关于GIT使用，是程序员必不可少的一环，所以怎样用好它，对于我们来说很重要，话不多说，我们直接上干货。目标了解版本控制软件的作用了解版本控制系统的分类Git的特性初始化 Git 仓库的命令查看文件状态的命令一次性将文件加入暂存区的命令将暂存区的文件提交到 Git 仓库的命令起步文件的版本版本控制软件(⭐⭐⭐)概念版本控制软件是一个用来记录文件变化，以便将来查阅特定版本修

2020-07-03 21:24:28 254 3

原创关于echarts的使用

很多人会有疑问，为什么要用echarts? 开会我用个正常表格，做个PPT来展示不可以吗。其实显然易见，用可视化来展示我们的大数据内容，是大势所趋，在注重用户体验的今天，你光用简单的表单表格来展示数据内容已经满足不了需求和体验，而用可视化来展示数据能给人最直接的感受，所以不要在抗拒echarts了，让我们一起来使用echarts吧。那说到echarts，echarts是什么呢？以及echarts怎么使用呢，下面就让笔者带领你们来领略一下echarts的神奇。A.下载和引入echarts.min.js

2020-06-19 16:59:59 622 2

原创正则表达式概述

1.正则表达式概述1.1什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。其他语言也会使用正则表达式，本阶段我们主要是利用JavaSc

2020-06-19 16:49:16 178

原创 js基础重点知识for循环

循环循环就是重复程序里面的循环，主要指的是，重复执行某些操作，或者说是语句for循环for循环的语法结构语法结构for(初始化变量; 条件表达式; 操作表达式 ){//循环体}语法结构解释初始化变量循环次数的，计数器，（计数器初始化的时候，并不一定必须是0，也可以是1或者其他数字）条件表达式判断循环是否终止，也就是说是不是要继续循环操作表达式更新已经循环的次数，递增或者递减，也就是更新我们的计数器循环体每一次循环要做的事情for循环执行的过程首次执行初始

2020-06-17 19:04:11 165 1

原创 JavaScript基础(运算符)

运算符运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号运算符的分类算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符算数运算符用于计算表达式结果的符号（和数学中的加减乘数一样）加减乘除（+，-，*，/）取余（%）注意：浮点数运算会有精度问题console.log(0.1 + 0.2)console.log(0.07 * 100)不要用浮点数进行对比（因为有误差问题）如何判断一个数字能被整除？算数运算符的优先级

2020-06-11 20:06:16 862 4

原创数据可视化的边框图片切割

css3中自适应边框图片运用：组合写法：border-image: url("images/border.jpg") 167/20px round;拆分写法：border-image-source: url("images/border.jpg");border-image-slice: 167 167 167 167;border-image-width: 20px;border-image-repeat: round;解释：边框图片资源地址裁剪尺寸（上右下左）单位默认px

2020-06-09 19:50:18 715 1

原创前期框架 Bootstrap框架

1.什么是CSS框架封装了很多重复的工作提高了开发的效率随着Web应用变得越来越复杂。在大量的开发过程中，我们发现有许多的功能模块非常相似。例如轮播图，分页，导航，进度条，模态框等，每一次都手动书写无疑是在做重复工作。框架的作用就是把这些功能封装称为一个个组件，在开发过程中直接拿过来使用即可，极大的提高的开发的效率。2.前端常用框架Amaze UIFramework7Bootstrap(重点，目前最常用的前端框架)3.Bootstrap准备学习3.1-下载Bootstrap框架生

2020-06-09 19:38:48 213 2

原创 tab栏切换(新手多看,tab栏)

2020-06-06 20:42:57 575 1

原创 jQuery事件注册及处理

jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：优点: 操作简单，且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。语法演示代码<body> <div></div> <script> $(function() { // 1. 单个事件注册 $("div").click(function(

2020-06-05 21:13:13 335

原创 jQuery 介绍

1.1.1 JavaScript 库JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解：就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。常见的JavaScript 库：jQuer

2020-06-05 08:43:36 129

原创缓动效果原理

缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来。最常见的例子就是封装一个动画盒子思路：让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。核心算法： (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是：让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1.1.2 动画函数多个目标值之间移动可以让动画函数从 800 移动到 500。当我们点击按钮时候，判断步长是正

2020-05-31 19:38:48 606 1

原创触屏事件

1.1.1 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件如下：1.1.2 触摸事件对象（TouchEvent）TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）

2020-05-31 08:25:36 1677 1

原创 javascript(client、scroll系列)新手小白，请大神补充！

client系列clientWidth包含内容 + padding 宽度，不包含边框clientHeight包含内容 + padding 高度，不包含边框clientLeft左边框的宽度clientTop上边框宽度scroll系列scrollWidth包含内容 + padding ，返回的内容真实宽度scrollHeight包含内容 + padding，返回的是内容真实高度scrollTop垂直方向滚出去的距离scrollLeft水平方向滚动出去的距离mouseover与

2020-05-28 21:04:35 218 1

原创 window的内置对象

window的内置对象location对象location.search 获取参数 ?uanme=123location.href 获取的是整个地址 http://www.baidu.com?uname=123location.assign() 跳转页面的 href 一样的效果location.replace() 替换当前页面，不会存在于历史记录中，不能回退location.reload() 刷新，如果参数是true的话代表强制刷新，不加载本地缓存，直接从服务器去拿navi

2020-05-27 20:49:38 662

原创 javascript事件委托

今天我们来讲一讲事件委托。事件委托在我们程序员应聘阶段好多人都会被面试官问及到，那到底什么是事件委托呢？那下面我们来一探究竟。事件委托不是将事件监听设置在每个子元素上，而是将事件监听设置在父节点上，利用子元素的冒泡原理来影响设置父元素。综上所诉，就是将javascript里的的事件监听设置到父节点上，而不是设置到子节点，利用冒泡原理从而影响到父节点。...

2020-05-25 21:04:40 178

原创 javascript事件高级（动态表单的生成）

javascript事件高级（动态表单的生成）动态生成表单案例1 模拟数据每一行都是一个对象，每一个对象都是放在一个数组中2. 创建行数组中有多少条数据，就应该创建多少行遍历模拟的数组每遍历一次创建行 document.createElement(‘tr’)还需要把创建的行丢在谁里面？放在 tbody 里面3. 创建单元格遍历对象，对象里面有多少个属性，意味着有多少个单元格for…in for(var key in obj){}循环体里面创建相应的 td，每创建一个td 一定

2020-05-25 00:30:42 299

weixin_45785652的博客