【原创】ThreeJsModelViewer三维模型查看器
项目介绍
三维模型查看器!
Welcome to Vue_ThreeModelViewer 👋
Vue_ThreeModelViewer 是一款功能强大的模型查看器项目,致力于提供一套简单方便、无限可能的原生 ThreeJs 在 Vue 项目中的封装与实现。技术栈以 threejs 和 Vue2.6 为主,对于模型预览的可视化控件、工具后期会逐步增加和完善。
Vue_ThreeModelViewer is a powerful model viewer project that aims to provide a set of simple and convenient encapsulation and implementation of native ThreeJs in Vue projects. The technology stack is dominated by threejs and Vue2.6, and the visual controls and tools for model pr ...
【原创】WUI云桌面系统
项目介绍
项目演示 |
uniapp官方文档 |
uniCloud官方文档
-
YUI云桌面系统,前端使用Vue2.x + Element UI,目前支持PC端,后台服务支撑采用uniCloud(基于Nodejs,云数据库、云函数、云存储),代码托管在gitee并使用Pages做页面展示。
-
在这里感谢平台提供的阿里云服务,目前个人使用并不收费,彻底摆脱了私有化服务器的运维成本。
-
并配合gitee的pages服务,无需域名和服务器便可实现全栈项目的部署和迭代更新。
如果觉着还不错的话,就请点个 ⭐star 支持一下吧,这将是对我最大的支持和鼓励!
项目地址github地址:https://github.com/yanyufanchen/wui-desktopgitee地址:https://gitee.com/yanyufanchen/wui-desktop内置功能
登录板块
桌面板块
我的电 ...
【原创】基于Uniapp和UniCloud开发的全栈博客项目3.0
基于Uniapp和UniCloud开发的全栈博客项目3.0
.flexCenter {
display:flex;
justify-content: start;
align-items: center;
}
*如果觉着还不错的话,就请点个 ⭐star 支持一下吧,这将是对我最大的支持和鼓励!
项目地址github地址:https://github.com/yanyufanchen/unimy_bloggitee地址:https://gitee.com/yanyufanchen/unimy_blog基于 uniCloud + element 的 前后台博客项目说明:本项目是采用uniappH5开发的,集成了前台和后台PC博客项目,所有请求数据都使用了unicloud提供的阿里云函数+云数据库,可部署上线。
特性:
uniapp()
element-ui()
Markdown编辑器()
vue2.x()
vueX()
运行项目1、cloudfunctions文件 ...
【转载】我在工作中是如何使用 git 的 - 掘金
这是第 103 篇不掺水的原创,想获取更多原创好文,请搜索公众号关注我们吧~ 本文首发于政采云前端博客:我在工作中是如何使用 git 的
前言最近在网上有个真实发生的案例比较火,说的是一个新入职的员工,不会用 Git 拉代码,第二天被开除。由此,可见 Git 对我们工作的重要性,无论是前端后端,都是离不开 Git 的,下面就让我们一探究竟吧。
上面的案例引申出一个问题,入职一家新公司,你的 leader 给你分配了仓库的权限后,如何配置本地的 Git 环境并拉取代码?莫慌,按照下面我讲的四个步骤走,保证你可以顺利使用 Git 进行拉取代码!
下载 Git 下载地址 ,选择自己系统对应的版本下载即可。
在你的电脑上生成 ssh 秘钥,打开终端,执行 ssh-keygen -t rsa -C "你公司内部邮箱地址",如果执行成功,切换到 ~/.ssh 目录下,此时目录应该如下所示。复制 id_rsa.pub 的内容。
这里以 Github 为例,如下图所示,进入 settings -> SSH and GPG keys 通过 cat 命令查看文件 i ...
【转载】如何封装一个高质量的表单通用组件? - 掘金
开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 8 天,点击查看活动详情
我们都知道表单组件应该是后台管理系统中用得最多的组件,我们不可能每个业务都写一次表单,然后每一次修改都去各自业务中大幅修改,这样就可能导致代码重复率太高了,工作效率频频降低,所以我们需要封装起来,这样我们就可以复用,大大减少项目体积,方便项目的后期维护,提高前端娃的工作效率。由于我们使用表单都是直接使用UI组件库的组件,所以我们需要做二次封装,那么问题来了,二次封装表单组件我们需要考虑什么?
本文基于Element-plus实现二次封装表单组件。
特性复用:必须继承原有组件的所有特性。
命名规范:二次组件名必须见名知意,我们一般都是起一个公用名+原有组件名,比如lib-form。
接口简单:自定义暴露出来的接口越简单越好。
容易拓展:留有自定义插槽,让用户可以自己选择。
功能完善:具备更完善的功能如:表单验证、动态删减表单,集成第三方的插件(富文本)…
场景通用:具备多个场景使用,比如弹框嵌套表单、页面嵌套表单。
封装一个高质量的通用组件,上面是真的只是基操, ...
【转载】前端项目集成Vite配置一览无余! - 掘金
Vite配置文件
默认指定:vite.config.js。
自定义指定:vite --config 自定义名称.js。
Vite相关命令
查看Vite有哪些命令:npx vite -help。
--host [host]// 指定域名--port <port>// 指定端口--https // 使用 TLS+HTTP/2--cors // 可以跨域--open [path] // 启动自动打开服务器--stictPort // 如果指定端口被使用退出程序--force // 强制Vite重新执行预构建,忽视缓存--config | -c <file> // 指定vite的配置文件--base path // 指定url读取文件基本路径--clearScreen // 日志记录时,是否清屏--logLevel | -l <level> // 指定日志等级:error|info|silent|warn--debug | -d <feat> // 获取调试日志--filter | -f <filter> // ...
【原创】NodeJs从入门到实战
NodeJs从入门到实战作为一名热爱学习的前端工程师,想要获得更大的成长,除了积累原生JavaScript的相关知识,还是有必要掌握后端开发的,这样是从一个全端开发工程师彻底转变成大前端的一个必经之路!
项目背景由于我平时对前端领域比较感兴趣,所以也曾开发过属于自己的个人网站,从Hexo脚手架搭建的博客站,到前后端分离的个人网站,以及后面所接触到的unicloud云开发,这其中也渐渐对nodejs技术有了更进一步的了解。
目前负责公司的一个可视化平台的后台服务器项目,从最初的技术选型到一步一步的搭建,测试,到最终部署到Linux系统上,以及后期的迭代更新,也收获满满。
技术架构因为是团队开发,我才用前后端分离的方式,具体技术栈如下:服务端:NodeJs + Koa + sequelize + sqlite3部署上线:pm2代码管理: git
服务端技术架构图:
技术架构说明
这里我们采用node社区比较轻量的服务端框架Koa,然后服务端中间件有:
koa-static 提供静态资源访问,具体用途在项目实现细节里面会详细介绍
koa-body 处理请求报文,让koa可以方便的拿到p ...