- 博客(20)
- 收藏
- 关注
RSS订阅原创 Node.js使用 svg-captcha 生成图形验证码完成前端登录验证
svg-captcha ：可以很轻松的生成日常使用的 svg 格式的图片验证码，灵活的参数配置能够满足项目特别的需求。GitHub文档地址：https://github.com/produck/svg-captcha/blob/HEAD/README_CN.mdNode环境1、安装方法npm install svg-captcha2、使用方法（express）const svgCaptcha = require('svg-captcha'); // 引入模块// 生成验证码的接口e.
2022-04-08 21:45:20
2565
原创 echarts图表超出宽度添加横向滚动条
最近项目中使用到echarts图表，当数据过多时需要添加横向滚动条，经过摸索和踩坑，终于！！！！完美填坑！！注意echarts的版本问题，我这里使用的是5.0版本以上 dataZoom: [ { xAxisIndex: 0, //这里是从X轴的0刻度开始 show: true, //是否显示滑动条，不影响使用 type: 'slider', // 这个 dataZoom 组件是 slider 型 d
2022-03-28 21:51:52
7126
原创 解决“Cannot set headers after they are sent to the client”
背景使用 node 做了一个服务器去操作数据库并且暴露 API 接口给前端页面请求数据使用，在做登录页面时候，登录功能和修改用户的密码功能都已经实现并且单独调试的时候无误，但是在两者结合，即登录前修改了用户密码然后再进行登录验证，服务器会报错如下：翻译为中文： 将请求头发送到客户端后无法设置请求头报错原因： 客户端发送一次请求的时候，服务器端给出了多次响应经过摸索与实践，解决方法如下：服务器在每次响应后添加return，避免多余响应。在下图中，在用户登录成功后服务器会返回响应，在响应后直接用
2021-11-30 09:58:43
24220
7
原创 解决跨域：“Access to XMLHttpRequest at ‘http://127.0.0.1:8081‘ from origin ‘http://localhost:8080‘“
在使用 vue 过程中经常会向服务器请求数据，但是时常会发生跨域的错误，具体什么是“跨域”请自行百度，这里说明一下怎么解决这个问题。1、在 vue.config.js 文件中配置如下操作：2、在 main.js 中修改baseURL3、在服务器中配置允许跨域...
2021-11-29 11:55:10
54366
10
原创 如何在Vue3.0中引入jQuery并使用
1、安装jQuery需要在项目根目录下使用 npm 命令：npm install jquery --save2、vue.config.js文件在项目根目录下创建一个 vue.config.js 文件（如果已经存在无需创建），进行如下配置：const webpack = require('webpack')module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({
2021-11-26 12:12:33
8697
7
原创 Vue.js之父组件向子组件传递数据--props
前言在使用vue开发过程中，我们时常要通过父组件向子组件传递数据，但是怎样才能实现这一过程呢？其中尤为主要的就是我们今天的主角——props什么是props？“Props”是一个特殊的关键字，代表属性。它可以在组件上注册以将数据从父组件传递到其子组件之一。props 中的数据只能父组件向子组件传递，这只是意味着不能将数据从子级传递给父级。要注意的是 Props 是只读的，不能被子组件修改，因为父组件“拥有”该值。下面开始说正事！！！子组件如何注册 props：<template>
2021-10-12 18:10:15
635
原创 JavaScript 阻止事件冒泡
阻止事件冒泡的方法，包括兼容IE浏览器（e.cancelBubble ）和标准浏览器（e.stopPropagation ）。实例代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <m
2021-10-11 11:31:18
136
原创 C语言实现字符串转十六进制
背景介绍在嵌入式系统中， 通常会使用串口发送字符串的方式与通信模块通信，比如NBIoT模块。 有的通信模块不支持二进制形式进行透传，需要MCU事先将二进制数据转换为十六进制的字符串形式发送。比如，MCU需要发送的数据为0x1234，但通信模块只能接受字符串形式，因此必须要将其转换成字符串形式的"1234"，通信模块才能正常接收处理。具体要求请实现一个转换函数void to_hex_string(char* pSrc, char* pDst, int len) 其中，原始二进制数据从pSrc输入，len
2021-10-08 19:13:02
6011
1
原创 【ES6】var let const 对比区别和使用场景
ES6新增加了两个重要的 JavaScript 关键字: let 和 const。它们和var一样，都是用来声明变量。下面介绍一下它们的区别，以及如何正确使用。一、let变量不能重复声明let name = '周杰伦';let name = '陈奕迅'; // Identifier 'name' has already been declared块级作用域let 是在代码块内有效，var 是在全局范围内有效。{ let x = 0; var y = 0;}console
2021-09-26 17:41:15
283
原创 web前端工程师面经（笔试 / 面试问题）
最近面临着毕业找工作，自己也是一个小白什么都不懂，所以在此记录一些自己在面试过程中面试官所提问的问题，同时也分享给大家。（不喜勿喷）1.谈一下CSS的盒子模型。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像。2.如
2021-09-24 23:34:51
1284
1
原创 Vue echarts初始化实例报错“in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“”
解决方法1卸载高本版的echarts，重新安装低版本的echartsnpm install echarts@4.8.0 --save解决方法2因为新本版的echarts它的引入方式发生了改变，所有需要用新的引用方式import * as echarts from 'echarts'
2021-08-20 17:42:55
238
原创 Gitee码云中本地和远程操作常用git命令（持续更新）
1.创建本地分支并切换到该分支git checkout -b 创建分支的名字2.将本地分支推送到云端仓库中（该分支在云端仓库中未创建）git push -u origin testorigin：云端仓库的别名test：该分支在云端仓库的名字3.查看本地当前所处分支或显示所有分支git branch4.查看当前文件状态git status5.将修改过的文件添加到暂存区git add .6.将修改后的文件保存到本地仓库git commit -m "自定义提示消息"7.将本
2021-08-14 19:26:26
128
原创 vue项目中报错“net::ERR_CONNECTION_TIMED_OUT”
解决方法在vue项目的根目录下创建文件“vue.config.js”,在文件中输入以下配置内容：module.exports = { devServer: { host: '192.168.10.156', port: 8080 }}注意其中的host是自己出错的network，我的是192.168.10.156。...
2021-08-09 19:38:56
1412
原创 npm install 安装依赖项失败~~
最近跟着一些博主在写一些简单的vue项目，但是在这个过程中遇到一些问题，所以想删除了node_modules再重新安装一下依赖项，但是使用命令“npm install”安装的时候出现了一些错误，如下所示。解决方法先安装淘宝镜像npm install -g cnpm -registry=https://registry.npm.taobao.org使用cnpm命令安装依赖项cnpm install成功解决！...
2021-08-08 22:29:32
798
原创 vue-cli项目中安装less和less-loader版本过高不可以用问题
在Vue CLI可视化界面中直接安装less和less-loader依赖会发现可以安装成功，但是后续使用的时候会提示less-loader版本过高问题解决方法1. 对于less可以直接在可视化界面中安装即可2. less-loader可以在项目根目录下打开windows powershell使用命令安装指定版本的less-loader，想要安装什么版本就在@后输入什么版本，这里安装的是6.2.0版本 npm install less-loader@6.2.0 --save-dev安装成功后
2021-08-08 18:12:41
3147
转载 安装@vue/cli报错，npm ERR! gyp ERR! not ok
安装@vue/cli报错，npm ERR! gyp ERR! not ok在执行命令 npm install -g @vue/cli 来安装vue脚手架时，出现下图所示的错误，最后发现是镜像源的原因导致安装失败。解决方式：1.安装淘宝镜像源：npm install -g cnpm --registry=https://registry.npm.taobao.org2.使用cnpm命令安装：cnpm install -g @vue/cli3.查看vue版本号：成功安装vue cli。
2021-08-06 18:23:09
4117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人