河马开源
这个作者很懒,什么都没留下…
展开
-
于vue3+vite+element pro + pnpm开源项目
河码桌面是一个基于vue3+vite+element pro + pnpm 创建的monorepo项目,项目采用的是类操作系统的web界面,操作起来简单又方便,符合用户习惯,又没有操作系统的复杂!有两个两个分支,一个是web版本,一个是electron,只需要将分支切换到electron即可,下面有electron的效果图。原创 2023-08-18 15:54:38 · 1637 阅读 · 0 评论 -
js将项目中的图片上传到服务器
项目上有时候会有奇怪的需求,比如前端有一些示例,想点击按钮就能上传图片,而这个图片是在前端的项目中的,想直接上传到后端,需要file对象才可以,这个时候我们需要将img转换成file对象,所以我们可以通过fetch转换成file对象然后上传。原创 2023-08-18 11:39:10 · 1054 阅读 · 0 评论 -
现有的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 · 830 阅读 · 0 评论 -
vue3+vite+element pro + pnpm 创建的monorepo项目
欢迎使用河码桌面,河码桌面是一个基于vue3+vite+element pro + pnpm 创建的monorepo项目,项目采用的是类操作系统的web界面,操作起来简单又方便,符合用户习惯,又没有操作系统的复杂!原创 2023-07-07 09:07:40 · 266 阅读 · 0 评论 -
组件库项目搭建
使用pnpm create vite@latest 命令创建项目。输入项目名,选择对应参数。原创 2023-03-15 21:09:07 · 302 阅读 · 0 评论 -
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 · 648 阅读 · 0 评论 -
Flutter环境搭建
点击Flutter,设置FlutterSDKpath(上面“Flutter安装”章节的路径),然后Next。在AndroidStudio的Plugins中输入Flutter,点击Install按钮进行安装。打包后的文件在项目目录\build\windows\runner\Release下。在磁盘中创建一个AndroidSdk的目录,这里选择创建的目录位置,然后Next。可以在系统中的设置中打开开发者选项。把下载好的文件解压到安装目录中,例如D\Software\Flutter。...原创 2022-07-22 09:26:29 · 335 阅读 · 0 评论 -
前端代码规范化的解决方案
首先我们得安装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 · 365 阅读 · 0 评论 -
前端知识点总结
前端工程化可以提升开发体验、提高开发效率和质量、提升应用的访问性能,一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。前端工程化不等同于Webpack,它主要包含从编码、发布到运维的整个前端研发生命周期,把软件工程相关的方法和思想应用到前端开发。主要是为了实现代码编译、文件压缩、资源嵌入等。主要是将es6语法转换成es5语法,让浏览器进行执行。将less、sass等编写的样式编译成css。将实现特定功能的文件按照一定的规范进行化分,使其理于维护、避免命名冲突、利于优化、复用等。将特定的代码进行组件原创 2022-07-18 17:31:14 · 145 阅读 · 0 评论 -
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 · 378 阅读 · 0 评论 -
一个基于Angular4+Bootstrap4+Scss的后台管理系统界面
一个基于Angular4+Bootstrap4+Scss的后台管理系统界面,正在不断的开发中,有兴趣的朋友可以到我的github下载,github地址:点击进入github一直在不断的更新中,最新的状态以github为准!欢迎加入群进行技术讨论,群号:168733660 。 CC admin一个基于angular4.1.3+ng-bootstrap1.0.0-alpha.25+bootstrap4原创 2017-05-22 20:55:00 · 29018 阅读 · 13 评论 -
作者github开源项目
https://github.com/myopenresources原创 2018-04-10 10:01:57 · 544 阅读 · 0 评论 -
ionic3打包后图片路径问题处理
天气凉了,问题也多了,相信很多使用ionic3的同学也遇到过打包后图片显示不出来的问题,小编今天也遇到过这个问题,整个百度翻了个顶朝天也没有找到解决的方法,无奈之下,自己研究问题,这里就给大家讲讲如何解决(这里只给解决方法)点击进入查看...转载 2018-10-18 15:07:10 · 626 阅读 · 0 评论 -
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 · 1643 阅读 · 5 评论 -
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 · 330 阅读 · 0 评论 -
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 · 998 阅读 · 0 评论 -
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 · 197 阅读 · 0 评论 -
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 · 187 阅读 · 0 评论 -
Javascript实现输出系统时间
编写一个外部的js文件:function sys_now(obj) { //生成对象 var date = new Date(); //年 var year = null; //月 var month = date.getMont原创 2012-10-27 09:30:45 · 725 阅读 · 0 评论 -
cjhme-admin是一个基于Angularjs1.4.6、Jquery1.11.3、Bootstrap3.3.5的后台管理系统界面
cjhme-admin是一个基于Angularjs1.4.6、Jquery1.11.3、Bootstrap3.3.5的后台管理系统界面原创 2016-11-23 10:27:23 · 2183 阅读 · 0 评论 -
angular2路由预加载策略
angular2路由预加载策略原创 2017-07-15 08:44:27 · 3599 阅读 · 0 评论 -
JQuery的read函数与js的onload的实现
js的onload实现:"http://www.w3.org/TR/html4/loose.dtd"> js的onload方法的使用 window.onload=function(){ var myLinks = document.getElementsByTa原创 2012-11-09 22:18:29 · 487 阅读 · 0 评论 -
DOM对象转换成JQuery对象
DOM对象转换成JQuery对象转换方法:就是使用$(DOM对象),转换后就可以使用JQuery对象提供的方法了。例子:"http://www.w3.org/TR/html4/loose.dtd"> 将DOM对象转换成JQuery对象 $(do原创 2012-11-09 22:18:56 · 489 阅读 · 0 评论 -
Javascript的history对象的back的使用
html:单击js:返回原创 2012-10-27 09:41:16 · 874 阅读 · 0 评论 -
Javascript日期类的使用
var date = new Date(); var day = date.getDay(); if(day==0) { day="日";} document.writeln("现在是" + (date.getYear()+1900) +"年 " + (date.getMonth()+1) +"月 " + date.getDate() +"日 " + "原创 2012-10-27 09:38:44 · 203 阅读 · 0 评论 -
Javascript动态创建复选框
"http://www.w3.org/TR/html4/loose.dtd"> 动态创建复选框 //动态创建复选框 function create_checkbox(){ //获得div v原创 2012-10-27 09:33:01 · 704 阅读 · 0 评论 -
Javascript表格的显示和隐藏
function show() { var b1 = document.getElementById("b1"); var table = document.getElementById("table"); if(b1.value=="隐藏") { table.style.dis原创 2012-10-27 09:43:37 · 403 阅读 · 0 评论 -
Javascript实现计时和停止计时
"http://www.w3.org/TR/html4/loose.dtd"> 计时器 var sec = 0; //设置计时器 var timeId = setInterval("count();",1000);原创 2012-10-27 09:35:19 · 817 阅读 · 0 评论 -
Javascript实现鼠标经过改变按钮
function mouseOver(btn,img){document.getElementById(btn).src=img; } function mouseOut(btn,img){ document.getElementById(btn).src=img;原创 2012-10-27 09:46:12 · 714 阅读 · 0 评论 -
Javascript数组的使用
var banana = "香蕉"; var fruit = new Array(3); fruit[0] = "西瓜"; fruit[1] = "苹果"; fruit[2] = "橙子"; fruit.push("apple"); fruit.push("orange"); fruit.push(banana); for原创 2012-10-27 09:37:02 · 286 阅读 · 0 评论 -
Javascript实现5秒跳转到某个页面
"http://www.w3.org/TR/html4/loose.dtd"> 定时器5秒自动跳转百度 function count(){ setTimeout("window.location.href='http://www.baidu.com'",5000);原创 2012-10-27 09:34:15 · 601 阅读 · 0 评论 -
JQuery对象转换成DOM对象
JQuery对象转换成DOM对象转换方法:转换方法有2种,一种是获得数组索引的方式,一种是通过get(第几个元素)方法的方式。例子:"http://www.w3.org/TR/html4/loose.dtd"> 将JQuery对象转换成DOM对象原创 2012-11-09 22:19:18 · 513 阅读 · 0 评论 -
JQuery和JS实现奇偶行不同背景颜色
JQuery实现:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> New Web Project $(function(){ //可以是:$('#t1 tbody tr:even').原创 2012-11-17 15:42:55 · 1606 阅读 · 0 评论 -
jQuery 事件 - resize() 方法
1.定义当调整浏览器窗口大小时,发生扔resize事件。2.语法 1).$(选择器).resize(); 2).$(选择器).resize(function(){});3.例子: 1). 例子1原创 2013-11-15 16:36:31 · 1635 阅读 · 0 评论 -
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 · 10285 阅读 · 2 评论 -
easyui Datagrid的deleteRow多行移除问题
原因:deleteRow删除行以后会去调opts.view.deleteRow.call(opts.view,_4d2,_4d3);刷新页面原创 2015-06-17 10:36:13 · 3521 阅读 · 0 评论 -
angularjs 分页指令编写
分页效果:分页说明分页使用的样式基于bootstrap样式。分页模板 显示 页, 0"> 每页 条数据, 每页 条数据, 当前第 页, 共条 条数据分页指令/** * 分原创 2016-08-13 14:25:34 · 2015 阅读 · 0 评论 -
零基础学习EasyUI-01
简介jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。官网http://www.jeasyui.com/中文网http://www.jeasyui.net/下载首先登录官网,点击菜单download转载 2014-12-31 18:24:50 · 1220 阅读 · 0 评论 -
多AJAX调用解决顺序问题
在程序中,其中一个ajax取数据到前台下拉列表中,另外一个是取数据与下拉列表进行配,然后选中对应的项,有时候可以选中,有时候不会,多刷新几次又选中了,这样是不稳定的,开始以为是没收有匹配好,改了代码还是不行,后面觉得是顺序问题,于是打印了后台调用的结果,在控制台上看到的顺序是不稳定的,于是将ajax的设置成同步请求,这样就解决了。加上async:false, 表示同步,默认是异步。原创 2012-12-31 23:51:02 · 1048 阅读 · 0 评论 -
Javascript的for..in使用
//构造函数,可以用来生成对象 function member(name,gender) { this.name = name; this.gender = gender; } function showProperty(obj) { var str = ""; for(var i in原创 2012-10-27 09:39:41 · 297 阅读 · 0 评论