在养一只虎纹�-CSDN博客

在养一只虎纹�

码龄5年

IP 属地：湖南省

查看详细资料

个人成就

获得148次点赞
内容获得20次评论
获得451次收藏
代码片获得8,676次分享

TA的专栏

前端部署
3篇
react
1篇
vue
3篇
JavaScript
26篇
python
2篇

兴趣领域设置

前端

javascriptcssvue.jsxhtml前端框架
网络与通信

https
学习和成长

面试

创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与去创作

搜TA的内容

swiper的wheel事件在mac上导致元素overflow:scroll属性失效

swiper踩坑～

发布博客 2023.04.01 ·

umi配置多环境变量并在docker中跑起来验证

也可以看到我们配置的process.env.UMI_ENV = test 有生效，生产环境同理可以验证。设置好不同的环境变量后，测试环境和生docker中跑起来，通过打印检查配置是否生效。最近开始自己负责一个umi项目从0到1的开发，中间遇到的环境变量配置问题记录一下，顺便再熟悉下前端项目在docker中的部署过程。其中config.test.js 和 config.prod.js 中分别配置不同的process.env.UMI_ENV的值。最后在页面中打印配置好的环境变量，不同的环境应该有不同的值。

发布博客 2023.03.20 ·

react配置环境变量

react配置环境变量

发布博客 2023.01.29 ·

window11安装docker小白教程

windows11安装docker并初步运行小白详细教程

发布博客 2022.12.06 ·

19296 阅读 ·

ant-design proTable 之 request 和 actionRef初识

但是到了分页的时候就没办法了，因为不比pagination组件可以设置total, proTable没有设置从页数或者总数据数的入口。这时候就要用到request, request 能自动获取表格数据，还有一个很重要的功能就是支持自动分页。一开始我以为actionRef.current里面有request方法可以重新调用，但其实不是的，直接调用reload方法会自动触发request请求。2、自动分页功能，注意这里与后端有一个交互共识就是，后端每次只返回某个页面的数据。这次只是简单用下reload。...

发布博客 2022.08.31 ·

腾讯云centos7.6安装jdk

背景：花58块租了一年2核2G的腾讯云服务，想要自己在上面跑一下jenkins部署流程，查看教程之后发现都要自己先安装jdk，初次接触linux命令，记录下安装流程。硬件：本地电脑：mac m1 pro;远程服务器： centos 7.6。

发布博客 2022.08.25 ·

VUE响应式原理三

前两篇文章教会我们手写一个简单的响应式系统。这篇文章主要带领我们潜入vue.js的源码来看待响应式系统。首先创建一个vue application： <div id="app"> <h1>{{ product }}</h1> </div> <script src="vue.js"></script> <script> var app = new Vue({

发布博客 2022.04.05 ·

vue响应式原理二

proxy在上节课程中，我们建立了一个与vue响应式实现相类似的响应式系统。Object.defineProperty()的使用将属性转化为getter, setter方法，这样能够持续追踪依赖，在属性修改的时候能重新运行匿名函数代码。如果你有关注过vue的设计蓝图，你会发现vue 2.x 以上的版本用proxy重写过，与我们上节课所展示的不同。我在这里问了evan (尤雨溪 vue 创始人), 使用proxy重写到底是怎样实现的，重写的好处又在哪里呢？优点proxy API 让我们能为对象创建

发布博客 2022.03.20 ·

vue响应式原理一

构建一个响应式系统本节课，我们将使用vue源码中相似的技能，来构建一个简单的响应式系统。这会让你更好的理解vue的设计模式，也会让你对wathcer 和dep这两个类更为熟悉。响应式系统第一次见到vue的响应式系统的时候你也许会觉得很神奇，比如下面的例子： <div id="app"> <div>Price: ${{ price }}</div> <div>Total: ${{ price * quantity }}<

发布博客 2022.03.19 ·

vue配置启动项目自动打开浏览器

vue配置启动项目自动打开浏览器1.找到项目中的config文件夹内的index.js，里面有一个配置是autoOpenBrowser:false；设置为true即可(或者全局搜索autoOpenBrowser设置为true)2.打开package.json找到启动命令npm run dev 跟npm run serve(这两种命令都可以) 后面增加 --open3.在根目录下新建vue.config.js文件vue.config.js代码如下module.exports = {

发布博客 2022.02.27 ·

vue slot插槽初识

vue中，一般组件定义好之后在使用的时候往两个标签之间插入内容是无效的，如下图，子组件中的hi vue内容并不会出现。但是在定义的时候加入slot标签后，使用时插入的内容就会被添加到slot所处的位置。组件定义 let componentA = { template: `<a> <slot></slot> </a>`

发布博客 2020.12.07 ·

vue组件的5中传参方式总结

1. props：子组件使用父组件中的数据使用关键步骤：父组件中定义好数据–>子组件props中定义父组件传入数据的类型 --> 父组件使用子组件时，子组件v-bind绑定props中定义的数据到父组件的数据名，此时在子组件中也能正常使用父组件的数据了。父组件// 在子组件中使用父组件定义的数据<template> <div> <div>我是父组件</div> <props-son :dat

发布博客 2020.12.04 ·

理解防抖和节流

1.防抖什么是防抖？为什么需要防抖？在一段时间内频繁触发DOM事件监听并引起函数调用很消耗性能，并且在很多时候是不必要的。比如用户注册用户名时，前端获取用户的输入并且判断用户名是否合理，没必要在每次用户输入一个值时都一直提示。此时就需要用到防抖，实现在用户输入完成一段时间后再真正调用函数。简单来说，防抖的原理就是在事件触发n秒（自定义）后再调用回调函数，如果在这n秒内又被触发，则重新计时。以input文本输入框j为例： <div class="title">1. 防抖案例</d

发布博客 2020.12.03 ·

vue-cli2 uninstall 出现问题

使用 npm uninstall -g vue-cli删除vue-cli2时出现 update to 0.00Xs , 没有删除成功的提示。运行安装新版vue命令后用vue -V检查还是出现的2.XX, 老的版本。后面查了stackoverflow 发现是因为vue cli和npm 安装在不同的目录下导致的，如果出现类似的报错，可以用which vue 和which npm 命令查看这两者各自的安装地址，如果不太一样就把旧版的vue-cli找出来整个文件夹删掉，然后再vue -V就会自动更新成最新版本的vu

发布博客 2020.11.28 ·

CSS 5 种居中方法总结

元素的居中主要分为垂直居中和水平居中，其中不同类型的元素，比如块级元素，行内元素，文本等有不同的居中对齐方式。水平居中块级元素水平居中：元素设置宽高后 margin: 0 autoHTML <div id="mydiv"> 块级元素 </div>CSS #mydiv { width: 300px; height: 100px; background-c

发布博客 2020.10.12 ·

echart车流量数据可视化

数据：3000条轨迹（模拟），首尾点经纬度坐标，每条轨迹的权重。权重可简单理解为同首尾点轨迹重复的次数。数据格式为：[起始点经度，起始点纬度，末尾点经度，末尾点纬度，权重]需求：可视化每条航线，并根据不同的权重给予不同的颜色。只需在本地做简单的展示就可以。以下为全部的HTML代码（注意百度地图开发者AK密码需要替换为自己的），读取的OD.JSON数据放在同一文件夹下即可：<!DOCTYPE html><html lang="en"><head> &l

发布博客 2020.06.04 ·

pandas dataframe 得到某一值所在的行索引

随便假设一个数据框：import csvimport pandas as pddata = {"year": [2010, 2011, 2012, 2013], "month": [1, 2, 3, 4], "date": [5, 6, 7, 8]}df = pd.DataFrame(data)print(df)找到指定数值所在行索引：# 找到指定数值所在行索引：# 比如2012年所在的行索引index = df[df.year == 2012].index.tolist()[

发布博客 2020.06.03 ·

71961 阅读 ·

echart+百度地图demo

记录在引入bmap.js时踩过的坑：首先准备3个引入：<script src="echarts.min.js"></script><script src="node_modules/echarts/dist/extension/bmap.js"></script><script src="http://api.map.baidu.com/api?v=2.0&ak=你自己的百度开发AK密码"></script>其中

发布博客 2020.06.02 ·

使用GitHub Pages部署静态页面

尝试一下将前端静态页面部署到GitHub上：如图，在github创建一个新仓库，我的已经创建好了，就叫EchartDemo:复制GitHub中EchartDemo工程地址，git clone + http:XXXX 到你想要的文件夹中，最后再把整个前端工程复制到你从github上克隆下来的EchartDemo文件夹中：3. 接下来就是提交代码了：首先cd EchartDemo进入到...

发布博客 2020.04.29 ·

Echart入门（二）

使用rollup自定义构建参考echart官方文档：自定义构建echarts步骤 1首先在在根目录中使用npm安装rollup: 其中commonjs文件是为了支持在浏览器中使用requre保留字。npm install rollup --save-devnpm install rollup-plugin-node-resolve --save-devnpm install rollu...

发布博客 2020.04.13 ·