小房子~
码龄6年
关注
提问 私信
  • 博客:19,914
    19,914
    总访问量
  • 14
    原创
  • 83,253
    排名
  • 22
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:湖北省
  • 加入CSDN时间: 2019-06-21
博客简介:

xiaofang_z的博客

查看详细资料
  • 原力等级
    当前等级
    2
    当前总分
    169
    当月
    2
个人成就
  • 获得36次点赞
  • 内容获得6次评论
  • 获得78次收藏
  • 代码片获得324次分享
创作历程
  • 3篇
    2024年
  • 2篇
    2022年
  • 5篇
    2021年
  • 3篇
    2020年
  • 1篇
    2019年
成就勋章
TA的专栏
  • 前端
    8篇
  • github
    1篇
  • 数据库
    1篇
  • 其他
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

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

css实现分隔等分的环形图

正常来讲要用echarts去实现,在网上找到隔差不多样子的,本打算照搬,用的过程中因为当前项目里已有其他版本,照搬的这个不兼容,放上去没有颜色的效果,就没有使用echarts方式实现,如果当前项目没有echarts可以调至该版本4.8.0(点击仪表盘到第9页)
原创
发布博客 2024.12.09 ·
238 阅读 ·
6 点赞 ·
0 评论 ·
5 收藏

解决移动端canvas 绘制的图片模糊的问题

之前前面写过一遍有关canvas移动端适配的稿文,测试测出来还有点bug,绘制的图有点模糊,这里完善下。假如,页面是1200*680 的高度,我的图片得是2倍的图2400*1360。canvas 设置成2400*1360的width ,这样页面会被放大,canvas的width、height得是实际可视内容的宽度,得动态获取。当然在实际h5页面里,宽高不会是这样写死的,都是动态获取。解决办法是,所有的数值,必须要 乘以 dpr,记得,如果有点位的展示,点位也需要 乘以dpr。例如,我这个设计是横屏,
原创
发布博客 2024.08.06 ·
1254 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

canvas 根据点位web循环展示样式,并等比例适配h5

当然这套代码里也是有冗余部分,画笔绘制完,需要关闭路径,才能画下一个内容,否则会有冲突,会出现样式相互影响的情况,为避免干扰,我采用的是再次循环的方法去写入样式,当然这样肯定是耗费性能的,目前暂时没想到更好的处理办法。个人也是第一次用canvas,不是非常熟悉,觉得最难的部分在绘图,前端页面样式更多是用css的方式书写,但现在要用画布的方式去绘制,比如要绘制矩形,绘制圆角,绘制倒三角,文字填充等,不会写,各种百度。比如这个点位是100,而宽高都是已知的,就能算出实际矩形所在的点位了。
原创
发布博客 2024.08.02 ·
775 阅读 ·
18 点赞 ·
0 评论 ·
21 收藏

vue滑块验证效果(pc、h5都可用)

vue滑块验证,web、h5都可用
原创
发布博客 2022.09.29 ·
1523 阅读 ·
1 点赞 ·
1 评论 ·
8 收藏

vue 实现课程表

要实现的效果如下:主要是花了很长时间去花了这个页面,也是各种百度,所以,在此记录下,有需要的人可以借鉴看下包含了html,假数据、以及css,可以整个copy过去目前这一版是未联调的静态页面,下一次发一个已经联调过的,含接口的数据,看真实效果<template> <div> <div class="Micro_top"> <div class="searchs"> <span>时间 :&
原创
发布博客 2022.04.27 ·
4434 阅读 ·
8 点赞 ·
2 评论 ·
21 收藏

vue 解决重复点击导航路由报错 问题

// 解决重复点击导航路由报错const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err)}Vue.use(VueRouter)直接复制到router.js里,粘贴的时候,注意下执行顺序,这段是放在new VueRouter的前面.
原创
发布博客 2021.06.15 ·
440 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

vue antd的menu组件使用

vue antd的menu组件使用实现效果记录实现的主要几步1、数据处理2、布局3、功能实现,搜索标题则当前菜单高亮,右侧则显示对应的内容用到menu菜单时,需要注意它的api右侧显示content内容实现效果注:我这里的输入框,搜索的时候是只支持搜索标题,支持模糊搜索记录实现的主要几步1、数据处理在写静态页面的时候需要写假数据,会与后台沟通,这个地方菜单后期会返回什么样的数据结构,有的后台会以前端为准,你想要什么样的数据结构就给你什么样的结构,但这里后台按照他自己的来,直接给前端返回了一个扁平
原创
发布博客 2021.06.15 ·
4006 阅读 ·
0 点赞 ·
0 评论 ·
7 收藏

antd 如何为表单插入一个属性

之前一直习惯于用element ui,用了antd ui框架后觉得在使用的时候着实没有element ui好用,记录下用antd表单时遇到的问题接下来,熟悉下它的写法1、data中表单的创建方式写法,是下面这种方式 data() { return { form: this.$form.createForm(this), //antd创建表单 } }2、同时页面结构绑定的写法与element ui也不一样,这里需要注意的是他的绑定方式,element ui用的
原创
发布博客 2021.05.31 ·
1388 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

vue打包线上报错

这里写自定义目录标题vue打包到开发环境时报错解决方法:vue打包到开发环境时报错报错vue is not difine排除问题:cdn 引入的问题解决方法:1、在不动其他代码的情况下,在public中的body中引入cdn,记住本地开发时,这一部分可以注释掉,只有在打包时再解开注释,进行打包2、在config文件里直接写入地址附上好用的文件引入地址:https://www.bootcdn.cn/ps:以前前端打包时用npm run build命令打完包然后将dist文件发给后台放线上
原创
发布博客 2021.05.19 ·
495 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

前端收起与折叠功能

收起与折叠功能完成效果代码实现完成效果默认折叠状态点击展开按钮显示下方的表格代码<div :class="disableTable ? 'showt' : 'dist'">表格信息</div><!-- 收起与折叠 --> <div class="zy_jt"> <div class="b_pack" @click="packupbtn"> <div class="expand"
原创
发布博客 2021.03.30 ·
3804 阅读 ·
1 点赞 ·
2 评论 ·
9 收藏

将本地文件提交到github

目录1、配置密钥1.1 生成密钥1.2 添加密钥到远程仓库2、git上传忽略文件3、本地文件提交到云端3.1 github新建仓库3.2 仓库创建3.3 紧接着按照它所提示的一步一步的来3.4提交到云端4、克隆github项目4.1 克隆4.2 https协议修改为git 协议1、配置密钥1.1 生成密钥打开c盘中.ssh文件夹,...
原创
发布博客 2020.03.14 ·
233 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

如何解决跨域

如何解决跨域1、什么是跨域比如现在有一个A网站、有一个B网站,A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求,B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求,但是 A 网站是不能向 B 网站发送 Ajax请求的,同理,B 网站也不能向 A 网站发送 Ajax请求,因为Ajax 只能向自己的服务器发送请求而当A 网站非要向 B 网站发送 Ajax请求时,就...
原创
发布博客 2020.03.09 ·
181 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

mongod安装与分享

mongodb数据库安装Node.js通常使用MongoDB作为其数据库,具有高性能,易使用,存储数据方便等特点,完全使用JavaScript语法即可操作常见的数据库软件有:mysql、mongoDB、oracleMongoDB可视化软件下载与安装1、下载地址官网:https://www.mongodb.com百度网盘:链接:https://pan.ba...
原创
发布博客 2020.03.03 ·
191 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

通过网址查该网址的ip

通过网址查该网址的ip第一步:window+r打开黑窗口 输入cmd第二步:ping 网址
原创
发布博客 2019.08.23 ·
654 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏