• 博客(291)
  • 收藏
  • 关注

原创 软件开发市场下沉,无代码开发是如何解决技术人才难题?

我们在软件开发项目中最常遇到什么问题?是项目复杂吗?是时间太少吗?还是投入太大了?都不是,在软件开发项目中人才才是最重要的。这个行业高技术人才是可以推动整个项目的进行,降低项目的开发难度,提高效率减少时间,都是高级技术人才优势的直观体现。但,人才难得。一、二线城市可以通过提高待遇来直接获得高级开发人员,但在三、四线城市由于软件开发行业资源有限,要招到可以带领技术团队的高级人才就更是困难了。所以如何解决人才难题呢?我们的设想是通过工具来降低项目对高级人才的依赖性,所以技术是核心,...

2021-01-05 17:09:08 1044 6

原创 详解JNPF.APP办公系统快速开发方案

移动办公是不能阻挡的未来办公趋势全球领先的移动解决方案供应商西特里克斯系统公司访问19个国家和地区共1900名信息技术行业高管,写成《西特里克斯未来工作场所》报告。报告预计,到2020年大约每10名员工共用7张办公桌,每名员工平均用6种移动设备与公司网络相连。届时,29%的员工不用在传统办公室里工作,人们可以在家里或是项目现场办公,也可以借用酒店、机场、咖啡店等处的网络移动办公。报告说,几乎所有访问对象都认为,未来需要重新设计办公空间,让它变得更有吸引力。未来的办公室将可以激发员工创造力和想象力

2020-08-19 17:28:56 988

原创 优秀开源平台,前后端分离快速开发平台,一站式多端开发(PC+APP)

JNPF平台架构介绍JNPF快速开发平台采用前后端分离技术、采用B/S架构开发,形成一站式开发多端(APP+PC)使用。PC端版本介绍第一个当然是当下热门的.net core了,运行环境为Visual Studio 2017,也可以在IIS上分开部署。主要技术栈前端JS框架:jquery, bootstrap, vueUI框架:bootstrap、ElementUI富文本编辑:UEditor文件上传:webuploader客户端验证:jquery-validateSocket通讯:so

2020-08-18 09:26:45 1557 3

原创 JNPF快速开发平台——业务流程系统(BPM)开发方案

项目简介随着计算机技术的发展和互联网时代的到来,我们已经进入了信息时代,也称为数字化时代,在这数字化的时代里,企业的经营管理都受到了极大的挑战。从上世纪90年代起至今,企业的信息化工作开展的如火如荼,相继建立了很多业务系统,同时也给企业带来了巨大的效益。但是,新的问题出现了,业务已经对这些复杂的系统提出更新的需求,即需要实现系统之间整合。需求痛点一、公司一直没有一个可以贯通企业上下的系统,当基层的管理者无法解决问题时,需要引入高层的管理,需要重新分配资源,但僵硬传统的管理模式无法做到重新进行管理

2020-08-17 10:03:37 1242

原创 JNPF.java前后端分离框架,SpringBoot+SpringCloud开发微服务平台

JNPF.java版本采用全新的前后端分离架构模式。前后端分离已成为互联网项目开发的业界标准开发方式,通过 nginx+tomcat 等方式有效的进行解耦合,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务打下坚实的基础。技术选型:SpringBootSpringCloudMybatis-PlusRedisjqueryvueBootstrapElementUIUniapph5微服务开发:JNPF.java采用SpringBoo.

2020-08-14 10:13:05 2144

原创 浅显易懂 - - - 原来这就是网络

你是一台电脑,你的名字叫 A很久很久之前,你不与任何其他电脑相连接,孤苦伶仃。直到有一天,你希望与另一台电脑 B 建立通信,于是你们各开了一个网口,用一根网线连接了起来。用一根网线连接起来怎么就能"通信"了呢?我可以给你讲 IO、讲中断、讲缓冲区,但这不是研究网络时该关心的问题。如果你纠结,要么去研究一下操作系统是如何处理网络 IO 的,要么去研究一下包是如何被网卡转换成电信号发送出去的,要么就仅仅把它当做电脑里有个小人在开枪吧~反正,你们就是连起来了,并且可以通..

2021-02-24 15:51:38 371

原创 Vue 项目一些常见问题的解决方案

本文已经授权掘金开发者社区公众号独家使用,包括但不限于编辑、标注原创等权益。有一些问题不限于 Vue,还适应于其他类型的 SPA 项目。1. 页面权限控制和登陆验证页面权限控制页面权限控制是什么意思呢?就是一个网站有不同的角色,比如管理员和普通用户,要求不同的角色能访问的页面是不一样的。如果一个页面,有角色越权访问,这时就得做出限制了。一种方法是通过动态添加路由和菜单来做控制,不能访问的页面不添加到路由表里,这是其中一种办法。具体细节请看下一节的《动态菜单》。另一种办法就是所有的

2021-02-24 15:47:14 674 1

原创 可视化拖拽组件库一些技术要点原理分析(第三篇)

本文是可视化拖拽系列的第三篇,之前的两篇文章一共对 17 个功能点的技术原理进行了分析:编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 拖拽旋转 复制粘贴剪切 数据交互 发布本文在此基础上,将对以下几个功能点的技术原理进行分析:多个组件的组合和拆分 文本组件 矩形组件 锁定组件 快捷键 网格线 编辑器快照的另一种实现方式如果你对我之前的两篇文章不是很

2021-02-24 15:41:28 775 1

原创 可视化拖拽组件库一些技术要点原理分析(第二篇)

上一篇文章主要讲解了以下几个功能点:编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式现在这篇文章会在此基础上再补充 4 个功能点,分别是:14.拖拽旋转15.复制粘贴剪切16.数据交互17.发布和上篇文章一样,我已经将新功能的代码更新到了 github:github 项目地址 在线预览友善提醒:建议结合源码一起阅读,效果更好(这个 DEMO 使用的是

2021-02-24 15:38:27 393 1

原创 CSS 代码的魅力

之前在知乎看到一个很有意思的讨论 一行代码可以做什么?那么,一行 CSS 代码又能不能搞点事情呢?CSS Battle首先,这让我想到了,年初的时候沉迷的一个网站 CSS Battle 。这个网站是核心玩法就是:官方给出一张图形,在给定的 400 x 300 的画布上,能够用越短的代码实现它,分数就越高。注意是,完全一模一样还原。其中,第一题就非常有趣,看看题目:嗯,想一想,如果给定这样一张图形,告诉你 HTML 的大小是 400px x 300px,图片中使用到的颜色是 #

2021-02-24 15:30:15 195 1

原创 CSS 动态高度过渡动画

这个问题源自于掘金上的一个留言,一个朋友问到,为什么我下面这段代码的高度过渡动画失效了?伪代码大概是这样:{ height: unset; transition: all 0.3s linear; will-change: height; &.up { height: 0; } &.down { height: unset; }}复制代码把它还原成一个实际的 Demo,效果大概是这样(

2021-02-24 15:27:44 2768 5

原创 CSS 边框动画

今天逛博客网站 -- shoptalkshow,看到这样一个界面,非常有意思:觉得它的风格很独特,尤其是其中一些边框。嘿嘿,所以来一篇边框特辑,看看运用 CSS,可以在边框上整些什么花样。border 属性谈到边框,首先会想到 border,我们最常用的莫过于 solid,dashed,上图中便出现了 dashed。除了最常见的 solid,dashed,CSS border 还支持 none,hidden, dotted, double, groove, ridge, inset,

2021-02-24 15:25:49 708 5

原创 使用 CSS 创造艺术

本文属于 CSS 绘图技巧其中一篇。之前有过一篇:在 CSS 中使用三角函数绘制曲线图形及展示动画想写一篇关于 CSS 创造艺术的文章已久,本文主要介绍如何借助 CSS-doodle ,利用 CSS 快速创造美妙的 CSS 图形。中心布局本文的所有技巧都会围绕这个布局展开,属于一类技巧。首先,我们需要这样一种中心布局。简单的 HTML 结构如下:<div class="g-container"> <div class="g-box"></div&g

2021-02-24 15:22:31 153

原创 你可能不知道的 transition 技巧与细节

CSS 中,transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。最为常见的用法,也就是给元素添加一个 transition,让其某个属性从状态 A 变化到状态 B 时,不再是非常直接突兀,而是带有一个补间动画。举个例子:<div></div>复制代码div { width: 140px; height: 64px; transition: .8s transform linear;}div:hover {

2021-02-24 15:17:53 895 3

原创 CSS奇妙 ---使用 background 创造各种美妙的背景

本文属于 CSS 绘图技巧其中一篇,系列文章:在 CSS 中使用三角函数绘制曲线图形及展示动画 CSS奇思妙想 -- 使用 CSS 创造艺术将介绍一些利用 CSS 中的 background、mix-blend-mode、mask 及一些相关属性,制作一些稍微复杂、酷炫的背景。通过本文,你将会了解到 CSS background 中更为强大的一些用法,并且学会利用 background 相关的一些属性,采用不同的方式,去创造更复杂的背景图案。在这个过程中,你会更好的掌握不同的渐变技巧,更深层次的

2021-02-24 15:15:10 306

原创 使用 mask 实现视频弹幕人物遮罩过滤

经常看一些 LOL 比赛直播的小伙伴,肯定都知道,在一些弹幕网站(Bilibili、虎牙)中,当人物与弹幕出现在一起的时候,弹幕会“巧妙”的躲到人物的下面,看着非常的智能。简单的一个截图例子:其实,这里是运用了 CSS 中的 MASK 属性实现的。mask 简单用法介绍之前在多篇文章都提到了 mask,比较详细的一篇是 -- 奇妙的 CSS MASK,本文不对 mask 的基本概念做过多讲解,向下阅读时,如果对一些 mask 的用法感到疑惑,可以再去看看。这里只简单介绍下 mask

2021-02-24 15:11:33 528 2

原创 前端优秀实践不完全指南(结)

本文其实应该叫,Web 用户体验设计提升指南。一个 Web 页面,一个 APP,想让别人用的爽,也就是所谓的良好的用户体验,我觉得他可能包括但不限于:急速的打开速度 眼前一亮的 UI 设计 酷炫的动画效果 丰富的个性化设置 便捷的操作 贴心的细节 关注残障人士,良好的可访问性 ...所谓的用户体验设计,其实是一个比较虚的概念,是秉承着以用户为中心的思想的一种设计手段,以用户需求为目标而进行的设计。设计过程注重以用户为中心,用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。

2021-02-24 15:09:02 272 1

原创 突然出现的低代码,到底存在多少误解?

实际上,低代码平台已经在国外发展一段时间了。当然,这里提到的“一段时间”不是几个月或一年或两年,而是几年。即使在中国,一些低代码先驱者也已经发展了很长时间。虽然低代码平台被说的神乎其神,但是它在短时间内被广泛关注,肯定有着独特之处。那么,什么时候需要低代码平台?人们对低代码平台的看法是否存在误解?什么时候需要低代码平台?1.复杂性和技术能力会减慢软件开发速度当你确定需要使用新的应用程序来创建新的业务机会时,但是与开发新的应用程序相比,你的企业在维护和更新现有应用程序上花费了更多时间。开发独立软件

2021-01-08 10:42:52 375

原创 收集11 个超火的前端必备在线工具,终于有时间上班摸鱼了

1. LightHouseLightHouse 是一个开源的自动化工具,用于改进网络应用的质量。可以将其作为一个 Chrome 扩展程序运行,或从命令行运行。当为 Lighthouse 提供一个要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。让开发人员根据生成的页面性能的报告,来进行网站优化和完善,提高用户体验。可以参考失败的测试,看看可以采取哪些措施来改进应用。在里面你可以看到它给你各个方面的建议,比如图片、css、js 这些文件的处理,还有 ht

2020-12-17 16:00:16 1900 6

原创 速度提高几百倍,记一次数据结构在实际工作中的运用

这段时间写了一堆源码解析,这篇文章想换换口味,跟大家分享一个我工作中遇到的案例。毕竟作为一个打工人,上班除了摸鱼看源码外,砖还是要搬的。本文会分享一个使用恰当的数据结构来进行性能优化,从而大幅提高响应速度的故事,提高有几百倍那么多。事情是这样的,我现在供职一家外企,我们有一个给外国人用的线下卖货的APP,卖的商品有衣服,鞋子,可乐什么的。某天,产品经理找到我,提了一个需求:需要支持三层的产品选项。听到这个需求,我第一反应是我好像没有见到过三层的产品选项,毕竟我也是一个十来年的资深剁手党,一般的产品选项好

2020-12-17 15:56:00 179

原创 这10 个 GitHub 上超火的 CSS 奇技淫巧项目,找到写 CSS 的灵感!

You-need-to-know-css该项目是 CSS 的各种效果实现,尤其是动画效果。笔者把自己的收获和工作中常用的一些 CSS 小样式总结成这份文档。目前文档一共包含 43 个 CSS 的小样式(持续更新…),所以还是很不错的学习 CSS 的项目来的。比如: 打字效果<style> main { width: 100%; height: 229px; display: flex; justify-content: center;

2020-12-17 15:53:57 774 4

原创 Chrome浏览器的渲染原理

正文VueVue2.0:Vue2.0 文档 Vue3.0:Vue3.0 文档 Vue-Router:Vue.js 官方的路由管理器。 Vuex:Vue.js 应用程序开发的状态管理模式。 Element-UI:饿了么UI组件库 View UI:一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。 Vuetify:用于构建功能丰富、快速的应用程序。 Buefy-UI: 简单且轻量的UI库。 Quasar: 编写代码一次并同时将其部署为网站、移动应用和/或E

2020-12-17 15:50:41 418

原创 从零构建到优化一个类似vue-cli的脚手架

前言想必大多数人在开发 vue 等 SPA 项目都时候都会直接用 vue-cli 等脚手架开发,一是方便省去了好多配置上的功夫,二是 vue-cli 毕竟是久经考验较为成熟的东西,遇到问题也能在网上找到相应解决方案。但是,如果我们要更好地理解脚手架的配置及其构建打包的机制,我们就有必要从零开始,依葫芦画瓢自己配置一个类似于 vue-cli 这样的项目了。在此,我做了以下简单配置,请各位大佬批评指正,并诚心希望能得到大佬的指点,解决文章最后关于 Tree Shaking 导致打包缺失 css 的问题。

2020-12-17 15:45:12 204

原创 18个webpack插件,总会有你想要的!

何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节点,执行广泛的任务。Plugin 的特点是一个独立的模块 模块对外暴露一个 js 函数 函数的原型 (prototype) 上定义了一个注入 compiler 对象的 apply方法

2020-12-17 15:41:37 142

原创 搭建一个vue-cli4+webpack移动端框架

简介这是基于 vue-cli4 实现的移动端框架,其中包含项目常用的配置,组件封装及webpack优化方法,可供快速开发使用。技术栈:vue-cli4 + webpack4 + vant + axios + less + postcss-px2rem源码 github.com/Michael-lzg…// 安装依赖npm install// 本地启动npm run dev// 生产打包npm run build复制代码在一两年前,vue-cli3已经声驾到3.0+版本,

2020-12-17 15:39:32 285

原创 总结vue知识体系之高级应用

vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢?为此,我做了简单的知识体系体系总结,不足之处请各位大佬多多包涵和指正,如果喜欢的可以点个小赞!本文主要讲述一些vue开发中的几个高级应用,希望能对大家有所帮助。Vue.use我们使用的第三方 Vue.js 插件。如果插件是一个对象,必须提供install方法。如果插件是一个函数,它会被作为install方法。install方法调用时,会将Vue作为参数传入。该方法需要在...

2020-12-17 15:35:33 100

原创 总结vue知识体系之实用技巧

vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢?为此,我做了简单的知识体系体系总结,不足之处请各位大佬多多包涵和指正,如果喜欢的可以点个小赞!本文主要讲述一些vue开发中的实用技巧。监听组件的生命周期比如有父组件 Parent 和子组件 Child,如果父组件监听到子组件挂载 mounted 就做一些逻辑处理,常规的写法可能如下: // Parent.vue<Child @mounted="doSome...

2020-12-17 15:34:28 117

原创 总结vue知识体系之基础入门篇

vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢?为此,我做了简单的知识体系体系总结,不足之处请各位大佬多多包涵和指正,如果喜欢的可以点个小赞!Vue 的优缺点是什么优点:低耦合。视图(View)可以独立于 Model 变化和修改,一个 ViewModel 可以绑定到不同的 View 上,当 View 变化的时候 Model 可以不变,当 Model 变化的时候 View 也可以不变。 可重用性。你可以把一些视图...

2020-12-17 15:33:23 118

原创 总结移动端H5开发常用技巧(干货!)

html 篇常用的meta属性设置meta对于移动端的一些特殊属性,可根据需要自行设置<meta name="screen-orientation" content="portrait"> //Android 禁止屏幕旋转<meta name="full-screen" content="yes"> //全屏显示<meta name="browsermode" content="application"> //UC应用模

2020-12-17 15:31:57 151

原创 分享8个非常实用的Vue自定义指令

在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过Vue.directive( id, [definition] )方式注册全局指令。然后在入口文件中进行Vue.use()调用。批量注册指令,新建directives/index.js文件import copy from ...

2020-12-17 15:30:49 80

原创 响应式网页中的高度设计,你认真的吗?

大家看到这个标题可能会以为小智是不是又写错别字了 ????,响应式高度设计?你认真的吗? 因为“响应式Web设计”通常是在多个宽度和设备尺寸上检查浏览器。 我们一般通过减小宽度调整水平方向的响应能力,但是我很少看到通过减小浏览器高度来进行垂直响应的考虑。 此时,智米么内心可能有一丝的波动,并带有许些疑问:我们需要降低浏览器的高度吗? 是的,我们一直探讨一下。当我们在设计网站的时候,不依赖实际数据进行假设是不好的,水平和垂直测试的责任也是非常重要。为什么要测试高度?对于一个设计师来说,一个不合理的

2020-12-17 15:29:21 354

原创 10 个事例,有助于你理解 ES 中的 Promise

在开发中,了解 JavaScript 和 Promise 基础,有助于提高我们的编码技能,今天,我们一起来看看下面的 10 片段,相信看完这 10 个片段有助于我们对 Promise 的理解。片段1:const prom = new Promise((res, rej) => { console.log('first'); res(); console.log('second');});prom.then(() => { console.log('third');

2020-12-17 15:27:42 121

原创 十八 个 JavaScript 入门技巧!

1. 转字符串const input = 123;console.log(input + ''); // '123'console.log(String(input)); // '123'console.log(input.toString()); // '123'2. 转数字const input = '123';console.log(+input); // 123console.log(Number(input)); // 123console.log(parseIn

2020-12-17 15:26:43 104

原创 17 个提升用户体验图像特效库

1.imagehover地址:https://github.com/ciar4n/imagehover.cssimagehover.css-纯CSS3鼠标滑过图片效果动画库,44种鼠标滑过效果2. ImageTiltEffect地址:https://github.com/codrops/ImageTiltEffectTiltEffect是一款让图像跟随鼠标产生微妙立体倾斜效果的插件,使其有层次感和深度感。3.Magnifier.js地址:https://github.c.

2020-12-17 15:25:24 243

原创 17个你可能还不知道 JS 技巧!

1.三元运算符新手let hungry = true;let eat; if (hungry == true) { eat = 'yes'; } else { eat = 'no';}老手let hungry = true;let eat = hungry == true ? 'yes' : 'no';2.数字转字符串/字符串转数字新手let num = 15; let s = num.toString(); // number to

2020-12-17 15:23:41 75

原创 前端教程——前端项目自动化部署(Jenkins、Github Actions)

本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。第一部分是使用 Gitea 配置局域网 git 服务器,再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。 第二部分是使用 Github Actions 将 Github 项目部署到 Github Page 和阿里云。阅读本教程并不需要你提前了解 Jenkins 和 Github Actions 的知识,只要按照本教程的指引,就能够实现自动化部署项目。PS:本人所用电脑操作系统为 wind

2020-11-20 11:19:31 255 1

原创 50个能帮你节省时间的开发工具,你用了几个?

1. Whatruns一个免费的浏览器扩展程序,只需单击一下按钮,就能帮你识别当前网站上所使到的技术。官网:https://www.whatruns.com/2. Sizzy开发人员专用的浏览器。可以帮你节省时间,加快开发流程官网:https://sizzy.co/3. Log RocketLogRocket 使你可以重播用户在你站点上所做的操作,从而帮你重现错误并更快地解决问题。官网:https://logrocket.com/4. SentrySent

2020-11-20 11:16:58 1740 2

原创 推荐11 个 GitHub 上超火的前端面试项目,打造自己的加薪宝库!

简介一般人没事的时候刷刷朋友圈、微博、电视剧、知乎,而有些人是没事的时候刷刷 GitHub ,看看最近有哪些流行的项目。久而久之,这差距就越来越大,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道。初步前端与高级前端之间,最大的差距可能就是信息差造成的。前端章鱼猫从 2016 年加入 GitHub,到现在的 2020 年,快整整 5 个年头了。从 2018 年开始,我就养成了每天逛 GitHub 的习惯,一般在早上上班前或者中午午休的时候都会逛一下。看看每天都开

2020-11-20 11:13:28 824 1

原创 不会比这更详细的前端工程化的入门教程了

本文将分成以下 7 个小节:技术选型 统一规范 测试 部署 监控 性能优化 重构部分小节提供了非常详细的实战教程,让大家动手实践。另外我还写了一个前端工程化 demo 放在github上。这个 demo 包含了 js、css、git 验证,其中 js、css 验证需要安装 VSCode,具体教程在下文中会有提及。技术选型对于前端来说,技术选型挺简单的。就是做选择题,三大框架中选一个。个人认为可以依据以下两个特点来选:选你或团队最熟的,保证在遇到棘手的问题时有人能填坑。..

2020-11-20 11:10:43 204

原创 为了面试能通过,我要看完这75道面试题(终)

51. 什么是async/await及其如何工作?async/await是 JS 中编写异步或非阻塞代码的新方法。它建立在Promises之上,让异步代码的可读性和简洁度都更高。async/await是 JS 中编写异步或非阻塞代码的新方法。 它建立在Promises之上,相对于 Promise 和回调,它的可读性和简洁度都更高。 但是,在使用此功能之前,我们必须先学习Promises的基础知识,因为正如我之前所说,它是基于Promise构建的,这意味着幕后使用仍然是Promise。使用 P..

2020-11-20 11:05:52 125

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除