- 博客(120)
- 资源 (25)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 于vue3+vite+element pro + pnpm开源项目
河码桌面是一个基于vue3+vite+element pro + pnpm 创建的monorepo项目,项目采用的是类操作系统的web界面,操作起来简单又方便,符合用户习惯,又没有操作系统的复杂!有两个两个分支,一个是web版本,一个是electron,只需要将分支切换到electron即可,下面有electron的效果图。
2023-08-18 15:54:38
1655
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 现有的vue3+ts+vite项目集成electron
Electron是使用JavaScript,HTML和CSS构建跨平台的桌面应用程序框架。需要将其转换成Electron项目,只需要在原来web项目上安装Electron依赖并进行配置即可。接下来在vite.config.ts中配置vite-plugin-electron插件。接下来在web的public中添加一个256*256的icon图标。在web项目的package中添加script。在web项目的package中添加build。在web项目的package中添加入口。
2023-08-15 14:54:49
914
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3.0+Spring Boot+MyBatis+MySQL前后端分离基础权限平台
github: https://github.com/myopenresources/cc-project-vue相关说明1.前端使用Vue3.0+TypeScript4+Antd UI2.后端使用spring boot+mybatis3.1.1 + maven模块化3.数据库:mysql8.0以上(需要低版本的可修改配置)4.管理工具:maven3.95.分布式多数据源,支持同时操作多个不同数据源6.注解事务管理,支持分布式事务管理7.前后端分离,实现跨域请求,权限拦截,权限细化到按钮、
2021-03-20 19:00:32
622
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 基于Spring boot+Mybatis+Angular+Maven+MySQL的基础开发平台
前言:在大多数管理系统以及产品中,我们需要基础平台,在这平台之上,我们将业务添加,就形成了具体的业务系统,开发这样一个平台需要一定的时间与成本,本人基于多年的工作经验开发了一套基于Angular+NG-Zorro+Spring boot+MySQL+Maven基础平台,适合各种公司、接单以及个人学习,它具有跨平台、前端后分离、数据权限、按钮权限、访问权限、用户权限等功能特点,具体技...
2020-02-04 10:01:17
1386
5
原创 vue异步组件
如果提供了一个加载组件,它将在内部组件加载时先行显示。在加载组件显示之前有一个默认的 200ms 延迟——这是因为在网络状况较好时,加载完成得很快,加载组件和最终组件之间的替换太快可能产生闪烁,反而影响用户感受。是一个外层包装过的组件,仅在页面需要它渲染时才会调用加载内部实际组件的函数。它会将接收到的 props 和插槽传给内部组件,所以你可以使用这个异步的包装组件无缝地替换原始组件,同时实现延迟加载。如果提供了一个报错组件,则它会在加载器函数返回的 Promise 抛错时被渲染。
2024-07-26 12:52:54
394
原创 常用 Shell 脚本
假设服务器环境为 lnmp,近期访问经常出现 502 现象,且 502 错误在重启 php-fpm 服务后消失,因此需要编写监控脚本,一旦出现 502,则自动重启 php-fpm 服务。Expect是一个自动交互式应用程序的工具,如telnet,ftp,passwd等。加个死循环,如果IP可用就退出,不可用提示继续输入,并使用awk判断。应用场景:希望将执行结果或者位置参数赋值给变量,以便后续使用。方法1:EOF标准输出作为expect标准输入。方法3:将expect脚本独立出来。
2024-07-26 12:50:48
288
原创 最常见的前端面试题
在 call 中,后续参数是单独传递的,而 apply 期望第二个参数是一个数组,该数组被解包为被调用函数的参数。它们简化了组件组合,减少了对类组件的需求,并通过允许在不编写类的情况下使用状态和其他 React 功能来提高代码的可读性和可维护性。这包括提供正确的键盘导航、使用语义 HTML 元素、提供图像的替代文本以及使用 ARIA 属性和角色向辅助技术传达元素的正确含义和行为。经典继承通常用在像 Java 或 C# 这样的语言中,这些语言需要严格的类层次结构,并且对象之间的关系是固定的和层次化的。
2024-07-26 12:47:56
294
原创 g6中如何开发一个文本自动换行组件
g6有两种模式,一种是svg,另一种是canvas,如果是svg的话,直接使用html制作,下面给出两种的做法,
2024-07-26 12:44:27
213
原创 FlatLaf:干净、优雅、扁平化,基于java swing现代开源跨平台外观
它看起来几乎是平的(没有阴影或渐变)、干净、简单和优雅。FlatLaf带有Light、Dark、IntelliJ和Darcula主题,可在HiDPI显示器上缩放并在Java8 或更高版本上运行。外观的灵感来自IntelliJIDEA 2019.2+ 的Darcula和IntelliJ主题,并使用几乎相同的颜色和图标。FlatLaf是用于JavaSwing 桌面应用程序的现代开源跨平台外观。
2023-11-29 10:20:28
710
原创 java线程
程序:即program,它是一个特定的任务,用某一程序语言编写的一组指令集合,是一段静态的代码。进程:即process,它是一次执行的过程,或称为正在运行的一个程序,是一个动态的过程,有一整从创建到销毁的生命周期。线程:即thread,它是进程的细化,是程序内部的一条自执行路径;一个进程可以有多个线程一个进程同一时间并行执行多个线程,就是支持多线程线程作为调度和执行的单位,每个线程拥有独立的运行栈和程序计数器(pc),线程切换的开销小。
2023-09-04 21:15:56
192
原创 11.小程序的配置项
navigationBarTitleText”: “列表页面”,当局部未配置时,使用局部配置,当局部配置了优先使用局部的配置。局部配置通过页面的xx.json配置。全局配置通过 app.json进行。
2023-08-20 15:25:08
275
原创 10.小程序样式
css部分样式不支持,并且添加了rpx属性,小程序开发的时候应该使用rpx,而不是px,因为rpx是将移动端的屏幕大小分为750份,会自动按设备的大小去适配;我们在开发时应该以iphone6为基准的设备进行开发,因为iphone的屏幕宽度为375px,对应rpx的关系就是1rpx为0.5px,计算起来方便。屏幕宽度/750,例如:iphone6为375px/750为0.5。750/屏幕宽度,例如:iphone6为750/375px为2。
2023-08-20 15:18:14
493
2
原创 9.条件渲染
通过条件判断,切换样式的display值,和vue的v-show一样。通过条件判断,动态创建和删除元素,和vue的v-if一样。循环渲染数据,和vue的v-for一样。
2023-08-20 15:10:53
145
原创 7.小程序的版本与运营数据查看
将开发版本提交审批后就进入到审批中(通过微信后台管理系统进行提交审核的),只能一份处于审批,审批成功后可以发布线上版本;也可以重新提交审核,覆盖审核版本。线上用户使用的版本,由审核完的版本进行发布的(通过微信后台管理系统发布)。使用开发者工具,可将代码上传到开发版本中,可删除,可提交审核。通过登录小程序后台,点击统计,可查看运营情况。可以选择某个开发版本作为体验版本。通过扫码进入到小程序数据助手查看。
2023-08-20 14:24:42
261
原创 6.小程序api分类
需要通过函数接收调用结果,例如:wx.request,需要通过success、fail、complete接收不同类型的返回结果。以Sync结尾的是同步,可以通过函数返回值直接获取,例如:wx.setStorageSync。以on开头,监听某个事件触发,例如:wx.WindowResize事件。
2023-08-20 14:14:49
1884
原创 5.小程序组件
按钮组件,类似于html中的button,通过open-type属性可调用微信内置的功能,例如:客服、转发、获取用户授权、用户信息等。图片组件,来用显示图片,类似html中的img标签,默认的宽度300px,高度240px。用来实现文本内容,类型html中的span,是一个行内元素。类似于html中的div,是一个块级元素,布局中经常使用。富文本组件,支持把html字符串渲染成WXML结构。导航组件,类似于html中的a,用来跳转页面。可滚动的视图区域,常用来实现滚动列表。
2023-08-19 17:11:07
76
原创 4.小程序的运行机制
启动过程把小程序的代码包下载到本地解析app.json全局配置文件执行app.js小程序入口文件,调用App()创建小程序的实例渲染小程序首页小程序启动完成页面渲染过程加载解析页面的.json配置文件加载页面.wxml模板和.scss样式执行页面的.ts文件,调用Page()创建页面实例页面渲染完成
2023-08-19 16:23:11
1229
原创 3.小程序的通信模型
逻辑层和第三方服务器之前的通信由微信客户端进行转发。渲染层和逻辑层之间的通信由微信客户端进行转发。xxx.scss和xxx.wxml是渲染层。xxx.ts是逻辑层。
2023-08-19 16:18:00
130
原创 2.创建小程序
project.private.config.json:小程序项目私有配置文件,此文件中的内容将覆盖 project.config.json 中的相同字段。—sitemap.json:小程序站点地图配置文件,小程序SEO使用,小程序爬虫会根据配置进行收录。—app.scss:应用的总样式文件,这里用了scss,也可以是css、less等。———xxx.json:页面配置文件,可覆盖app.json中的配置。—app.ts:应用根文件,类型于vue的main.ts。———xxx.scss:页面的样式文件。
2023-08-19 15:57:39
1415
原创 js将项目中的图片上传到服务器
项目上有时候会有奇怪的需求,比如前端有一些示例,想点击按钮就能上传图片,而这个图片是在前端的项目中的,想直接上传到后端,需要file对象才可以,这个时候我们需要将img转换成file对象,所以我们可以通过fetch转换成file对象然后上传。
2023-08-18 11:39:10
1093
原创 vue3+vite+element pro + pnpm 创建的monorepo项目
欢迎使用河码桌面,河码桌面是一个基于vue3+vite+element pro + pnpm 创建的monorepo项目,项目采用的是类操作系统的web界面,操作起来简单又方便,符合用户习惯,又没有操作系统的复杂!
2023-07-07 09:07:40
290
原创 JavaScript的介绍
JavaScript的介绍起源与发展JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。JavaScript 最初被称为 LiveScript,在 Netscape 与 Sun(一家互联网公司,全称为“Sun Microsystems”,现已被甲骨文公司收购)合作之后将其更名为了 JavaScript。1996年微软公司在其IE3浏览器中自己的Java Script实现JScript。为了确保在不同浏览器上运行JavaScript
2022-07-24 14:48:21
655
原创 Flutter环境搭建
点击Flutter,设置FlutterSDKpath(上面“Flutter安装”章节的路径),然后Next。在AndroidStudio的Plugins中输入Flutter,点击Install按钮进行安装。打包后的文件在项目目录\build\windows\runner\Release下。在磁盘中创建一个AndroidSdk的目录,这里选择创建的目录位置,然后Next。可以在系统中的设置中打开开发者选项。把下载好的文件解压到安装目录中,例如D\Software\Flutter。...
2022-07-22 09:26:29
344
原创 前端代码规范化的解决方案
首先我们得安装eslint、eslint-config-prettier、eslint-plugin-prettier、eslint-plugin-vue、vue-eslint-parser、@typescript-eslint/eslint-plugin、@typescript-eslint/parser等插件,这个根据自己情况选择安装的插件。那么出现一系列的问题,对于代码的可读、维护性、可持续性就便得很差了,项目周期一长,分支一多,就乱七八遭的,后面的人都不愿意接手了;......
2022-07-20 22:47:03
378
原创 前端知识点总结
前端工程化可以提升开发体验、提高开发效率和质量、提升应用的访问性能,一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。前端工程化不等同于Webpack,它主要包含从编码、发布到运维的整个前端研发生命周期,把软件工程相关的方法和思想应用到前端开发。主要是为了实现代码编译、文件压缩、资源嵌入等。主要是将es6语法转换成es5语法,让浏览器进行执行。将less、sass等编写的样式编译成css。将实现特定功能的文件按照一定的规范进行化分,使其理于维护、避免命名冲突、利于优化、复用等。将特定的代码进行组件
2022-07-18 17:31:14
158
原创 angualr版图片查看器
github: https://github.com/myopenresources/ngh-img-viewer-demongh-img-viewer说明ngh-img-viewer是一个图片查看器,主要有两种使用方式:1.nghNghImgViewerContainer指令将nghNghImgViewerContainer指令添加到任何HTML元素中,HTML元素中的所有图片将自动绑定查看器,点击图片就可以弹出图片查看器2.NghImgViewerService服务通过NghImgV.
2021-01-14 18:11:27
393
原创 基于Spring boot+Mybatis+Angular8+Maven+Mysql的后台权限管理系统
这是一个基于angular+ng-zorro+spring boot开发的前后端分离跨域请求项目,适合接单,个人学习价格:649元,喜欢的朋友联系QQ:332557712相关说明:1.前端:angular8.2.4+ng-zorro-antd8.5.1+less+各种组件2.后端:spring boot+mybatis3.1.1 + maven模块化3.数据库:my......
2020-01-19 16:35:35
456
原创 angular版 模版插座指令
欢迎关注github:https://github.com/myopenresourcesangular版 模版插座指令安装npm install cc-custom-tpl --save 或 yarn add cc-custom-tpl使用//========string-template-outlet========//业务模块import{B...
2019-07-14 16:55:32
194
原创 angular版 错误URL默认值指令ccErrorSrc
欢迎关注github:https://github.com/myopenresourcesangular版 错误URL默认值指令ccErrorSrc安装npm install cc-error-src --save 或 yarn add cc-error-src使用//业务模块import{BrowserModule}from'@angular/...
2019-07-14 16:54:45
205
原创 angular版 拾色器组件
欢迎关注github:https://github.com/myopenresourcesangular版拾色器组件安装npm install cc-color-picker --save 或 yarn add cc-color-picker使用//业务模块import{BrowserModule}from'@angular/platform-bro...
2019-07-14 16:53:25
1032
原创 angular版 二维码组件
欢迎关注github:https://github.com/myopenresourcesangular版 二维码组件cc-qrcode安装npm install cc-qrcode --save 或 yarn add cc-qrcode使用//业务模块import{BrowserModule}from'@angular/platform-browse...
2019-07-14 16:52:27
342
原创 Angular 版本水印指令
欢迎关注github:https://github.com/myopenresources安装npm install cc-water-marker --save 或 yarn add cc-water-marker使用//业务模块import{WaterMarkerModule}from'cc-water-marker';@NgModul...
2019-07-14 16:51:19
1700
5
转载 ionic3打包后图片路径问题处理
天气凉了,问题也多了,相信很多使用ionic3的同学也遇到过打包后图片显示不出来的问题,小编今天也遇到过这个问题,整个百度翻了个顶朝天也没有找到解决的方法,无奈之下,自己研究问题,这里就给大家讲讲如何解决(这里只给解决方法)点击进入查看...
2018-10-18 15:07:10
634
原创 angular2部署到tomcat中,让他跑起来
首先使用构建命令(npm run build或ng build)打包,打包完成后项目中会出现一个dist的目录,这个目录就是我们最终要部署的包了,把它命名为cc-client(关于打包后的base路径修改,参考后面的备 注)就可以了。将命名好的cc-client整个目录复制到tomcat的webapps目录下。运行tomcat,在浏览器中输入http://localhost:8080/cc-c
2017-08-06 14:02:50
10332
2
SpringMVC3.1.0+Spring3.1.0+Hibernate3+AJAX转换包
2012-11-17
javascript教程
2012-07-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人