- 博客(96)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 ‘v-model‘ directives require no argument
‘v-model’ directives require no argument.eslintvue/no-v-model-argument开启 ESLint 报错此错误为 Vetur显示的警告详见 GitHub issusehttps://github.com/vuejs/eslint-plugin-vue/issues/1309解决方案https://eslint.vuejs.org/user-guide/#trouble-with-visual-studio-code...
2021-01-26 13:58:33
10855
1
原创 服务端与网络协议
服务端与网络http/https 协议1.0 协议缺陷：无法复用链接 完成即断开，重新慢启动和TCP3次握手head of line blocking: 线头阻塞，导致请求之间互相影响1.1 改进：长链接（默认 keep-alive），复用host字段指定对应的虚拟站点新增功能：断点续传身份认证状态管理cache 缓存Cache-ControlExpiresLast-ModifiedEtag2.0：多路复用二进制分帧层：应用层和传输层之
2020-11-19 20:31:39
400
原创 前端开发-浏览器相关
浏览器跨标签页通讯不同标签页的通讯，本质原理就是去运用一些可以 共享的中间介质，常用的有以下方法：通过父页面window.open()和子页面postMeaage异步下 通过， window.open('about: blank') 和 tab.location.href = '*'设置同域下共享的 localStorage 与 window.onstorage重复写入相同的值无法触发会受到浏览器隐身模式等限制设置共享的cookie与不断轮询脏检查(setInterval)借
2020-11-18 22:10:36
225
原创 5分钟回顾JavaScript - 面试不慌
JavaScript原型 / 构造函数 / 实例原型(prototype): 一个简单的对象，用于实现对象的 属性继承。可以简单的理解成对象的爹。在 Firefox 和 Chrome 中，每个JavaScript对象中都包含一个__proto__ (非标准)的属性指向它爹(该对象的原型)，可obj.__proto__进行访问。构造函数: 可以通过new来 新建一个对象 的函数。实例: 通过构造函数和new创建出来的对象，便是实例。 实例通过__proto__指向原型，通过constructor指向构
2020-11-17 15:57:43
252
原创 5分钟掌握CSS - CSS技术总结
CSS1.盒模型页面渲染时，dom元素所采用的 布局模型。可通过box-sizing进行设置。根据计算宽高的区域可分为：contetn-box （W3C 标准盒模型）border-box (IE 盒模型) width（content + border + padding） + marginpadding-box (FireFox 曾经支持)margin-box (浏览器未实现)CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。Margin(外边距)
2020-11-17 15:45:07
426
原创 Sass的简单使用
Sass (Syntactically Awesome Stylesheets) 层叠样式表语言Sass号称 世界上最成熟、最稳定、最强大的专业级CSS扩展语言！相对于Less他有着更多功能但是Sass并非js原生实现，因此在使用时需要其他环境依赖，Mac下需要Ruby环境支持，Win下需要Python环境支持。????安装npm install -g sass.sass .scsssass严格缩进，无大括号，无分号scss无缩进限制，使用大括号，使用分号注释//单号注释/*
2020-06-20 21:19:48
235
原创 NodeJS版本管理工具NVM安装使用步骤(Win10)
在维护老项目时需要切换Node版本，我们可以使用NVM工具来在一台PC或Mac上安装和切换不同版本的node。NVM1.下载https://github.com/coreybutler/nvm-windows/releases建议下载 nvm-setup.zip 安装包，下载之后点击安装，无需配置就可以使用。2.安装解压后 以管理员身份运行nvm的安装路径名称中最好不要有空格 我这里...
2020-04-10 23:47:22
912
原创 JS中的各种遍历（ forEach、filter、map、some、every、find、findIndex、reduce）
JavaScript中的遍历forEach、filter、map、some、every、find、findIndex、reduce有如下一排同学let students = [ { id: 001, name: "张三", weight: 50 }, { id: 002, name: "李四", weight: 48 }, { id: 003, name: "王五", weigh...
2020-04-05 21:10:59
665
原创 使用vue ui 可视化创建vue项目
1.创建项目1.1 打开终端输入 vue ui 打开vue项目管理器创建 新项目选择你需要的插件点击创建项 可选保存预设优化ESlint语法检查允许方法名后不加空格.eslintrc.js在 rules: {} 里加入'space-before-function-paren': 创建 .prettierrc 文件使用单引号行末不加分号{ "semi...
2020-03-09 13:42:18
3126
原创 Vue 路由传参
URL传参路由配置文件结构动态路由匹配一个“路径参数”使用冒号 : 标记。当匹配到一个路由时，参数值会被设置到 this.$route.params，可以在每个组件内使用。test1 跳转至 test2test1.vue<template> <div> <h1>test1</h1> <...
2020-03-07 18:50:54
289
原创 Vue导出Excel表格的两种操作方式（基于HTML结构、基于JSON对象）
1.基于HTML结构导出安装依赖并导入npm install --save xlsx file-saver// 然后在组件引入import FileSaver from 'file-saver'import XLSX from 'xlsx'在methods里新增导出方法//定义导出Excel表格事件 exportExcel() { /* 从表生成工作簿对象 获...
2020-03-07 15:25:24
1337
2
原创 在Ubuntu上部署Express项目
1.搭建NodeJS环境安装NodeJS安装npm2. 安装数据库及缓存安装MySQl点击去查看如何安装MySQLhttps://blog.youkuaiyun.com/wumingid/article/details/89460264初始化数据库# 在服务器# 进入 数据库备份文件[shop.sql] 所在文件夹# 登录数据库mysql -uroot -p[数据库密码]# 创建数据库...
2020-03-06 22:40:54
1234
原创 解决 eslint警告：定义未使用，** is defined but never used eslint
is defined but never used eslint 解决方法如下代码 会报错_ 定义未使用 ，但我本来就不需要使用啊解决方案1.关闭这个校验修改校验规则，校验规则在创建项目时可以选择单独生成eslint配置文件，或集成在package.json里"no-unused-vars":"off"不建议使用，毕竟是对全局的校验规则，万一某个地方写错了。2.忽略下一行...
2020-03-05 13:03:31
52314
3
原创 前端、VUE开发 VS Code (10个常用快捷键、17个常用插件)
VS Code 使用指南 [前端开发]VS Code 是一款来自Microsoft某团队的优秀的套壳浏览器(开源 免费 编辑器) 真香！ ????下载地址：https://code.visualstudio.com/快捷键我常用的快捷键打卡终端 CTRL + `显示/隐藏侧边栏 CTRL + B查找下一个（需要先选中） CTRL + D格式化代码 ALT + SHIFT + F ......
2020-03-03 19:15:46
13813
4
原创 使用vuepress搭建博客使用GitHub部署
vuepressVue 驱动的静态网站生成器以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。这个框架比较简洁，非常好用。效果如下我的博客线上地址 https://shuaipengge.github.io/搭建环境# 将 VuePress 作为一个本地依赖安装npm install -D vuepress# 新建一个 docs 文件夹mkdir doc...
2020-02-07 23:07:32
2127
1
原创 使用Express创建允许跨域的HTTP服务器
为了方便在开发时测试api，需要本地跑一个服务来提供支持。将api请求的结果保存在json文件中，放在./project即可。const express = require('express')// 创建 web 服务器 const app = express()//设置允许跨域访问app.all('*', function (req, res, next) { res.hea...
2020-01-21 22:26:23
460
原创 当使用exclude时对应的组件activated() deactivated()不执行
Vue中使用keep-alive对组件进行缓存 ，exclude属性表示要去除被缓存的组件，其它组件都会被缓存。当使用这个属性后，对应的这个组件的activated() deactivated()方法就不会执行了。activated() { window.addEventListener('scroll', this.handleScroll) }, deactivated()...
2019-12-15 15:17:08
1084
1
原创 解决Vue报错NavigationDuplicated
就是这个错误这个错误原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。先卸载vue-router，再安装3.0.7版本可以解决。暂时性 简单粗暴的解决办法npm uninstall vue-routernpm install vue-router@3.0.7...
2019-12-05 20:40:37
670
原创 Centos7 安装Docker
CentOS7 安装Docker前情提要：使用任意方式安装好CentOS7 ， 确保主机可以接入网络。[ 虚拟机安装建议使用桥接模式 ]使用 addr ip 查看主机ip由于CentOS 7 默认是不启动网卡的vi /etc/sysconfig/network-scripts/ifcfg-ens33可以看到（ONBOOT=no）把这一项改为YES（ONBOOT=yes）然后重启网络...
2019-10-19 22:56:33
985
原创 掌握Oracle数据库
关系型数据库Oracle通常情况下，Oracle数据库只会有一个实例ORCL新建项目MySQL: 创建一个数据库，创建相应的表Oracle：创建一个表空间 创建用户，用户去创建表Oracle与Mysql的差别1.遵循SQL标准2.不同厂商(MySQL已被甲骨文收购)，不同的数据库产品，有不同的差异3.使用自己的语言，也能够完成相同的功能4.Oracle安全级别高 Mysq...
2019-09-13 21:21:38
478
原创 关系型数据库-Oracle数据库
Oracle Database，又名Oracle RDBMS，或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统，系统可移植性好、使用方便、功能强，适用于各类大、中、小、微机环境。它是一种高效率、可靠性好的、适应高吞吐量的数据库方案。Oracle数据库是大型关系型数据库关系型数据...
2019-09-11 19:26:10
1897
原创 navicat连接oracle报错：ORA-12737 Instant Client Light:unsupported server character set ZHS16GBK
使用navicat连接Oracle时报错解决方案使用navicat连接远程Oracle数据库服务器出现 ORA-12737 Instant Client Light:unsupported server character set ZHS16GBK 错误提示解决方案navicat版本一、在Oracle官网下载instantclient-basic-windows.x64-12.2.0....
2019-09-10 19:47:18
2529
原创 常用SQL汇总
--创建数据库create database 数据库名 charset=utf8;--删除数据库drop database 数据库名;--查看当前数据库中所有表show tables;--查看表结构desc 表名;--创建班级表create table 表名( id int unsigned auto_increment primary key not null...
2019-08-30 10:34:37
287
原创 在阿里云、腾讯云 Ubuntu环境下搭建Python virtualenv虚拟环境
搭建 Python3虚拟环境环境为 Ubuntu Server 16.04.1 LTS 64位使用SSH链接服务器ssh ubuntu@[IP]先更新源sudo apt-get update查看是否已经安装pip3如果没有则安装sudo apt install python3-pip安装虚拟环境pip3 install virtualenvpip3 install ...
2019-06-21 23:08:08
933
1
原创 python中的Mixin
Mixin是为了给一个类扩充功能用的，它也没法被实例化。我们可以在Mixin类里实现一些方法给类扩充功能，合理使用mixin也能避免复杂的继承关系。你可能会问了，那为啥不直接写在类里头，比如用@staticmethod方法(我就有这个疑问)？我的理解是这样的，为了『高内聚』。如果你用过pylint检测代码，你会发现你在写类的一个方法时，如果在写一个method时没有使用到任何self里的东西，p...
2019-06-10 22:28:46
1191
原创 Redis的应用场景
毫无疑问，Redis开创了一种新的数据存储思路，使用Redis，我们不用在面对功能单调的数据库时，把精力放在如何把大象放进冰箱这样的问题上，而是利用Redis灵活多变的数据结构和数据操作，为不同的大象构建不同的冰箱。希望你喜欢这个比喻。一、Redis常用数据类型Redis最为常用的数据类型主要有以下五种：String Hash List Set Sorted set在具体描述...
2019-06-08 22:46:24
197
原创 Redis事务与实现分布式锁
1. Redis事务机制 1. 与MySQL等关系数据库相同，Redis中也有事务机制，Redis的事务实质上是命令的集合，但Redis中的事务机制不保证事务的原子性，这与关系型数据库中的事务不同，在一个事务中要么所有命令都被执行，要么所有事物都不执行。一个事务从开始到执行会经历以下三个阶段：开始事务。 命令入队。 执行事务。在MySQL中使用START TRANSACTIO...
2019-06-07 21:58:13
389
原创 对Redis的理解 及日常使用
NoSQL：一类新出现的数据库(not only sql)泛指非关系型数据库不支持SQL语法存储结构跟传统关系型数据库的那种关系完全不同，nosql中存储的数据都是KV形式的NoSQL的世界中没有一种通用的语言，每种nosql数据库都有自己的api和语法，以及擅长的业务场景NoSQL中的产品种类相当多：MongodbRedisHbase hadoopCassandra had...
2019-06-06 20:47:11
180
原创 防止 跨站请求伪造（CSRF）
CSRF全拼为Cross Site Request Forgery，译为跨站请求伪造。**CSRF指攻击者盗用了你的身份，以你的名义发送恶意请求。**
2019-06-05 21:46:54
1469
原创 好用的JavaScript 框架Vue.js (二)
#Today WWDC2019VUE库Vue.js允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式<!-- 在双花括号中 -->{{ prize | RMB }}<!-- 在v-bind中 --><div v-bind:id="rawId | formatId"></div>...
2019-06-04 23:04:38
206
原创 好用的JavaScript 框架Vue.js
事件处理事件绑定方法可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码，事件的处理，简单的逻辑可以写在指令中，复杂的需要在vue对象的methods属性中指定处理函数。<div id="example-1"> <!-- 在指令中写处理逻辑 --> <button v-on:click="counter += 1"&...
2019-05-23 22:13:39
248
原创 vue 渐进式JavaScript框架
vue.js简介之前都在用layui做项目，今后我将使用vue。vue官网：https://cn.vuejs.org/文档：https://cn.vuejs.org/v2/guide/Github：https://github.com/vuejs/vuevue的特点Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，在这一点上Vue.js类似于后台的...
2019-05-22 17:33:02
537
原创 ajax使用方法
ajax一个前后台配合的技术，它可以让javascript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。jquery将它封装成了一个函数$.ajax()，我们可以直接用这个函数来执行ajax请求。ajax需要在服务器环境下运行。$.ajax使用方法常用参数：1、url 请求地址2、type 请求方式，默认是’GET’，常...
2019-05-21 21:21:19
22293
原创 浏览器和与服务器的交互过程&HTTPS工作流程
web浏览器和web服务器的交互过程用户打开Chrom在地址栏输入 http://news.baidu.com/internet 会发生什么HTTP请求过程1.浏览器向DNS获取web服务器(www.baidu.com) 的IP地址；2.浏览器与IP地址为 115.239.211.112 的服务器进行TCP链接 端口为80；3.浏览器执行HTTP协议，发送GET /internet ...
2019-05-19 22:18:53
2622
原创 使用Python生成个性二维码
一、安装首先在python环境下运行，使用pip工具安装 myqr包然后在scripts输入命令：pip install myqr二、生成普通二维码安装了 myqr 之后，就可以在命令行中使用它了。假如我想要将 www.youkuaiyun.com字符串生成一个二维码，则只需要将在命令行中输入以下命令即可：myqr www.youkuaiyun.com运行后，myqr 会将生成的二维码保存在当前路径下，名...
2019-05-17 22:45:34
389
原创 Python进行MD5加密 加盐
为什么任然有公司数据库存储明文密码？！什么是MD5Message Digest Algorithm MD5（中文名为消息摘要算法第五版）为计算机安全领域广泛使用的一种散列函数，用以提供消息的完整性保护。该算法的文件号为RFC 1321（R.Rivest,MIT Laboratory for Computer Science and RSA Data Security Inc. April 19...
2019-05-14 22:53:11
6005
5
原创 MySQL命令行客户端 自动补全 语法高亮
MycliGitHub：https://github.com/dbcli/mycli官网：https://www.mycli.net/Mycli 是一个 MySQL，MariaDB 和 Percona 命令行客户端，具有自动补全、智能补全、别名支持、页面调整和语法高亮功能。安装：pip安装方式：$ pip3 install mycliubuntu安装方式:$ sudo ap...
2019-05-13 21:35:13
1845
代码输入 特效插件 activate-power-mode_v0.1.8.jar
2019-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人