前端
文章平均质量分 55
大小小丹
欲将得之,必先与之!凡事尽力而为,随心而行,余下随缘~
展开
-
数据大盘动画-demo
如需要详细代码,可以前往下载,下载地址在本人博客资源中,可自行前往下载。最近折腾一个大盘,显示3d围绕中间转动,类似星球转动特效,如下所示。原创 2023-03-31 23:27:55 · 153 阅读 · 0 评论 -
Angular2+简单入门
Angular2+简单项目搭建以及基础知识原创 2023-03-15 21:31:30 · 794 阅读 · 0 评论 -
Mac 下 多个node.js版本切换使用
Macbook 上nodejs 轻松切换版本号原创 2023-03-03 20:30:41 · 1071 阅读 · 0 评论 -
乾坤qiankun-微前端-简单搭建demo
Micro-frontend,微前端,顾名思义,前端也可以像后端一样通过多个微服务,搭建项目。只是后端的微服务架构是Spring Boot, 而前端我们可以使用实现前端的微服务架构。轻松现实大型项目的迭代重构升级以及拓展,不受牵一发而动全身的限制。下面介绍简单搭建微前端框架。原创 2022-09-18 16:24:56 · 2743 阅读 · 6 评论 -
Electron如何优雅搭建大型项目
Electron如何优雅搭建大型项目项目框架main.jsapp 模块内容使用UI层Service层Utils层Window层项目框架搭建一个稳健的Electron框架,而不是随便使用别人封装好的electron-vue,想自定义一个更合适自己的项目架构,以便更有利于实现项目发布时的体积尽可能小,并且可以任意选择合适的UI层框架,如React、Vue、Angular甚至是纯html。先看下以下项目架构图:再看下我们数据通讯流程图如下:由以上两个图可以清晰的实现代码的高内聚低耦合,并遵循职责分明的原创 2021-04-01 20:46:04 · 584 阅读 · 1 评论 -
跨域问题 前后端分离处理方式
1、后端配置nginx文件 设置规则(1).pom.xml 增加以下依赖 <dependency> <groupId>com.thetransactioncompany</groupId> <artifactId>cors-filter</artifactId> ...原创 2018-10-19 15:51:10 · 161 阅读 · 0 评论 -
vue init webpack demo下载卡在project name demo解决办法
检查node版本是都过高,本人亲测10.6.0版本是下载不了的,因此需要切换低版本的node切换node 版本方法 参考连接:https://blog.csdn.net/baidu_30907803/article/details/80734275...原创 2019-04-03 10:28:32 · 1050 阅读 · 0 评论 -
ios safire浏览器双指点击 或者缩放禁用
https://blog.csdn.net/qq_31150171/article/details/89023576mounted () { /* 对于Safari浏览器来说,无法通过meta属性限制其缩放,可以在App.vue中添加如下代码,实现缩放禁止,主要原理是:禁止两指以上的触摸事件(因为缩放需要两指操作),禁止手势事件的识别 */ window.onload = funct...转载 2019-05-14 16:16:26 · 960 阅读 · 0 评论 -
Vue 的Style中background的URl地址build 后找不到图片地址
参考链接https://blog.csdn.net/u013750989/article/details/82885604 // Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return Extr...原创 2019-05-15 10:31:33 · 1122 阅读 · 0 评论 -
vue项目打包后index.html文件打开空白
https://blog.csdn.net/guojing5721/article/details/83863503转载 2019-05-12 08:35:54 · 932 阅读 · 0 评论 -
mac使用nw.js开发桌面程序 打包方式
参考https://segmentfault.com/a/1190000007564694和https://zhuanlan.zhihu.com/p/200701661、html、css、img等文件全选压缩成app.zip再把zip改成app.nw2、打开mac下载安装nw.js的文件包打开修改nwjs.app改成需要打包成的app名称,如:weixin.app打开we...原创 2019-07-05 16:08:12 · 1720 阅读 · 0 评论 -
angularjs input 搜索框触发请求太频繁,使用lodash.js的 debounce节流提高性能
参考链接:https://ask.helplib.com/javascript/post_1177398由于个人项目是使用angularjs1.3以上,则可以直接使用angularjs 自带的ng-model-options="{ debounce: 1000 }"属性即可<div ng-controller="Ctrl"> <form name="userFor...原创 2018-09-29 09:26:48 · 2251 阅读 · 1 评论 -
树结构数据父节点获取所有子节点的id
使用 $scope.getGroupLevel($scope.meetingGroupData);递归处理数据//获取会议室分组的所有下属节点的id $scope.getGroupLevel = function (meetingGroupData){ if(meetingGroupData != undefined && meetingGr...原创 2018-09-28 17:29:07 · 7456 阅读 · 1 评论 -
nw.js window下调试项目
原创 2018-01-26 17:02:40 · 1241 阅读 · 0 评论 -
mac nw.js 打包桌面应用程序
参考https://segmentfault.com/a/1190000007564694和https://zhuanlan.zhihu.com/p/200701661、mac电脑下打包,需要先下载nw.js安装包,因为这个安装包.nw整合 自主开发的app.nw代码 作为新的应用程序2、开发前端代码 index.html package.json必须的,其他都是自主开发需要的文件,可原创 2017-12-13 18:49:11 · 2958 阅读 · 1 评论 -
angularjs 针对后台接收参数的方式map 或者字符串 post请求的不同配置
1、后台接收参数是map JSON的格式,则post请求直接传递JSON格式的参数即可,如:service.js 编写服务```sh /********************** * 登录退出服务接口 * **********************/SystecApp.factory("LogginOutService", ['$resource', 'bas...原创 2018-04-23 11:45:14 · 3382 阅读 · 1 评论 -
nw.js 项目实现双击自定义的header全屏和还原切换,并且全屏和还原图标切换
如上图所示的header是自定义的。点击放大后是图标需要根据点击事件更改图标。但是如果是直接双击header空白处,窗口可以实现放大还原,但是怎么控制图标也更换?直接上代码'''sh//最大窗口/还原窗口点击事件function maxWindow() { if (!isMax) { win.maximize(); } else { win.res...原创 2018-04-25 10:53:22 · 2013 阅读 · 1 评论 -
nw.js项目用nsis打包成一个exe文件的坑
nsis把nw.js整个项目编译成一个exe包,可以实现分发给客户时,可以给用户更好的体验,但是隐藏着一个坑。也可以说是nw.js本身存在的坑。由于nw.js是基于node.js和chromium的应用程序运行环境的。如果项目用到localstorage来实现部分缓存和自动登录功能实现,则作为浏览器的内核渲染页面,则用户安装应用后 必然会生成本地缓存。导致用户下次重装应用时,还是使用上一个安装包的...原创 2018-05-17 17:58:44 · 3499 阅读 · 1 评论 -
nw.js 打开一个exe项目,再次点击快捷方式启动已经存在的exe到最前端 open file with existing app
技术点:single-instance 和 gui.App.on('open',function({})) open监听事件想要像c++可以实现打开一个实例后,再次点击exe文件时,不再创建新的实例,而是把已经打开的实例启动到最前端,需要做以下操作:1、package.json里面配置 “single-instance”:true2、在项目的每个页面的js里面 添加open监听事件var gui...原创 2018-05-25 09:44:34 · 4031 阅读 · 1 评论 -
windows 下 多个node.js版本切换使用
随着前端的五花八门的各种框架使用,就不得不随时切换不同的版本进行开发。比如2016年开发phonegap时使用的ionic1.x就是基于node.js 6.x版本开发的。短短一年时间 现在使用阿里巴巴旗下的weex开发混合应用,则需呀node.js为10.x版本。但是旧的项目仍需维护更新,则需要不断来回切换node版本。参考连接:https://blog.csdn.net/jingsi1991...原创 2018-06-19 15:27:54 · 12059 阅读 · 2 评论 -
JStree搜索过滤掉没用的数据重新构建树
https://stackoverflow.com/questions/38776653/uncaught-typeerror-jstree-hide-all-is-not-a-functionhtml里面 <div class="col-md-12 col-lg-12 col-xs-12 col-sm-12 pull-left padding-right padding-...原创 2018-09-19 09:04:45 · 4558 阅读 · 1 评论 -
canvas 图片的合成
需求情景:二维码生成的图片底部 添加 该二维码的说明文字,再合并成一张新的图片。参考链接:图片合并https://www.jianyu87.com/content/website/33.htmlhttp://www.w3dev.cn/article/20150929/html-draw-to-image.aspxhttps://www.jb51.net/html5/6289...原创 2018-09-11 08:57:44 · 720 阅读 · 0 评论 -
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />详解
meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />转载 2017-11-28 10:13:39 · 286 阅读 · 0 评论