- 博客(333)
- 问答 (8)
- 收藏
- 关注
RSS订阅原创 html通过CDN引入Vue使用Vuex以及Computed、Watch监听
近期遇到个需求，就是需要在.net MVC的项目中，对已有的项目的首页进行优化，也就是写原生html和js。但是咱是一个写前端的，写html还可以，.net的话，开发也不方便，还得安装Visual Studio启动项目。所以就计划在html文件中开发，然后移植到.net的项目中功能说明：需要开发一个dashboard，也就是大屏可视化，多个模块，然后由图表作为主要内容。那么就意味着需要全局监听，如果筛选条件改变，那么所有的组件都需要监听到这个改变，做出相应的反应。
2023-12-06 14:49:34
493
原创 html通过CDN引入Vue组件抽出复用
近期遇到个需求，就是需要在.net MVC的项目中，对已有的项目的首页进行优化，也就是写原生html和js。但是咱是一个写前端的，写html还可以，.net的话，开发也不方便，还得安装Visual Studio启动项目。所以就计划在html文件中开发，然后移植到.net的项目中。功能说明：需要开发一个dashboard，也就是大屏可视化，多个模块，然后由图表作为主要内容。那么就需要组件封装了，html如何封装组件呢？父组件又如何使用子组件呢？
2023-12-06 14:44:16
543
原创 html通过CDN引入Vue实现页面模块可拖拽
近期遇到个需求，就是需要在.net MVC的项目中，对已有的项目的首页进行优化，也就是写原生html和js。但是咱是一个写前端的，写html还可以，.net的话，开发也不方便，还得安装Visual Studio启动项目。所以就计划在html文件中开发，然后移植到.net的项目中。需要开发一个dashboard，也就是大屏可视化，多个模块，然后由图表作为主要内容。然后就衍生了一个需求，使用户能够自行拖放这个模块，改变模块的位置。这里用到了和。这是vue自带的。效果较好。
2023-12-06 14:27:08
311
原创 html通过CDN引入使用Vue和ElementUI
近期遇到个需求，就是需要在.net MVC的项目中，对已有的项目的首页进行优化，也就是写原生html和js。但是咱是一个写前端的，写html还可以，.net的话，开发也不方便，还得安装Visual Studio启动项目。所以就计划在html文件中开发，然后移植到.net的项目中。
2023-12-06 14:15:33
364
原创 Vue2实现别踩白块（第一种）
1、点击无尽模式，就是常规速度，定时器20毫秒，然后无限计分2、急速模式，比常规快一倍，定时器8毫秒3、计时模式，限时60秒，定时器20毫秒，计分以上所有模式，点击白块直接失败，点击黑块得计一分。最高分数和最长时间，这里只进行了存储，没有写比较计算的逻辑。可以自行补全此代码存在一些瑕疵，但是基本功能已经实现。如有问题欢迎指出，一起学习进步。
2023-11-02 10:43:12
149
原创 欢迎大家关注我的个人公众号-这个豆包有点粘
欢迎大家关注我的个人公众号-这个豆包有点粘如果大家不嫌弃的话，可以帮忙关注一下公众号，谢谢大家，个人准备长期运营此账号，文章内容种类繁多，前端学习、时事新闻、心灵鸡汤、幽默段子，一定有一款适合你。
2023-10-13 11:10:57
68
原创 React V6实现v-if、v-show、v-html
在vue中使用v-if、v-show、v-html这些命令得心应手，那么react是否也存在这样的命令呢？似乎是没有的，需要自己实现，也就是用原生的写法直接控制dom。
2023-06-29 10:06:53
1131
原创 前端学习Flutter笔记(第二章：基本组件使用笔记)
1、借用Container的decoration，设置背景图image:DecorationImage(image:Image.netowork(‘xxx’),fit:BoxFit.cover)，并且borderRaius为圆形。:外边距，EdgeInsets.all(20);EdgeInsets.only(top:20,right:20)EdgeInsets.only(top:20,right:20)内置：Icon(Icons.home,size:40,color:Colors.red);
2023-06-29 09:42:38
796
原创 React V6实现类似与vue的eventBus
想要实现类似于vue的eventBus的功能，由一个组件通知其他一个或多个组件。应用场景：比如一个可视化大屏的界面，当筛选条件变化的时候，要同时通知到大屏中所有图表一起变化。（当然使用store也是可以的，eventbus就是相当于多了一个解决方案）两个子组件均监听到了。
2023-06-28 13:44:21
877
原创 React V6实现父子组件双向绑定传值
之前在写vue的时候用到一个很好用的东西，比如控制一个dialog的显示隐藏，那么可以由父组件控制它显示，子组件（即这个dialog）自己可以关闭自己，那么他们之间只维护一个visible的状态，就需要响应式的操作。父组件引入子组件，并双向传值，写法为sync。
2023-06-28 11:31:48
666
原创 React V6路由模式切换
用vue开发的时候就有路由模式的区别，react也是一样。history模式import {BrowserRouter, Routes, Route,Navigate,Redirect } from 'react-router-dom' //history模式 < BrowserRouter > < /BrowserRouter >hash模式import {
2023-06-28 11:19:03
120
原创 React V6分环境打包
注意：对于如何分环境运行不同的打包配置文件，这个还没研究，日后再弄，如果各位有分享可以粘贴评论区，一起学习。例如想要在react也要实现不同环境使用不同的api接口地址这样的想法，那么就需要根据命令自动区分环境了。分别是dev:开发环境，formal：UAT环境，prod：正式环境。然后在package.json配置运行命令/打包命令。运行项目之后，就可以打印以下。
2023-06-28 11:07:14
956
原创 React V6路由跳转，跳转传参（params，search，state）
React V6路由跳转，跳转传参（params，search，state）。注意：以下代码为个人笔记，不全，需自行调整，方可使用。
2023-06-28 10:58:02
1079
原创 React V6的ref操作
实现类似vue的ref，使用ref拿到dom，然后做一些事情。react的ref和vue3.x的ref使用方式十分相似，准确的说是vue3.x像react。。ref等号后面命名需要和const 定义的变量名一致。
2023-06-28 10:38:12
735
原创 React V6的dom循环（类似与v-for），动态类名，模板字符串
比如一个管理系统的左侧菜单，想用for循环来产生，那么就需要实现一个类似。的功能，react中可以这样写。
2023-06-28 10:30:33
882
原创 react V6使用store存取/显示
最近学了一点react的东西，以前以为就用vue走天下了，现在越来越卷了，不多学习不行了，后来还用过uniapp，原生weixin小程序比较少，原生js的公众号h5也写过一些，jq是很多年前用的了，最近也看了点flutter的东西，但是感觉flutter对于他的插件库维护的并不是很好，比如说三年前的项目，现在启动不了，可能会因为某些插件已经停止维护，或者更新语法，会跟现在的dart版本、flutter、java版本出现不适应的情况，很恶心。言归正传，这里简单小记一下react的store的使用。
2023-06-28 10:22:33
290
原创 前端学习Flutter笔记(第一章：安装软件，配置环境变量等)
推荐b站的几个视频博主的视频，个人觉得挺好的，适合入门学习2021 Flutter实战教程 开发头条+抖音APP【Web前端框架Flutter实战开发教程，两小时快速掌握flutter移动App开发】
2023-05-30 18:06:11
639
原创 Echart5.0，自定义地图图片纹理，自定义label背景图显示多个点，增加自定义图片图层点
项目需要使用Echart实现一个世界/中国/省份地图,需要自定义地图背景纹理，同时显示多个标签，并且显示自定义的图片的点。
2023-05-14 10:33:58
1328
2
原创 Echart5.0实现限制地图不可拖拽出盒子外部（全网独发）
正常的ecahrt地图，不管是使用了geo的拖拽还是series的拖拽，只要开启了roam，就一定会可能被拖到盒子外部，然后就拖不回来了，没有找到echart的默认配置项可以限制这一情况。5、计算出地图的上下左右110%的极值，当作是x,y坐标系，四个值，leftX，rightX，topY，bottomY，4、地图初始化的位置记为[50%,50%],无论向左、向右、向上、向下，都会是递增的结果。1、首先，默认开启geo的roam属性，允许开启拖拽，缩放。就是计算出来的geo的center距离中心的位置。
2023-05-14 10:23:27
1092
1
原创 Vue单点登录笔记
如果没有直接调用接口获取OKTA登录链接，然后window.location.href跳转过去进行目标登录，登陆完成会重定向回项目url。因项目需要类似于微软应用一样，单点登录。于是乎有了一丁点研究，我这里用的是OKTA登录。1、首先从地址栏输入url之后（或者点击url），那么直接进入单点登录逻辑处理页面。如果是url携带有code等关键参数，直接截取存储，跳转到OKTA登陆页面进行。4、如果是黑名单之外的路由，等同于普通进入页面操作，直接进入相应页面。3、那么此时需要进行路由拦截，配置路由黑名单。
2023-04-25 09:21:56
435
原创 vue2+echart绘制世界地图，自定义区域label，并增加区域涟漪效果
项目需要实现一个世界地图。并可下钻（这个之前的博客已经实现了，这里重点介绍自定义label）。并且需要在每个区域显示label标签，一个很好看的样式的信息框（这个就很恶心了），ui画的是左右排列的，并且左边还有个圆角矩形，右侧上下排列，按照经验。label只能上下排列，通过。找了半天的替代方案，博客也基本没有这种成品的样式的，最后无果而终，还是使用自定义label实现了。
2023-03-20 17:22:43
885
原创 vue3+ts实现图片裁剪上传（像素裁剪，比例裁剪）、视频上传
产品说想要一个图片上传的功能，并且控制图片比例为16：9，所以就需要用到图片裁剪。
2023-03-20 09:19:23
588
原创 vue3+el-upload实现多图片压缩、合并zip文件上传
最近开发遇到一个需求，就是多图上传，那么常规的肯定是选完就直接循环调接口formData上传了。但是这个需求需要把超过100k的图片压缩为100k，并且合并为zip一次上传。多选图片，转换为zip，
2023-03-17 10:22:19
1153
原创 vue+echart实现3d地图可拖拽、缩放、区域填充颜色(geo3D)
原理就是抬高了这个区域的高度，并且改变了颜色。一个略微比2d地图炫酷一些的3d地图，
2023-03-17 10:05:58
2159
原创 vue+echarts仿3d地图多级下钻(中国-＞四川-＞甘孜藏族自治州)
实现一个全国地图->省->市的连续下钻操作的地图，可能后续还需要在地图之上叠加maker、popup之类的东西。这里只说地图,这个地图是利用geo为2d地图增加了立体效果，也就是阴影，实际还是2d的地图。
2023-03-17 09:51:03
661
原创 vue+echart仿3d地图（世界-＞中国-＞四川-＞甘孜藏族自治州多级下钻，geo模式）代码复制可用
个人的小demo，如有问题，恳请指正，也欢迎大家一起讨论学习。下一篇会写geo3D效果的全国地图（但是没有实现下钻，可根据同样的原理，自行实现下钻）
2023-03-17 09:39:30
261
原创 uniapp小程序数据保存本地txt文件，并读取回显
开发遇到奇葩需求，需要用户使用小程序时把图片以及操作数据保存在用户手机本地，那么就遇到问题了。图片随便拍一张都是几百kb，那么如果使用localstorage，存两三张就满了，就会自动清空数据，而且微信也会提示运行内存不足。所以另辟蹊径，使用wx.FileSystemManager。那么我的数据和图片打算都通过这种形式进行存储了。
2023-01-05 11:27:46
1429
1
原创 uniapp小程序临时图片路径写入内存保存，并读取写入的图片
开发遇到奇葩需求，需要用户使用小程序时把图片以及操作数据保存在用户手机本地，那么就遇到问题了。图片随便拍一张都是几百kb，那么如果使用localstorage，存两三张就满了，就会自动清空数据，而且微信也会提示运行内存不足。生成的文件路径，不能更改为本地已有的其他路径的图片，会出现报错,实际上这个图片是存在同目录下的。注意：读取的时候，只能读取通过。由于我这里的小程序都是使用。，所以拿到的都是临时路径。
2023-01-05 11:16:09
2677
原创 uniapp小程序map（点击地图增加maker，聚合、自定义聚合样式）
小程序端开发地图组件，点击地图上任何一个位置，增加一个maker，点击maker触发另外的事件。
2022-12-28 14:37:26
2854
原创 uniapp小程序通过canvas给图片叠加自定义文字
本想试试项目的图片是否可以，但是似乎是不行的，测试使用static目录下的某张图片，但是图片是加载失败的，可能是方式不对。创建canvas，绑定上一步的临时路径，就已经可以看到canvas画出来的图片上面有文字了。提到的前端给图片叠加文字水印的操作。比如想要一张照片上，叠加上自定义的文字。,把在线图片加载出来，拿到临时路径。
2022-12-28 11:18:59
2642
如何实时开发调试app包裹的html？
2023-11-16
VSCode开发flutter调试
2023-06-09
vue使用百度编辑器样式错乱，而且js报错是怎么回事？
2021-08-03
请问这种代码高亮的效果一般是用什么编辑器和插件实现的呢？
2021-08-02
openlayers的矢量图的两种用法有什么不同？为什么切换写法地图会无法显示？
2021-07-08
uniapp打包编译后修改本地cpnfig.js无效，不同步到vendor.js
2021-03-18
uniapp打包后修改config.js实际运行起来无效
2021-03-17
echart柱形图和坐标轴不对齐，这是怎么回事呢
2021-01-07
数据库修改操作遇到的问题，请问这是怎么回事，求大牛指点，谢谢
2019-11-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人