Web企鹅
码龄5年
关注
提问 私信
  • 博客：51,313
    问答：8
    51,321
    总访问量
  • 57
    原创
  • 1,071,306
    排名
  • 26
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：辽宁省
  • 加入CSDN时间： 2020-07-17
博客简介：

Web_blingbling的博客

查看详细资料
个人成就
  • 获得124次点赞
  • 内容获得13次评论
  • 获得155次收藏
  • 代码片获得661次分享
创作历程
  • 7篇
    2022年
  • 3篇
    2021年
  • 48篇
    2020年
成就勋章
TA的专栏
  • echarts
    3篇
  • js
    31篇
  • react
    12篇
  • 百度地图
    1篇
  • git
    1篇
  • Redux
    1篇
  • CSS
    21篇
  • html5
    24篇
  • vue
    1篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

新星杯·14天创作挑战营·第9期

这是一个以写作博客为目的的创作活动，旨在鼓励大学生博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛！ 注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见 https://bbs.csdn.net/topics/619626357 2、文章质量分查询：https://www.csdn.net/qc

475人参与 去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

echarts 双y轴实现涉及问题解决

echarts 双 y 轴实现及问题解决1.刻度值不显示2.数值不对应轴3.最大值默认设置合适大小的公式4.刻度线不一致
原创
发布博客 2022.07.23 ·
3545 阅读 ·
7 点赞 ·
0 评论 ·
13 收藏

echarts 图例居右不能水平排列

在工作过程中发现正常设置图例靠右，设置水平排列就无效了解决方法相当简单：right: 'left',同理图例靠下也不能正常竖直显示，需要设置bottom: 'top',
原创
发布博客 2022.05.24 ·
1500 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

序列化和反序列化

好好的深入梳理下序列化与反序列化
原创
发布博客 2022.05.21 ·
324 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

react 百度地图定位

做了个百度地图定位，真是一步一个坎儿，遇到的问题和解决过程记录在这里，每一个坑我都亲自踩过，解决办法也亲测有效
原创
发布博客 2022.05.08 ·
2174 阅读 ·
5 点赞 ·
2 评论 ·
9 收藏

自写日历（周日历，农历节日节气）

详细的写了一个日历组件，把遇到的问题整理在这里目录antd 的日历组件显示中文antd 的日历组件显示中文import locale from 'antd/lib/calendar/locale/zh_CN.js'<Calendar fullscreen={false} onPanelChange={this.onPanelChange} locale={locale}/>...
原创
发布博客 2022.04.23 ·
1915 阅读 ·
3 点赞 ·
1 评论 ·
4 收藏

解决 echarts 图中 tooltip 文本内容太长导致显示不全

问题：使用 tooltip 的 extraCssText，高效方便tooltip: { show:true, trigger: "axis", confine: true, // 文本太长自动换行 extraCssText: 'white-space: normal; word-break: break-all;', // 文本太长自动换行效果：...
原创
发布博客 2022.04.19 ·
2376 阅读 ·
2 点赞 ·
0 评论 ·
4 收藏

git相关命令及重新修改无效解决办法

这里写目录标题新建代码库配置信息信息修改无效问题解决办法增加/删除文件代码提交分支标签查看信息远程同步撤销生成一个可供发布的压缩包新建代码库在当前目录新建一个Git代码库$ git init新建一个目录，将其初始化为Git代码库$ git init 你的工程名称下载一个项目和它的整个代码历史$ git clone 你的项目地址配置信息显示当前的Git配置$ git config --list编辑Git配置文件$ git config -e [--global]设置提交代码
原创
发布博客 2022.03.14 ·
1454 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

编写一个函数来查找字符串数组中的最长公共前缀

题目编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串 “”。示例 1：输入：strs = ["flower","flow","flight"]输出："fl"示例 2：输入：strs = ["dog","racecar","car"]输出：""解释：输入不存在公共前缀。提示：0 <= strs.length <= 2000 <= strs[i].length <= 200strs[i] 仅由小写英文字母组成解题思
原创
发布博客 2021.05.27 ·
2517 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

this 指针及作用域 快速理解

this 指针对象方法中的 this在对象方法中， this 指向调用它所在方法的对象；// 创建一个对象var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; // John Doe }};这里，this 指向了 person 对象；因为 pers
原创
发布博客 2021.04.01 ·
364 阅读 ·
2 点赞 ·
1 评论 ·
0 收藏

Ant Design 表单手机号验证

rules :[ { pattern: /^1[3|4|5|7|8][0-9]\d{8}$/, message: '请输入正确的手机号' }]或者rules :[ { pattern: /^1(3[0-9]|4[01456879]|5[0-3,5-9]|6[2567]|7[0-8]|8[0-9]|9[0-3,5-9])\d{8}$/, message: '请输入正确的手机号' }]另附一篇我看到比较全面的校验博客：https://blog.csdn.net/itbra
原创
发布博客 2021.01.26 ·
5443 阅读 ·
3 点赞 ·
0 评论 ·
7 收藏

Redux 入门学习教程（一）-- 核心 API 以及 工作流程

看到了非常好的入门教程，对刚学习 Redux 的我帮助很大，在这和大家分享~什么是 ReduxRedux 是 JavaScript 状态容器，提供可预测化的状态管理。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。不仅于此，它还提供 超爽的开发体验，比如有一个时间旅行调试器可以编辑后实时预览安装 Redux...
原创
发布博客 2020.11.27 ·
197 阅读 ·
2 点赞 ·
1 评论 ·
0 收藏

React 新旧生命周期对比，快速理清

之前的生命周期react-v16.3 之前版本的生命周期
原创
发布博客 2020.10.26 ·
253 阅读 ·
2 点赞 ·
0 评论 ·
2 收藏

React 报错：Newline required at end of file but not found

代码没有问题，却在代码最后一行显示错误： http://eslint.org/docs/rules/eol-last Newline required at end of file but not found 解决：在每个 js 文件写完后 要多写一行的空白行原因：eslint rules规则限制了：eslint eol-last: ["error", "always"]eslint eol-last: ["warn", "never"]eslint eol-last:0代码关
原创
发布博客 2020.10.15 ·
327 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

react 给选中的 li 添加样式

react 给选中的 li 添加样式思路：使用事件委托，关键：获取到的index必须转为数字，因为它是字符串handleClick = (e) => { const nodeName = e.target.nodeName.toUpperCase() let tag = e.target; if (nodeName === 'LI') { let index = parseInt(tag.getAttribute('inde
转载
发布博客 2020.09.25 ·
781 阅读 ·
2 点赞 ·
2 评论 ·
1 收藏

父级 Flex 属性总结

主轴与侧轴在flex布局中，分别为主轴和侧轴两个方向，或行列 或X轴Y轴；默认主轴方向是X轴，水平向右；侧轴方向是Y轴，水平向下；flex-direction设置主轴的方向属性值说明row从左到右 （默认）row-reverse从右到左column从上到下column-reverse从下到上flex-wrap设置子元素是否换行；默认情况下，项目都排在一条轴线上，flex 布局中默认不换行属性值说明nowrap不换行（默
原创
发布博客 2020.09.23 ·
275 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

路由库 React-Router

基本用法通过管理 URL，实现组件的切换和状态的变化；使用时，路由器 Router 就是 React 的一个组件；Router 组件本身只是一个容器，真正的路由要通过 Route 组件定义；可以同时使用多个Route组件，也可以嵌套使用；path 属性Route组件的path属性指定路由的匹配规则：设置 path 属性：当路径匹配时，加载指定组件；省略 path 属性时：不管路径是否匹配，总是会加载指定组件；通配符规则如下：:paramName:paramName 匹配
原创
发布博客 2020.09.21 ·
300 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

React 中关于 key 的基础知识

在 React 中，当创建一个元素时，必须包括一个特殊的 key 属性，否则，运行代码时，将会看到一个警告 a key should be provided for list items为什么要用 keykey 帮助 React 识别哪些元素改变了，比如被添加或删除。因此你应当给数组中的每一个元素赋予一个确定的标识。在新增 key 之后使得之前的低效转换变得高效。设置 key通常，我们使用数据中的 id 来作为元素的 key：<li key={xxx.id}>当元素没有确定
原创
发布博客 2020.09.21 ·
545 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

React 之 事件处理与条件渲染

需要注意 React 和 DOM 的区别：React 事件的命名采用 小驼峰式（camelCase），而不是纯小写；使用 JSX 语法时你需要传入 一个函数 作为事件处理函数，而不像 DOM 那样，是一个字符串；不能通过返回 false 的方式阻止默认行为。你必须显式的使用 preventDefault()；绑定 this 的方法以下回调函数名称用 handleClick 来表示方法一：bind在 constructor 中：this.handleClick = this.handle
原创
发布博客 2020.09.19 ·
263 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

React 中重要的 JSX

了解 JSXReact 使用 JSX 来替代常规的 JavaScript。JSX是一种JavaScript的语法扩展，运用于React架构中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位，JSX就是用来声明React当中的元素，React使用JSX来描述用户界面。通俗的讲，JSX 将 < 开头的解析成 html，将 { 开头的解析成 javascriptps：由于 JSX 就是 JavaScript，一些标识符像 c
原创
发布博客 2020.09.15 ·
215 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

React 小白初入门

推荐学习：React 官方文档：https://react.docschina.org/React 菜鸟教程：https://www.runoob.com/react/react-tutorial.html关于React特点描述库React 是一个用于构建用户界面的 JavaScript 库声明式设计采用声明范式，可以轻松描述应用高效通过对 DOM 的模拟，最大限度地减少与 DOM 的交互灵活可以与已知的库或框架很好地配合JSXJSX 是
原创
发布博客 2020.09.13 ·
1426 阅读 ·
3 点赞 ·
1 评论 ·
6 收藏
加载更多