Heerey525-CSDN博客

原创时间很快，请多做有意义的事情

写下这篇文章的标题的时候，是我真实感觉时间过得太快了。又到了金三银四，找工作换工作的黄金时期，我的内心也有点波动，也会去看一些招聘网站，如智联招聘、boos直聘、拉钩等。看看目前公司招聘的要求以及需要的技能。看着一项一项的招聘要求，心里没有底气去换工作。看似每天忙着工作，早上挤地铁上班，晚上有时候加班到很晚，身体疲劳，进步不大。用工作忙来作为自己偷懒的借口，下班后心安理得的去玩游戏，看段子...

2019-03-18 22:43:36 9765 14

原创将webApp或者H5页面打包成App

最近有人问我怎么打包app，我对ios和安卓不怎么了解但如果是webApp和H5页面的话我可以教你用Hbuilder打包1、搜索Hbuilder2、进入官网下载（当然你在其他途径都可以）3、点击DOWNLOAD4、注意不要下载最新版，下载老一个版本的（最新版找不到新建app）5、下载安装好后，点击新建-移动app5、配置6、选中自己的Ap...

2019-01-16 16:24:41 14629 3

原创 layui table表单提示数据接口请求异常

问题一：直接拿别人的文件放在本地打开如下图原因：这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。”也就是你不能用本地文件打开，本地打开是file:///C:/Users/Administrator/Desktop/git/layui_table1.html可以在本地服务器上展示没有问题http://localhost/git...

2018-07-19 09:33:04 93892 21

原创 windows下已有node重新安装nvm

在前期安装前端开发环境时没有未雨绸缪，提前安装nvm，当接手一些老项目时可能需要切换到较低版本的node环境以支持。

2022-07-11 21:22:34 1673 1

原创前端应该会的nginx代理（windows）

Nginx 是一个很强大的高性能web和反向代理服务，配置普通html，vue项目和react项目，node后端服务

2022-07-10 00:03:13 6522 3

近期vscode突然更新到1.69.0，去掉了一些开发者已经习惯使用的一些快捷操作，如!回车创建Html模板等，论坛里面好多小伙伴中招VSCode配置Settings Sync插件github上 https://github.com/microsoft/vscode/releases/tag/1.68.1gitee上 https://gitee.com/microsoft/vscode/tags发现下载的zip包并不是可直接使用的exe发现历史版本的安装包需要自己手动拼一下特此为大家提供了上一个版本1.

2022-07-09 23:26:20 2713 4

原创【高德地图POI踩坑】AMap.PlaceSearch无法使用

【高德地图POI踩坑】AMap.PlaceSearch无法使用

2022-06-22 10:41:11 2959 3

原创如何正确在CSDN问答进行提问

起因在我入行早期，非常的菜，当时除了请教厉害的同事以外，还在CSDN文旦上进行过提问，受到过大佬们的帮助。后来我会将我遇到的一些问题和总结的经验在CSDN上以文章的形式记录下来，作为我的笔记一般的存在，没想到也帮助到一些人。记录文章的习惯并没有很好的延续下午，所以我中断过挺长时间，偶然一个比较空的机会，我又重新关注到了CSDN问答，想着现在的自己也有能力帮助一些为入行或入行早期的新人。可能很多提问者也是没有什么经验，是比较笼统的提出一些问题，让答题者没办法有效的进行解答，所以我想写一篇文章讲下，如

2022-05-15 18:17:53 3681 2

原创前端VsCode编辑器插件推荐（比较全面，涉及30+）

1、Settings Sync将Vscode配置保存在GitHub Gist，可以拿到Gist 的id来下载保存的配置，完成Vscode一键配置2、Chinese (Simplified)(简体中文) Language Pack for Visual Studio Code3、Auto Rename Tag修改HTML标签时自动修改匹配标签4、Beautify格式化javascript, JSON, CSS, Sass, and HTML5、Bracket Pair Colorizer此扩

2022-05-14 22:40:32 1157

原创 docker image build失败 failed with status: 401 Unauthorized

报错情况：failed to solve with frontend dockerfile.v0: failed to create LLBdefinition failed with status: 401 Unauthorized思路：401 Unauthorized，看着是鉴权失败解决方法：尝试加了阿里云的镜像加速，解决了，这里是添加镜像加速的方法。...

2021-09-07 15:04:53 1917

原创 ‘mongoexport‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

情况一：老版本出现，可能是你在输入mongo命令之后，在同一命令框中导入导致报错解决办法：重新打开一个命令终端执行导入操作情况二：老版本出现，可能是没有配置环境变量解决办法：配置环境变量即可情况三：新版本出现，可能是新版本没有提供这些命令，需要单独下载，验证方式--> 在mongoDB路径下发现没有mongoexport 的命令解决办法：需要下载安装 MongoDB Database Tools ，推荐下载msi安装，如果mongoDB是安装在C盘默认路径（C:\Program

2021-09-02 09:42:36 3561

原创 vue-cli 配置多环境打包

情况由于目前前端切换环境配置变得比较频繁之前的手动切换环境配置的方式比较繁琐且容易遗漏或者出错配置多环境，可以实现一键打包测试包或生产包初步实现npm run dev // 本地运行--开发环境npm run dev:test // 本地运行--测试环境npm run build:test // 打包发布--开发环境npm run build:prod // 打包发布--测试环境步骤1.在根目录新建文件.env.dev、.env.testenv、 .env.pr

2021-08-24 22:19:44 2060 2

原创 vsCode创建自己的代码模板

情况最近重温react，写jsx代码有点多，新建组件每次都要手打一遍或者copy一份模板，太不方便了，打算配一套模板，之后再次使用是就可以快捷键直接生成。创建步骤1.入口打开入口一：（左上角）文件-首选项-用户代码片段入口二：如下图2.新建代码片段为了不影响其他的代码片段，我们选择新建全局代码片段文件填写你要创建的文件名，我打算创建jsx的代码片段，所以取名jsx，然后点击保存默认的是举得例子3.编写配置prefix：快捷键body：配置的代码片段 \t指加空格缩进

2021-08-21 16:56:01 644

原创 H5内嵌App适配暗黑模式

情况：项目是vue做的H5页面，需要嵌入到App中适配暗黑模式，但是H5需要有个加载的过程，就会出现一闪而过的白色（未渲染完成）解决方法：在public/index.html中添加CSS媒体查询，代码如下<style type="text/css"> @media (prefers-color-scheme: no-preference) { body { background-color: #fff !important;

2021-08-20 00:22:38 864

原创 docker入门

安装window10安装，在官网下载安装包。Install Docker Desktop on Windows安装后 windows + R，输入cmd打开命令控制台，中敲下 docker，有使用说明出来的话大多情况下说明已经安装成功了。双击Docker Desktop启动，出现错误提示下载有点慢，安装成功后，重启Docker Desktop，左下方变绿了安装镜像...

2021-08-10 23:34:18 1506 3

原创 TypeScript入门

1、前提安装好node，然后全局安装typescriptnpm install typescript -g2、调试工具新建一个tsdemo.ts文件，随便写一个函数function fn() { let web: string = "hello world"; console.log(web)}fn();可以使用命令，转换为js文件，然后运行tsc tsdemo.tsnode tsdemo.js上面运行比较麻烦一点可以安装ts-node，就可以直接运行tsdemo.t

2021-08-10 23:16:00 91

原创 H5 模块悬浮拖动效果

问题：在移动端H5悬浮一个模块可能会出现遮挡到别的内容的情况，所以需要将这个悬浮的模块可拖拽。方案：就是监听触摸事件，（绝对定位）改变模块的位置预览需要浏览器在手机模式下代码：<template> <div class="container"> <div class="floatBox" id="floatBox"></div> </div></template><script&gt

2021-07-29 01:11:17 720

原创 Vue中使用echarts案例

需要注意的点：本案例采用按需引入；echarts所挂载的DOM必须设置宽高；本案例包含常用的折线图、柱状图（横向、竖向）、饼图、动态创建多个图表；echarts安装 npm install echartsecharts配置属性echarts官方案例echarts社区资源，有很多好看的例子官方案例中选中完整代码-按需引入，即可获得按需引入的模块<template> <div>  <div ref=".

2021-07-11 17:21:59 1284

原创 iphone连接到wifi，无法上网（Android，笔记本电脑可以）

iphone连接wifi，连接成功，无网络之前也遇到过，忘记是怎么搞好的了这次搬家之后又遇到了路由器重启、重置无果又看到有人说，手动设置ip地址，不用动态方式试了下也不行最后找到iphone社区的一个帖子设置-无线局域网-该wifi-配置DNS：改为手动，DNS服务器设为8.8.8.8解决了（手动ip和动态ip都可以）参考资料：网络中使用手动设定ip地址后wifi无法连接...

2021-07-06 00:02:42 2311

原创 vue中WebSocket的使用

<template> <div></div></template><script>export default { name: 'webSocketDemo', created() { this.init() }, data() { return { socket: null // websocket } }, beforeDestroy () { // 销毁监听

2021-06-28 22:55:22 320 2

原创 echartsjs DOM 容器高度设置太小导致y轴数据显示不全

情况DOM 容器高度设置的太小，导致折线图显示不全，被截断了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0

2021-06-18 16:19:48 1294 1

原创微信小程序路由再次跳转不触发onload

情况：1、从index页面跳转（wx.navigateTo）到add页面，第一次会进入add页面onLoad，但是第二次从index页面跳转（wx.navigateTo）到add页面，则不会进入add页面的onLoad；2、从add页面跳转（wx.redirectTo）到index页面，不会进入index页面onLoad原因：在首次进入一个页面的时候，会进入该页面的onLoad，但是跳来跳去，其实路由并没有销毁，该页面已经存在路由栈，所以被缓存起来，并不会再次进入onLoad解决方法：1、在on

2021-06-14 23:12:31 5420 1

原创 Vant Weapp SwipeCell设置多个按钮

情况在weapp文档中没有看到设置两个按钮的代码遗憾的是找了一圈其实没有发现有人给出解决方案解决方案在控制台看到其实在<view slot="right">宽度不够，并不是第二个按钮出不来。发现有right-width这个属性，把right-width变大就可以容纳更多按钮了代码<van-swipe-cell right-width="{{ 130 }}" left-width="{{ 65 }}"> <view slot="left">选择</

2021-06-14 22:22:49 1722

原创 web前端vue融云即时通讯上手

1、采用v2.8版本2、可以将https://cdn.ronghub.com/RongIMLib-2.8.latest.js，下载到项目里，以import形式导入，同时需要下载npm install --save @rongcloud/engine3、将初始化、设置监听、连接封装到一个rongyun.js文件中，作为初始化融云调用4、在业务组件中调用rongyun.js中方法，完成融云初始化之后，可以获取会话列表|历史消息，设置RongIMClient.setOnReceiveMessageListe

2021-05-27 21:16:14 2294 9

原创面试时你需要询问或了解的事项

情况：我在网上看到有很多的回答面试题的文章，但是很少有为求职者提供发出问题的文章，所以我稍微总结了一下需要向求职公司询问的一些内容。询问事项：薪资构成：底薪、绩效、补贴、年终奖、项目奖、试用期（五险一金，是否打折）加班补贴：晚上加班到几点，多少餐补，一比一调休福利待遇：节假日礼品、生日礼品、下午茶、团建聚餐晋升和涨薪：一年一涨团队结构：多少人，前端、后端、产品、测试、客户端公司发展目标：发展方向进入公司负责的项目：属于自研还是接外包项目，PC、移动端、小程序工作时间：9:00-18:00

2021-05-15 15:40:25 221

原创 mongoDB添加管理员与用户

情况首先需要明确的是mongoDB是没有默认管理员权限的，后端代码连接数据库，不需要账户密码，在自己本地开发的时候，确实是方便了些，但如果是要开放或者上线的话，虽然是局域网，但也不应该继续让数据库裸奔啦。方法步骤在admin数据库（admin数据库是mongoDB自带的数据，有一张user表，用来存放用户，以及用户权限），添加管理员账号切换到数据库adminuse admin创建超级管理员账号root，密码123456db.createUser({user: "root", pwd: "123

2021-05-03 23:37:14 2438

原创解决xftp6 要继续使用此程序，您必须应用最新的更新或使用新版本

情况：前几日，要用到xftp6的时候，突然显示更新：要继续使用此程序，您必须应用最新的更新或使用新版本。当我点击更新的时候，出现Error：无法下载文件成功。摆在我面前的是两个选择，一个是升级（安装xftp7），另一个是阻止更新xftp6用着挺好的，阻止更新就可网上找了找，发现也挺简单。方法：下载C32asm，C32asm选择十六进制编辑，C32asm可直接用我百度网盘分享，密码：p62k打开xftp6的文件位置，找到nslicense.dll，备份一下（防止修改错误！！！）

2021-04-06 11:34:42 7404 8

原创 TypeError: this.getOptions is not a function

今天重新配置文件，下载了less-loader，结果报错了TypeError: this.getOptions is not a function原因：（默认下载的）less-loader安装的版本过高我当前安装的是最新版8.0.0解决方案：查看less-loader 版本日志看到稳定版本是7.3.0方案一、先卸载less-loader 然后重新下载npm uninstall less-loadernpm install less-loader@7.3.0方案二、直接修改版本号

2021-03-09 17:57:45 279

原创 vue中数据改变给视图添加类banner动画

场景：当请求接口（或其他条件）使得当前绑定变量发生改变，希望出现类似banner的动画效果（表明数据发生改变）。解决方案：索性直接做成了banner的方式，绑定两个变量，来解决数据动态改变造成的视图不友好（如绑定同一个变量value，数据将在动画发生之前就改变，我们希望的是数据随动画一起变化）<template> <div id="container"> <div class="bannerBox"> <div class="linkB

2021-03-09 15:19:28 684

原创 flex布局与position定位存在冲突

情况：现在布局很多时候用到flex方式，有次我将flex布局后的元素B，然后给元素B添加position定位，发现元素B无法被子元素撑开<!DOCTYPE html><html><head lang="zh-CN"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>flex布

2021-03-09 11:36:16 5463

原创 vue iview Menu改造为五边形菜单

如下图所示：代码展示：<template> <Row class="shiftView"> <Col class="shiftLeft"> <Menu ref="menuListBoxRef" :active-name="curTab" theme="light" width="auto" @on-select="handleClick" &gt

2021-02-25 10:46:05 324

原创 vue中iframe的应用以及问题

<template> <div> <iframe @load="loadMethod" :src="url"></iframe> <br> <button @click="changeSrc">改变iframe的src为网址，会触发load事件</button> <br> <button @click="changeSrcDown">改变iframe的src

2021-02-22 14:52:27 1675

原创设置前端页面不随系统缩放而改变

场景：是c++内嵌web页面，在一些的显示器（比如2k屏的笔记本电脑）放大字体，给造成页面放大。我们希望的是页面不放大。解决：获取到当前设备缩放比，然后更改这个缩放比具体代码：<script> // 判断pc浏览器是否缩放，若返回1则为默认无缩放，如果大于1则是放大，否则缩小 const ratio = window.devicePixelRatio // 这个计算公式是我得出比较合理的结果 if (ratio != 1) { document.bod

2021-01-29 16:21:15 3033

原创在vue中使用节流和防抖函数

在vue中使用节流和防抖函数防抖(debounce)如果短时间内大量触发同一事件，只会执行一次函数/** 防抖* fn [function] 需要防抖的函数* delay [number] 毫秒，防抖期限值* eg. getCouponMethod: debounce(function() {}, 1000)*/export const debounce = (fn, delay) =>{ let timer = null //借助闭包 return function() {

2021-01-26 17:25:40 778 2

原创 vue中重复设置定时器导致时间加速

场景在函数setTimer中写了一个定时器，之后调用clearTimer清除该定时器，重新调用setTimer，之前设置的1000ms延迟会缩短，导致定时器加速。原因是定时器清除操作并没有将定时器清除，会一直保持运行。<template> <div></div></template><script>export default { methods: { setTimer () { this.timer = setInterv

2021-01-20 17:22:10 1724

原创前端导出或下载无感，不新开窗口

原因：在导出或者下载的功能里常见的就是window.open(’下载的url地址’)，但是这样会导出是会新打开一个浏览器窗口，进行下载，在一些场景下是交互不友好的（如web页内嵌入C++的桌面应用）优化：利用iframe代替window.open()方法，通过将下载的url地址变更iframe的src属性来进行下载，当然要将iframe隐藏起来，这样就避免了window.open()方式下载的新开窗口的出现，代码如下：<template> <!-- 用改变iframe的src下载

2020-12-25 16:19:52 4380 6

原创 Vue中select默认选中下拉选项第一条（举例iview AutoComplete组件）

一、html中静态给对应option元素直接添加selected属性<select> <option value="0">one</option> <option value="1">two</option> <option value="2" selected>three</option> </select>动态option加载完成后给对应元素添加selected属性$("selec

2020-12-25 14:28:20 9382 1

原创 vue中使用animate.css，数据改变并运行动效

一、安装在命令行中执行：npm install animate.css --save二、引入import animated from 'animate.css' // 引入animate.cssVue.use(animated)三、一般使用新版本：<div class="animate__animated animate__bounceInLeft"></div>旧版本：<div class="animated bounceInDown">&l

2020-12-24 17:04:27 1429 2

原创 iview Table中自定义数据为空展示

需求：table中暂无数据时展示自定义缺省图和自定义文案分析：先找文档，有相关属性no-data-text 数据为空时显示的提示内容 String 暂无数据但是看了下no-data-text属性支持string类型，之前一直只是改改文案，用着是可以，但是图片加文字可以吗？存在疑问解决：3. 尝试用no-data-text属性加入html代码，（可行，遂不尝试其他方案了）<Table:no-data-text="`<img class='noImgUrl' src=

2020-12-21 14:18:10 3874 4

原创 vue中引用图片

一、template中引用图片1. 直接用<template> <img src="@/assets/images/img.png"> <img src="../../../assets/images//img.png"><template/>2. import引入<template> <img :src="imgUrl"><template/><script> import imgUrl

2020-12-21 13:55:10 1642