
Web
文章平均质量分 65
sigmarising
Nothing, Nothing.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
npm scripts 中的钩子
我们知道,在的 scripts 字段可以设置很多自定义命令,然后通过来执行。此时执行npm 脚本有pre和post两个钩子,分别在目标命令的前后执行。pre。原创 2023-04-05 17:17:52 · 439 阅读 · 0 评论 -
解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps‘ is not defined
使用 Vue 3 Script Setup 时 ESLint 报错 'defineProps' is not defined 的一种解决办法原创 2022-01-31 10:34:50 · 9603 阅读 · 2 评论 -
ECharts 使用时控制台报错 `resize` should not be called during main process
ECharts 使用时控制台报错 `resize` should not be called during main process 的一种解决办法原创 2022-01-31 09:49:00 · 5014 阅读 · 1 评论 -
Vue 3 开发中的 ECharts 5 使用
Vue 3 开发中的 ECharts 5 使用随着 Vue 更新到了 V3 版本,ECharts 更新到了 V5 版本,它们均新增加了对 TypeScript 非常友好的支持。鉴于现有的开发方式与原先 Vue V2 版本仍然具有一些区别,所以本文在此给出一个新版的开发样例。Vue V2 + ECharts.js 使用范例1. 示例代码本节以标准柱形图为例,使用 Composition API 以及 TypeScript 进行代码编写。TestChart.vue:<template&原创 2021-11-14 19:25:19 · 3066 阅读 · 0 评论 -
嵌套 v-model 解决 Unexpected mutation of “XXX“ prop `vue/no-mutating-props`
嵌套 v-model 解决 Unexpected mutation of “XXX” prop vue/no-mutating-props我们在进行 Vue 开发的时候,经常会遇到一些对可使用 v-model 的组件包装嵌套的需求,但若使用不慎,就会引发 vue/no-mutating-props 的问题。本文将记录一种在 v-model 嵌套时的做法,以避免这个问题。本文使用 Vue 3 语法。1. 问题复现我们以 Naive UI 框架库中的 NDrawer 组件 为例,这个组件可以通过原创 2021-10-11 16:50:35 · 25101 阅读 · 2 评论 -
使用 express.js 时,提示 bodyParser已被弃用
使用 express.js 时,提示 bodyParser已被弃用1. 问题描述使用 express.js 解析 POST 请求的参数时,在过去会使用到来自 bodyParser 库的 url 编码以及 json 解析函数。而最近使用时发现,IDE 提示 bodyParser 已经被弃用,不建议再使用。2. 解决方案express.js 已经在内部实现了对 POST 解析库的支持,所以我们需要使用如下代码即可:import express from "express";let app =原创 2021-08-20 14:56:00 · 855 阅读 · 0 评论 -
如何在本地启动简易 Http 服务器
如何在本地启动简易 Http 服务器由于 Chrome 等众多浏览器默认禁止加载本地 js 文件,这导致了很多前端项目必须使用 Http 静态服务器去启动。本文将会介绍几种简单的方法启动本地的 Http 服务器。1. 使用 Node.js1.1 Node.js 安装直接使用官网安装包即可。安装完成后,可以将 npm 源更换为 taobao 以加快速度,详细可参考更换 npm 镜像源为 taobao。1.2 方案一 使用 http-server在需要监听的文件夹打开命令行,输入命令:npx原创 2021-05-22 09:33:58 · 8078 阅读 · 0 评论 -
解决 Github 不显示用户头像的问题
解决 Github 不显示用户头像的问题在访问 Github 页面时,可能会遇到用户头像不显示的问题(问题如图所示),本文旨在解决这一问题。问题分析使用浏览器开发者工具查看图片的链接:经果检查不同用户头像可以发现,用户头像的图片链接为如下形式:avatars*.githubusercontent.com/*其中 avatars 后面可以跟各种数字之后检查我们的某规则中包含...原创 2020-03-30 16:22:56 · 3335 阅读 · 0 评论 -
node.js 利用 socket.io 定时推送数据
node.js 利用 socket.io 定时推送数据socket.io 是一种基于轮询、长连接、或 WebSocket 的双向通信 node.js 库,它能够自适应选用最合适的方法建立通信。本文介绍一种在 node.js 服务端定时主动推送数据的方法。1. 所需要的依赖库node.js 轻量级框架 express、双向通信库 socket.io、定时任务工具 node-schedul...原创 2019-12-05 08:45:23 · 1561 阅读 · 0 评论 -
关于 FlexBox 布局的一些 MDN 教程
关于 FlexBox 布局的一些 MDN 教程HTML 布局有多种形式,flexbox布局(使用 flex)是其中最为重要的一种。本文备份了一些摘自 MDN 关于 flexbox 的中文指南,以供参考。MDN - CSS 弹性盒子布局MDN - flex 布局的基本概念MDN - 使用 CSS 弹性盒子MDN - 对齐弹性容器中的弹性项目MDN - 控制Flex子元素在主轴上...原创 2019-10-23 19:04:45 · 704 阅读 · 0 评论 -
配置文件备份:nginx+uwsgi+django
配置文件备份:nginx+uwsgi+django现在流行的 Web 开发模式多为前后端分离开发,即前端使用 Angular、React、Vue 框架开发并打包为静态文件,部署到 Apache、Nginx 服务器,同时对路由做好对应的配置。而后端服务仅提供 RESTful、WebSocket 服务等。互联网上关于 nginx、uwsgi 的配置文件教程各不相同,有些并不能起作用。笔者通过亲自...原创 2019-10-01 17:37:32 · 325 阅读 · 0 评论 -
React.js 学习笔记
React.js 学习笔记存档个人学习 React.js 过程中的手写笔记。说明笔记内容链接React.js 中文官网原创 2019-09-14 20:32:06 · 328 阅读 · 0 评论 -
使用 flask-socketIO 完成定时推送
使用 flask-socketIO 完成定时推送flask 是一款 python 的 web 框架,而 socketIO 则是一款用于实时通信的高级封装库,它可以智能选择 websocket、长轮询等方式进行双工通信。1. 面向事件驱动的 socketIOsocketIO 原本是一款 node.js 库,也有众多其他语言的实现版本。socketIO 的思想是使用事件驱动,通过不同的事件收...原创 2019-06-04 09:32:05 · 2857 阅读 · 0 评论 -
ES6 学习笔记 Part1-3
ECMAScript 6 - 学习笔记This is a learning notes of ES6.Learning with ECMAScript 6 入门文章目录ECMAScript 6 - 学习笔记1. ECMAScript 6 简介1.1 ES 与 JS 之间的关系1.2 ES6 与 ECMAScript 2015 的关系1.3 Babel 转码器2. let 和 const ...原创 2018-11-28 12:07:14 · 527 阅读 · 0 评论 -
ES6 学习笔记 Part2-3
ES6 学习笔记 Part2-3这是 ES6 学习笔记记录 Part2-3学习并节选自 阮一峰 - ECMAScript 6 入门仅供个人学习记录,原著请访问链接文章目录ES6 学习笔记 Part2-311. Symbol11.1 概述11.2 作为属性名的 Symbol11.3 属性名的遍历11.4 Symbol.for(),Symbol.keyFor()11. Symbol1...原创 2018-12-11 15:47:25 · 542 阅读 · 0 评论 -
ES6 学习笔记 Part3-3
ES6 学习笔记 Part3-3这是 ES6 学习笔记记录 Part3-3学习并节选自 阮一峰 - ECMAScript 6 入门仅供个人学习记录,原著请访问链接文章目录ES6 学习笔记 Part3-319. Class 的基本语法19.1 简介19.2 严格模式19.3 constructor 方法19.4 类的实例对象19.5 Class 表达式19.6 不存在变量提升19.7 私...原创 2018-12-11 18:21:29 · 372 阅读 · 0 评论 -
更换 npm 镜像源为 taobao
更换 npm 镜像源为 taobao由于 npm 的默认镜像源在国外,下载速度过慢,影响开发效率,本文介绍替换其为淘宝镜像源的方法。1. 持久替换镜像源在命令行输入命令:npm config set registry https://registry.npm.taobao.org可以持久使用淘宝镜像源。虽然淘宝 NPM 官网推荐用 cnpm 代替 npm,但很多的 cli 工具,...原创 2019-01-21 21:48:57 · 560 阅读 · 0 评论 -
理解 RESTful API
理解 RESTful APIREST(REpresentational State Transfer),即“表现层状态转移”,最早出现在 Roy Thomas Fielding (参与设计了 HTTP 协议、Apache 服务器)的博士论文中(2000年)。论文地址:Architectural Styles andthe Design of Network-based Software ...原创 2019-03-24 18:09:31 · 237 阅读 · 0 评论 -
npm 的 --save 选项
npm 的 --save 选项在 npm 5 之前的版本使用 npm install 默认选项安装包时,仅仅会把包下载到 node_modules/ 中,并不会同时修改 package.json。而使用 --save 选项就可以在安装包的同时,修改 package.json 文件。在 npm 5 之后的版本npm install 安装包时,默认便会修改 package.json 文件,所...原创 2019-03-13 14:44:31 · 17323 阅读 · 0 评论 -
自定义滚动条样式
自定义滚动条样式我们可以通过 CSS 来设定滚动条的样式,此文适用于 webkit 内核的浏览器。DEMO 样例源代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>CSS3自定义滚动条-轩枫阁</title>...转载 2019-04-23 08:33:53 · 230 阅读 · 0 评论 -
Vue 开发中 Echarts 图表自适应窗口大小变化
Vue 开发中 Echarts 图表自适应窗口大小变化Echarts 图表的 resize 方法不会自动调用,需要手动调用。本文介绍一种在 Vue 组件中绑定 Echarts 的自适应变化事件的例子。样例代码<template> <div ref="charts" style="height: 50vh"></div></template&...原创 2019-04-23 08:44:19 · 5341 阅读 · 0 评论 -
使用 debugger 声明,调试 Nuxt 代码
使用 debugger 声明,调试 Nuxt 代码Nuxt.js 是 Vue.js 的一款通用应用程序框架,本文介绍一种对其 debug 的方法。1. 准备工作本文假设使用 create-nuxt-app 创建 Nuxt 项目本文适用于 Nuxt V2.6+ 的 V2 版本在配置文件 nuxt.config.js 或 nuxt.config.ts 中,修改如下:// 本代码段使...原创 2019-06-03 16:55:54 · 4819 阅读 · 3 评论 -
在 Vue 中使用 vue-class-component 与 vue-property-decorator
在 Vue 中使用 vue-class-component 与 vue-property-decorator在 Vue 的 V2.X 版本中使用 TypeScript 时,推荐使用基于类的注解装饰器进行开发。1. 安装相关vue-property-decorator 基于 vue-class-component 开发而成,所以安装时仅需安装 vue-property-decorator ...原创 2019-06-04 09:11:32 · 7279 阅读 · 0 评论 -
HTTP方法:GET与POST
HTTP方法:GET与POST在 HTTP 中,最常用的两种方法就是 GET 和 POST。本文将会介绍两者的区别。GET查询字符串(名称/值对)是在 GET 请求的 URL 中发送的。GET 请求可被缓存GET 请求保留在浏览器历史记录中GET 请求可被收藏为书签GET 请求不应在处理敏感数据时使用GET 请求有长度限制GET 请求只应当用于取回数据POST查询字符...原创 2018-11-27 12:05:13 · 158 阅读 · 0 评论