- 博客(27)
- 收藏
- 关注
RSS订阅原创 扫普通二维码码进入开发版/体验版/正式小程序
然后打开你的微信开发者工具 预览 开发版二维码 / 微信公众号内扫 体验版的二维码，然后退出。注意：二维码规则和测试链接一定的完全一样（除开参数） 路由地址完全一样。登录后 管理->开发管理->扫普通链接二维码打开小程序(添加)测试范围 是三选一不能多选，选择后保存。如若是开发版或者体验版，扫码进入小程序需要往下看。校验文件要让后端上传，业务要求我们扫普通二维码可以进入小程序，扫二维码进入必须是管理员/开发者/体验者。重新扫码（自己生成的那个二维码）
2024-11-25 18:44:26
529
原创 vue3实现引导页（driver）
这是路由的所有代码，我们把每个菜单的class用动态class绑定一下 绑定成这个菜单的名字，就可以实现这种效果，那么我们就可以在 element: " ",填入 .咨询师管理（例如：我写的是菜单的引导 很明显每个角色的菜单都不一样，都是不同了，那么我们可以这么写。按照我们的业务逻辑来空想：我们能想到在某个元素旁边（附近）出一个弹出层 写着某些东西。弹出层是很好写的我们都会，包括插件都会提供，但是如何定位到元素旁边是不好定位的。这样 样式基本上就写好了 当然样式可以在下方文件内修改。
2024-11-06 19:21:51
661
3
原创 大屏适配优化
页面中的css文件正常写PX 然后在配置文件（vue/vite.config.js中）使用postcss（postcss-px-to-viewport ） 可以做px转vw vh。2： 相对单位vw vh rem 等（按照设计稿的尺寸，将px按比例计算转为vw和vh）因为ui设计搞不可能是vw vh，所以每个图表都需要单独做字体、间距、位移的适配，比较麻烦。因为是根据 ui 稿等比缩放，当大屏跟uI稿的比例不一样时，会出现周边留白情况。可以在不改变原有布局的情况下进行缩放，适应不同的屏幕尺寸。
2024-11-01 14:54:52
278
原创 初入webworker
概念：Web Worker 是一种在浏览器中实现多线程的机制，它允许开发者在主线程之外创建一个或多个子线程来执行任务，从而避免阻塞用户界面。：Web Worker 可以在后台线程中执行费时的处理任务，如复杂的数学计算、图像处理、数据加密等，而不会影响主线程的流畅性。：Web Worker 可用于预先获取或处理数据，如从服务器加载数据或进行本地数据的预处理，以便在需要时快速展示给用户。：如果页面中有长时间运行的脚本，这些脚本可以放在 Web Worker 中执行，以避免造成页面卡顿。
2024-08-29 17:54:59
389
原创 vue3 echars地图鼠标移入 显示自定义内容
5：内容在series里的data：data.xFlist, 这样data.xFlist的数据 就进入了 params.data里了。此处的symbol中的icon就是上方黄色的小图标（历下区底部的三角小图标）formatter 就是你鼠标进入的那个大的背景图+内容，里边的所有样式写成内联样式（不要用class）
2024-08-13 10:17:03
823
原创 echars地图 另类版拖拽与放大缩小
此处要注意，因为是接上篇文章中的下钻功能，会出现一个bug也就是拖拽是一个点击前 点击中 点击后的过程，那么click是会被这个过程所影响的，所以我们此处加入了一个setDragg 当点击了以后 dragging.value会产生值那么 如果触发点击中（dodrag）会将这个值改为3（也就是拖拽否则就是点击 让其进入点击事件）因为在上一篇文章内写了echars地图的点击下钻 返回上一级（主要是因为地图为了做伪3D，将2张echars地图叠到一块了，导致使用自带的功能，会拖拽一个，而底层的会留在原地）
2024-08-05 15:16:48
250
原创 echars地图下钻，返回
2：由于地图的name是中国的时候 会有一些bug（我遇到的是 南海诸岛不是缩略图，需要改成china才为缩略图） 所以加了一个判断 手动改为china（不需要可以忽略）首先 html处很简单 写一个 echars图的div 加一个返回上一级的按钮就可以，此处我的返回上一级是一个img，当然用一个div ，button 都可以。其次：填写下钻代码，也就是获取点击处的名字，与mapList(echars官网中获取来的json数据)相同。然后，我们要写一个点击下钻（点击山东，跳进山东地图）
2024-08-05 11:34:58
677
原创 vue3+ts 封装插件
在我们编写代码中，会遇到某功能在同一个项目中多次使用的场景，在多个项目时，会遇到A项目的一个功能也可以嫁接到B项目,C项目的时候 我们就可以封装插件。5：使用：在使用时需要注意 不时是 而是你组件的名字 首先将components中的某个组件抽离到项目（src）外，如图，node_modules的同一级。目录不在项目的文件列表中,项目必须列出所有文件,或使用“include“模式。6：注意：在vue3+ts的环境下引入src外的项目可能会报错（
2024-01-19 10:05:56
1006
1
转载 vue3.2 setup语法糖
在vue3中删除了vue2中的data函数，因此，vue3.0要在template中使用某些变量就必须在最后return出来，多次声明变量，不太方便，也不太友好。而在vue3.2版本之后，我们只需在script标签上加上setup属性，不需要再写return就可以直接在template中使用，写起代码就很流畅。哎，这就很棒！vue3.0的写法示例代码。
2023-12-04 17:03:57
203
原创 uni的微信小程序 分包
首先： 官方要求，微信官方要求 微信小程序发布上线，（不分包）小程序大小不超过2M，使用分包后 小程序主包大小不超过2M，总包不超过20M，，超过规则，无法编译上线，其他页面，按照大小，以及亲近关系（跳转关系）来进行分开，每个子包中独立使用的静态资源，例如A.png 只在某一个页面中使用到，那么这个图片就可以放在子包里，其次：使用分包可以有效的使你的程序快速进入（不需要加载所有的资源，页面，只是加载主包（一般来说就是你的所有Tabbar页面）肯定是快），4：重新进行编写页面跳转，
2023-09-25 10:44:57
310
5
原创 vue调起高德api，打点，跳入
vue项目，静态地图，打点 可以选择web端（js Api），（非web服务），微信小程序使用微信小程序， 注： uni-app 可以选择腾讯地图更好，适配性更好。首先申请高德地图的官方appkey。在自己的页面 引入key。申请完appkey后。
2023-09-25 10:31:35
255
2
原创 vue 腾讯TRTC ，深入浅出
插入代码（资源中的），，将代码中的SDKAPPID和SECRETKEY改成自己的，，引入在自己的页面上就可以了。首先登录腾讯TRTC申请实时音视频的SDKAppID和SDKSecretKey。可以走快速跑通Demo。
2023-09-25 10:24:00
547
1
原创 VUE项目，连接多个服务器
注：如果路由是hash，封装axios的baseURL可以是空，在vue.config里就不需要要有login的前缀了，如果是history，就不能让baseURL为空（刷新页面时找不到页面，会抛错）需求：根据不同的接口与不同的服务器做交互。2：vue.config.js中。
2023-05-06 14:55:41
753
原创 初级前端工程师高频面试题
保证性能下限:框架的虚拟 DOM需要适配任何上层API可能产生的操作，它的-些DOM操作的实现必须是普适的，所以它的性能并不是最优的;但是比起粗暴的DOM操作性能要好很多,因此框架的虚拟DOM至少可以保证在你不需要手动优化的情况下，依然可以提供还不错的性能，即保证性能的下限;构建Render树 - 接下来不管是内联式，外联式还是嵌入式引入的CSS样式会被解析生成CSSOM树，根据DOM树与CSSOM树生成另外一棵用于渲染的树-渲染树(Render tree)，
2023-04-25 17:02:56
187
1
原创 echars根据json数据画地图（省市区），并加入高亮点
data: this.shTempData, // 在 type为'effectScatter'时就是圆点进度纬度。3：将接口内获取到的数据放入注册地图中， 我用的是 静态文件引入，因为该项目属于本地化部署。2：可以使用调接口的方式， 也可以使用 直接获取接口内数据的方式。type: 'effectScatter', // 涟漪动画。如果是根据后端接口获取数据 ，重新加载一下就好了。从该地址上找到你要画的省，市，县。4：加上高亮点，新写一个series。
2023-03-21 15:51:26
2067
原创 效果：elment分页指定跳转-----修改页码后同步高亮(vue3)
2：第三部中如果你的current不是数值型一定要转。小提示：1：第一步中一定要写.sync。2：自己制作或者用el的跳转代码。
2022-12-08 14:58:43
426
1
原创 win7系统安装高版本node
4：我的电脑右击进入属性->高级系统设置->环境变量->系统变量中添加NODE_SKIP_PLATFORM_CHECK 值：1。win7系统支持12及以下版本node安装node12不需要特殊配置 如需装13+看下边。3：将这个zip解压出来的文件替换掉你在第一步下载node的文件夹（全部替换）5：如果不报错的话 重新在cmd里看下node -v 如果是对应版本就ok了。进入此链接 下载高版本node.zip(一定是zip)1：首先下载一个可以用的node版本安装上，...
2022-08-30 17:27:36
5928
2
原创 Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js
cmd报错
2022-08-20 14:33:26
4922
原创 npm install报错 run `npm audit fix` to fix them, or `npm audit` for details
npm install报错
2022-08-15 10:32:14
821
初，中，高级工程师web前端面试题
2023-04-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人