翘首自由的九零后-CSDN博客

原创 Proxy

Reflect拥有Object对象的一些内部方法，某些方法会同时在Object对象和Reflect对象上部署，也就是说Object对象上存在的方法，通过Reflect也可以访问到。在JavaScript中，Proxy 对象是一个内置对象，用于创建一个对象的代理，从而可以拦截和自定义对象的基本操作，如属性查找、赋值、枚举、函数调用等。Proxy非常类似于设计模式中的代理模式，常用功能如下 -------------------------------------------

2024-07-11 13:14:03 574

原创 vue2实现codemirror在线代码编辑器（代码提示，行数显示..）

项目需求需要在管理系统模块中实现用户SQL语句自查询，实现一个代码编辑器，要求有执行，清空，代码提示，行数显示功能,，实现效果如下：------------------------------------------------------------实现思路使用 codemirror 插件封装组件，然后再父组件中引入使用，通过组件之间的通信方法，进行值的传递。子组件封装（writeSql.vue）首先需要安装 codemirror ：cnpm i codemirror --save..

2022-04-07 16:40:54 7858 7

原创 cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

cnpm控制台报错cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称这种问题一般比较奇葩，简单粗暴的方式就是卸载重装：先卸载cnpm：npm uninstall -g cnpm --registry=https://registry.npm.taobao.org注册一下镜像：npm set registry https://registry.npm.taobao.org解析一下node-gyp模块：npm set disturl https://npm.t

2022-01-05 22:43:19 1482

原创 async和await

什么是Async/Await?async/await是写异步代码的新方式，以前的方法有回调函数和Promise。async/await是基于Promise实现的，它不能用于普通的回调函数。async/await与Promise一样，是非阻塞的。async/await使得异步代码看起来像同步代码，这正是它的魔力所在。Async/Await语法...

2021-02-25 13:42:34 172

原创 Promise

首先要了解什么是异步操作？所谓异步操作，指的是可以跟当前程序同时执行的操作$("#page").scrolltop(0 ,1000); //使用1秒钟时间将页面滚动至顶部$("#nav-float").hide (1000); //使用1秒钟时间将悬浮导航栏隐藏这两个方法会同时完成，它们的编写顺序并不会影响它们的执行顺序//异步操作的特点就是，不会打断当前程序的执行//getUsers请求发出后，会立刻向下继续执行第二个请求ajax("/getUsers",function(dat

2021-02-25 12:41:31 358 2

原创 vue路由

vue-router的基本使用：路由中有三个基本的概念 route, routes, router。route：是一条路由，点击home按钮跳转到home页面，这是一条路由rotures：是一组路由， [{home 按钮 =>home内容 }， { about按钮 => about 内容}]rotuer：是一个路由管理机制，当有路由请求时，会去routes中查找对应的内容客户端的路由，实际上就是dom元素的显示和隐藏，客户端路由有两种实现方式：基于hash 和基于html5 hist

2021-02-23 16:04:41 111

原创 git的使用及基本命令

git定义及基本命令git官方定义Git是一个免费的开源分布式版本控制系统。git安装这里只介绍在Windows上的安装://在Windows上安装Git，在Windows上使用Git，可以从Git官网直接下载安装程序git常用命令1.配置全局基本信息git config --global user.name "XXX"git config --global user.email "XXXXX@XX.com"2.初始化git init3.查看仓库状态git status4.将

2021-02-18 17:22:01 57

原创 Chrome 80 中 Iframe 跨域 Cookie 的 Samesite （用来防止CSRF攻击和用户追踪）

Chrome 80 中 Iframe 跨域 Cookie 的 Samesite （用来防止CSRF攻击和用户追踪）遇到的问题：新项目要嵌入之前的一个项目，而且该被嵌入项目之前提供给第三方使用，他们也是用的iframe。以前都是好的，但是现在发现要是iframe的地址和父级的地址不同源，项目登录时无法设置cookie。从 Chrome 51 开始，浏览器的 Cookie，新增加了一个 SameSite属性，用来防止 CSRF攻击和用户追踪。该设置当前默认是关闭的，但在 Chrome 80 之后，该功能默

2020-10-20 11:14:58 497

原创前端路由解析

路由解析路由的概念来源于服务端，在服务端中路由描述的是 URL 与处理函数之间的映射关系。在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。前端路由的两种模式hash和historyhash 实现hash 是 URL 中 hash (#) 及后面的那部分，常用作锚点在页面内进行导航，改变 URL 中的 hash 部分不会引起页面刷新。通过 ha

2020-10-20 11:14:47 96

原创 js中(function(){…})()立即执行函数写法理解

js中(function(){…})()立即执行函数写法理解( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法，最初我以为是一个括号包裹匿名函数，再在后面加个括号调用函数，最后达到函数定义后立即执行的目的，后来发现加括号的原因并非如此。要理解立即执行函数，需要先理解一些函数的基本概念。函数声明、函数表达式、匿名函数函数声明：function fnName () {…};使用function关键字声明一个函数，再指定一个函

2020-10-20 11:14:25 228

qq_44700839的博客