- 博客(14)
- 资源 (2)
- 收藏
- 关注
原创 vue大屏可视化自适应完美方案
其实我们常见的1920*1080(1080P)、2k、4k...都是16:9的比例,在做项目之前我们需要搞清楚客户的数据可视化平台需要在什么屏幕下展示,确定了实际屏幕比例,按照实际屏幕比例选择一个设计稿尺寸进行设计,设计稿出来后前端严格按照设计稿px进行开发页面即可(前提是按照下列适应方案进行开发)下列适应方案能够适应同比例下的所有分辨率屏幕。在做大屏可视化项目的时候,一般设计稿会设计成1920*1080,但是页面写死1920*1080在2k、4k等分辨率的屏幕下是不适配的。
2022-10-13 21:00:00 16366 28
原创 npm从入门到私服搭建
npm从入门到私服搭建 – RocYuan什么是npm?Npm(全称:Node Package Manager)是Node包管理工具。为什么要使用npm?一个项目是成长的,可能规模越来越大或者越来越复杂,所以需要的包或依赖也会越来越多。每个包都有自己的生长方式,生长的快慢他们肯定是有不同的版本,每个包都有它们各自的版本。如果一个包依赖另一个包。比如:有Jquery插件叫”A”依赖着Jquery,那这个插件”A”现在版本是2然后它依赖的Jquery版本是1,现在如果把Jquery版本升到2
2022-05-15 22:17:35 927
原创 uniapp中web-view引入页面返回问题
uniapp中的web-view组件引入页面后,返回失效问题返回后发现报错:Uncaught ReferenceError: mui is not defined at有些网页使用MUI框架开发的,所以需要将 mui 的返回关闭解决:onReady() { this.clearMuiBack();},methods: { // 关闭mui返回 clearMuiBack() { // #ifdef APP-PLUS var currentWeb..
2021-11-04 21:05:14 1856 2
原创 uniapp-小程序分包详解
uniapp-小程序分包详解 – RocYuan一般在开发小程序的时候,一不小心就会造成包大小超过2m无法上传,一般处理方法就是图片方面的优化(放在服务器,图片压缩…),删除无用代码(uniapp打包后会分析依赖的代码,删除无用代码),再就是分包加载处理。常开发的是微信小程序,以下都以微信小程序为例分包加载介绍在构建小程序分包项目时,则会输出一个或多个分包。每个有分包的小程序必定含有一个主包(也就是在/pages下)。通常在主包下放置默认启动页面及tabBar 页面,以及一些所有分包都需用到
2021-09-13 12:04:22 3880
原创 react+typescript开发TodoList
此项目是本人初学TypeScript写的一个小demo应用技术:typescript react react-router-dom redux react-redux styled-components classnames antd视频预览:https://www.bilibili.com/video/BV1644y1q741github地址:https://github.com/rocyuan666/todolist-react...
2021-07-14 11:22:42 275
原创 react实现贪吃蛇
以前用原生js写过贪吃蛇,再次用react实现一遍,两种实现思路基本一致原生js实现:https://github.com/rocyuan666/snakereact实现:https://github.com/rocyuan666/snake-game-react代码里注释写的很详细,不做太多解释,可进行探讨wx:rocyuan666觉得不错的给个star...
2021-06-25 10:52:15 286
原创 uniapp-app转跳微信小程序
uniapp中app转跳打开微信小程序需要使用plus.share模块,打包时必须勾选share模块,选择微信分享填入appid(此处的appid是微信开放平台申请应用的appid)。注意:没有认证的开放平台账号,只能跳转同主体下的小程序需要使用plus.share.getServices,获取微信分享服务对象,再使用launchMiniProgram调用微信小程序。示例代码:towxapp() { // #ifdef APP-PLUS plus.share.getServic
2021-06-17 09:22:25 2117
原创 创建自己的脚手架工具(cli)
前言vue-cli、create-react-app、angular-cli…已经有了,为什么还要创建自己的脚手架?个人需求:每次使用官方自带的脚手架创建好项目后,总是要删除一大堆垃圾代码,还要重复性配置封装各种常用的库;而且不同项目得使用不同的脚手架工具(这个还可以接受,主要是前者)。以下只是提供了简易的创建过程,为了理清思路,通俗易懂,全写在一个js文件中;一般会进行封装,模块化管理。思路使用cli命令行生成项目模板,模板从哪来?其实模板我们可以在github、gitee或自行搭建的
2021-05-29 10:39:09 965 2
原创 roc-cli — 创建多种项目的脚手架
roc-cli—创建多种项目的脚手架 – RocYuanroc-cli介绍roc-cli是一款创建多种项目脚手架,平时开发项目用vue或react等脚手架创建的项目,都需要手动删除一堆垃圾代码并且配置非常多的常用库以及对他们的封装,非常麻烦,roc-cli会帮你创建没有垃圾代码并且有常用的库的配置以及封装好的项目模板,即使不会封装也可以进行开发,提高开发效率;目前支持vue2.x、react、uni-app模板项目,后续会完善项目模板,并增加微信小程序、vue3.x等
2021-03-03 08:59:41 240
原创 HarmonyOS(鸿蒙系统)-js开发应用体验
HarmonyOS(鸿蒙系统)-js开发应用体验https://luojing.top/rocyuan/?p=1239
2020-09-13 00:04:11 1436
web-JQuery无缝图片滚动
2019-02-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人