大家好，今天是周五，祝大家周末快乐，今天我们用大概一个小时的时间聊一下《学习前端的思路问题》。为什么要聊这个呢，因为群里的小伙伴经常会问我，前端怎么学，学了很久没方向啊，学什么东西好呀，等等，所以今天
大家好，今天是周五，祝大家周末快乐，今天我们聊一下《学习前端的思路问题》。为什么要聊这个呢，因为群里的小伙伴经常会问我，前端怎么学，学了很久没方向啊，学什么东西好呀，等等，所以今天主要聊一下四个问题，
前一阵看到同事在用一个名叫 AirFlow 的工具，而我竟然素未耳闻，一番搜索之后发现这个 工具是 Apache 的顶级项目，而且在 GitHub 上有 1w+ 的 Star。
昨天转发了一篇文章，向大家介绍了 GitHub 上一些顶级开源项目是做什么的，今天这是第二篇。
LayaAir 是基于HTML5开源引擎，所开发的游戏既可以网页运行，也可以打包Android & ios app运行，目前更到1.7.19.1 beta版本，本次使用1.7.18稳定版。 本文介绍laya的下载安装，项目创建，目录结构，环境配置与es6+的支持，及具体开发知识，网页端发布等等方面。
最近朋友那边要我给他开发一套JAVA WEB 后台信息管理系统。他要求时间短，任务重，但在主要业务模板相对比较简单：主要是用于APP后台信息管理，一般的数据新增、删除、修改。要求 界面统一UI风格，美观大方。同时要求开源、可便于维护，二次开发。
最近朋友那边要我给他开发一套JAVA WEB 后台信息管理系统。他要求时间短，任务重，但在 主要业务模板相对比较简单：主要是用于APP后台信息管理，一般的数据新增、删除、修改。要求 界面统一UI风格，美观大方。同时 要求开源、可便于维护，二次开发。
👆点击“博文视点Broadview”，获取更多书讯 无论是平常工作中做幻灯片，还是做自媒体、建立个人品牌，不管我们是不是专业的设计师，懂点儿设计方面的知识，总是可以更有效地传达我们想要表达的信息，从而吸粉吸金！ 所以，本期博文菌精心选取了10本与设计相关的图书，希望可以帮助大家体味设计之美，在人人设计的时代更好地设计！ ---- 01 ▊《About Face 4：交互设计精髓（纪念版）》 [美] Alan Cooper，Robert Reimann著 倪卫国 等 译 用户体验行业圣经 交互设计
本文使用博客园Markdown编辑器进行编辑 1.问题呈现 项目中使用了jQuery UI的Dialog控件，一般用来处理需要提示用户输入或操作的简单页面。逻辑是修改一个广告的图片和标题。 效果截图
有不少人梦想成为奎特尔星球上的一名创世之主，但之前却对奎特尔知之甚少，为是否要侵略奎特尔星球有所顾虑。要想要入侵奎特尔星球，表面上看起来容易，但稍有不注意容易迷失。Shawn在奎特尔星球上呆了有大半年了，再加上之前在奎特尔的兄弟星球cocos2d-js上开垦了三年，略有心得，愿与你分享。
React Native系列导航 01-React Native 基础教程 02-安装ReactNative 03-ReactNative目录结构 04-ReactNative视图View 05-ReactNative组件样式style 06-ReactNative文本组件Text 07-ReactNative组件状态state 08-ReactNative组件属性props 09-ReactNative输入组件TextInput 10-ReactNative图片组件Image 11-ReactNative活动指示器组件 12-ReactNative弹出框Alert 13-ReactNative存储数据组件AsyncStorage 14-ReactNative动画组件Animated 15-ReactNative开关组件Switch 16-状态栏组件StatusBar 17-ReactNative滚动视图ScrollView 18-ReactNative选择器Picker 19-ReactNative网络请求
海豚精灵：https://www.whhtjl.com；优课GO：https://mgo.whhtjl.com
【国内首批】支持 JDK 21 + SpringBoot 3.2.2、JDK 8 + Spring Boot 2.7.18 双版本
GitHub 上面的顶级项目都是做什么的? 下面是第二周的学习记录： 起因: 前一阵看到同事在用一个名叫 AirFlow 的工具，而我竟然素未耳闻，一番搜索之后发现这个工具 是 Apache 的顶级项
引： 最近朋友那边要我给他开发一套JAVA WEB 后台信息管理系统。他要求时间短，任务重，但在 主要业务模板相对比较简单：主要是用于APP后台信息管理，一般的数据新增、删除、修改。要求 界面统一UI风格，美观大方。同时 要求开源、可便于维护，二次开发。 我想在这个信息爆炸时代，如何避免持续性信息过剩，使自己变得专注而不是被纷繁的信息所累？对于技术人员来打造一款系统或者产品，要求开发人员掌握的技术大多了，后台开发要求数据库知识、各种JS/CSS 样式、前端也要求懂JS/UI等等，对
Electron是一个运行平台，它能够让我们通过 HTML + CSS + JavaScript 开发桌面应用程序。
先前写过一篇文章：【组件篇】ionic3图像手指缩放滑动预览，是原来封装的一个组件的原型，后来用ionic4后，这个组件不兼容，需要改，那时我开始考虑组件的封装不依赖于ionic自身的组件，所以重写了一个。
坊间关于"Facebook只招全栈工程师"的传言使得全栈工程师火了一阵子。尤其是那些刚入行的年轻人，单是看着"全栈"这个称谓，就已经感到热血沸腾，有种刀锋在鞘里跃跃欲试的感觉。
写代码的时候，你爱听歌吗？我以前爱听，后来不爱听了。爱听歌的那段时候，我基本上是在切页面，那个时候做页面就是Html 和 css，写的熟练的很，做起来都不用走脑子，就是眼睛和手就把活干了，脑子在忙其它的事情。但后来我不爱在写代码的时候听歌了。因为我开始写js，感觉听歌会分神，我开始需要安静，这样能让我静下心来仔细思考眼下的工作。 现在实体经济不太ok，许多人就把目光盯在了it互联网，这其中的焦点工种就是程序员，其中就包括入门相对简单的web前端开发。但再简单，它也是程序员的一个分枝呀，虽然肯下功夫学应该能学
大学毕业那会，在北京找工作，作为一个前端小白，这找工作的路上可谓是碰的头破血流，我向来就是一个不怎么自信的人，屡屡碰壁之后，这下彻底的怀疑人生了，幸运的是，面试二十家公司之后，终于在我的不懈努力和坚持之下，收到了人生中的第一份offer。 进新公司上班不久，和前端比较熟悉，有一天吃饭的时候他对我说，那天来了十多个面试的，就数你笔试做的最好，所以我才让老板过来和你谈的，没想到一谈就中，我低下头，喝了一口水压压惊，能不中？就凭我经历过大大小小二十场面试，光是经验就差不多能够塞满一箩筐了。 前方高能，总结出一套面
初入软件开发这一行时，当时还没有前后端分离这个概念，所有的开发工程师既能写html，也能写后台服务，随着技术的发展，前后端分离成为趋势，目前团队不少人能熟悉的写java后台服务，却难以hold住前端页面的开发，前端页面开发成为瓶颈。针对这个情况，筹划了一个前端培训专题，让后端的同事可以通过学习快速掌握前端开发技能。 愿景 培养全栈工程师，前后端均可以Hold住 前端技能梳理 我们把前端同事做的事情简单的梳理下，大概可以分为： 效果图 -> HTML还原 将UED设计的效果图还原为页面，这个也是以前狭义的UI
本文采用Flutter官方WebView插件：https://pub.dartlang.org/packages/webview_flutter
随着现代技术的快速升级迭代及发展，桌面应用开发已经变得越来越普及。然而对于非专业桌面应用开发工程师在面对这项任务时，可能会感到无从下手，甚至觉得这是一项困难的挑战。
本文以 Twitter 工程师 Bonnie Eisenman 撰写的 Learning React Native 一书的第九章内容为蓝本，总结了 React Native 项目实践的一些经验。
2020年5月19号，Electron更新了最新的 9.0.0 版本，带来了诸多改进，具体的我就不在此赘述了，大家可以看一下官方介绍：github.com/electron/el…
本文完整版：《React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能》
在当今互联网时代，一切以页面、UI为主要呈现方式，web全栈开发工程师的需求越来越大。
在前端圈中最不缺少的就是新技术，几乎每个月都会出现一些新的 npm 包、新框架、新名词。当一篇流行框架发布新版本时，或者当一篇文章解释某个新即使时，下面的评论往往都是：
低代码开发平台已经是程序员日常标配效率工具了，曾经我们拿到开发需求后，要先配 Vue & React 等框架环境、再选需要引入的第三方组件库，最后穿针引线，调试搭建起需要的后台工具。这其中无数深坑等着我们去趟，直到低代码工具出现后，才解决这一开发困境，让轮子自己把自己安上。
向来以审美自居的我自然少不了谈谈UI设计。虽说从未从事过UI相关工作，但着实接触了许多UI相关的东西，并且考虑下份工作从事设计。
Flutter、Tauri 和 Electron 都是现代桌面应用程序开发的流行选择，每种技术有其独特的优缺点，本文将对它们进行技术对比。
做安卓时间长了，接触到各种各样的框架，前前后后遇到了很多问题，这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架，大致如下：
在Google的广大支持下，便捷开发Android程序的Native工具层出不穷。其实Android开发涉及到的范围也不小，一些Web工具有时候也会带来事半功倍的效果。有些甚至是一些native应用无法做到的。本文，将简单列举一下本人正在使用的一些工具，当然也会持续更新。
地址和经纬度互相转换的功能也经常用到，比如上次的路线方案查询的功能，之前官网是提供了直接输入出发地点和目的地的中文汉字，就可以查询到最优的路线，后面只支持输入出发地点和目的地的经纬度坐标了，这个就有点绕了，让用户输入什么经纬度坐标，那是个什么鬼？没有几个用户搞得懂的，所以就需要先将用户输入的出发地点和目的地的中文汉字先查询到对应的经纬度坐标，然后再传入路线查询的JS函数中查询结果即可，为什么突然关闭了这个地址经纬度自动转换的功能呢？我去后台看了下，原来这项功能变成收费模块了。
理解React中虚拟DOM的概念 理解React中三种Diff算法的概念 使用JS中createElement的方式创建虚拟DOM 使用ReactDOM.render方法 使用JSX语法并理解其本质 掌握创建组件的两种方式 理解有状态组件和无状态组件的本质区别 理解props和state的区别
在现代 Web 开发困境与破局[1]一文中，作者「牛岱」谈到当前前端与UI的配合模式如下：
我本科学的是国际贸易，乱选的专业。毕业后做了半年外贸，实在不喜欢，然后去做英文编辑了。第二份工作也很无聊，就是写英文软文，发表在国外的行业期刊上，给公司做广告。然后也做英文官网的内容。这是一个很没创意的工作。每天在一堆不利数据里找个别利好数据，包装一下，忽悠人。最重要的是，这份职业里我找不到持续精进的方向，做一年和做三年好像区别不大。 后来学前端也是误打误撞。因为我同时在做英文官网的内容和产品，会和前端打交道。当时公司的前端是学 UI 转过来的，我观察他的工作，以为就是 HTML 写个页面结构，然后 CSS 做个样式，然后用 JS 做点效果就可以了。这个简单啊，我也可以做。然后我就裸辞去学习前端开发了…… 后来发现我错了，但是自己跳的坑，流着泪也要爬出来。接下来我经历了人生中最难熬的一段时间，也经历了人生中第一次大的转变。 我从 2017 年年初开始高强度学习，去年十一假期之后开始我的第一份前端工作，到今天刚好工作一年时间。接下来我将我的学习路径，学习方法，和学习资源整理分享出来，希望可以帮到更多人。
在移动开发这片热土上，除了原生之外，也有一些公司在尝试着新技术、新模式，这是混合开发诞生和延续意义以及价值。 原生开发和混合开发的优缺点也已经是一个老生常谈的事儿了，在这里我就简单来说一下： 原生开发优点：灵活、主流、成熟、解决问题成本等优点； 混合开发技术：开发效率快，上手难度低，跨平台（一套代码可以运行在ios/android）上； 缺点就不用多说了，他们本身的优点也是牵制对方的缺点。 进入主题 而我们本文重点要说的是我们在将近3年的实践当中，对与混合开发的一些思考与总结，希望可以帮助一些公
本教程手把手带领大家搭建一套通过 React + Node.js + Mongodb 上传文件的后台系统，只要你跟随本教程一步步走，一定能很好的理解整个前后端上传文件的代码逻辑。前端我们使用 Reactjs + Axios 来搭建前端上传文件应用，后端我们使用 Node.js + Express + Multer + Mongodb 来搭建后端上传文件处理应用。
Flutter、Tauri 和 Electron 都是现代桌面应用程序开发的流行选择，每种技术有其独特的优缺点，下面我们就来对它们进行一个全面的技术对比。
接触Cocos2d-x ---- 最近由于公司项目的需要，自己开始接触Cocos，开始做一些简单的轻量级的游戏，以前没有接触过这一块的东西，也是借助这个机会学习一下游戏的开发，由于以前自己接触的全都是iOS和Android移动端App的开发，所以这整个Cocos的学习总结的文章会在真个过程中贯穿对比自己相对熟悉的iOS和Android对比学习，要是也有和我自己情况类似的朋友，接下来总结的这整个Cocos系列的文章也许可以帮助到你，有不足的地方也希望指正，我们一同进步。 刚开始的时
本文完整版：《React Echarts 使用教程 - 如何在 React 中加入图表（内附数据看板实战搭建案例）》
2015年10月16日Hipo 2.0.0正式上线App Store，似乎倏忽间就将这大半年的躁郁一扫而光。上线全新版本，~~限时免费，限时免费，限时免费~~（已经结束限免）^_^
而在跨平台移动的技术选择上来说，最流行两个就是React Native与Flutter了。
先声明一点，本文作者不是搜狗的 然后 只是从技术的角度探讨问题---- 目录 不明恶意攻击致<搜狗搜索><搜索结果>跳转<百度搜索>技术原理分析 目录 * 前提背景 * BS流量分析 * 继续分析 ---- 前提背景 最近我用搜狗的搜索的时候，就发现搜索结果会跳转到百度搜索，但是没注意，但是最近这个频率越来越高了之后，开始关注这个事，本人的这些分析只是抛砖引玉，欢迎更多的大神来加入分析 我们先看一段视频，这是我差不多一两个月之前录的，然后这个因为还原比较难（随机的因素），毕竟<黑产帝>也不是吃素的，所以我
事情是这样的，由于最近想做个APP，于是我考虑下技术选型，便在gitHub看了看，于是发现了一个让我惊讶的点：
对于初学UI设计的人而言，可能对UI具体是做什么，或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑，今天我们就来重点说说UI是做什么的，以及学UI到有哪些需要避免的弯路。
做安卓时间长了，接触到各种各样的框架，前前后后遇到了很多问题，这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架，大致如下： 如有错误，欢迎指正。 （一）适合WebApp的一些框架 1、Cordova 优点： 开源免费，社区生态成熟，插件丰富 支持离线场景应用 开发工具选择空间大 缺点: 只提供基础访问设备的接口，需要自己搭配其他UI框架和JavaScript框架来搭配 2、Ionic 优点： 国外的一款接近原生的Html5移动App开发框架，免费开源。 漂亮的界面，追求性能，专注原生，免费开源 Angular JS MVVM 开发理念，数据双向绑定 基于Cordova，可以使用 Cordova 的插件 缺点： 需要掌握 HTML + CSS + Angular JS ，学习路线陡峭 Ionic 框架相比于原生的 Cordova 有所差异，Cordova 某些官方插件可能不适用于Ionic 3、Dcloud 优点： 国内厂商，中文文档 对HTML5的性能、工具、能力都做了深入扩展，提供 IDE 、云服务等帮助节省时间 MUI 更贴近国内App使用习惯，提供模块的详细例子，如登录，个人中心 缺点： 部分操作需要具备原生开发经验，如离线打包App 新产品仍然有bug，还需改进 4、小程序 2016年9月21日，微信小程序正式开启内测。2017年1月9日0点，微信第一批小程序正式低调上线。 微信小程序，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 优点： 1.即用即走——这个是从微信小程序上线就开始打的概念。即用即走使得小程序可以代替许多APP，或是做APP的整体嫁接，或是作为阉割版功能的承载体。 2.倚靠微信流量——相比APP，小程序一个突出的优点是完全嵌入了微信的聊天、公众号体系，完美进行微信体系内的流量引导。这一方面令小程序更加容易获客，另一方面也可以借助微信的成熟社交网络达到爆发式传播。 3.连接线上线下——连接线上线下场景也是微信小程序重要的一环，甚至最先开始为了推动线下习惯的养成，小程序在线上场景方面做了较强的限制。由于人们用微信扫描二维码的习惯培养得比较好，小程序相比APP更容易达成线上线下场景的连接与互动。 缺点： 1.留存——虽然有部分小程序已经杀出重围，但是普遍来讲，主打“即用即走”的小程序在用户留存上仍存在很大的提升空间。阿拉丁发布的小程序白皮书中显示，小程序的平均次日留存在13%左右，但是双周留存骤降到仅有1%。轻易拥有的也不在意失去，这大概是小程序目前的一个症结所在。 2.受控于微信——比起APP，尤其是安卓版的高自由度，小程序要面对很多来自微信的限制，从功能接口，甚至到类别内容，都要接受微信的管控，部分敏感内容还很容易遭受封禁威胁。 部分参考链接：https://www.zhihu.com/question/263816362/answer/274417734 5、PWA PWA（Progressive Web App）是 Google 于 2016 年提出的概念，2017 年已被迅速采用。 PWA全称Progressive Web App，即渐进式Web应用。 一个PWA应用首先是一个网页, 可以通过Web技术编写出一个网页应用. 随后添加上App Manifest和Service Worker来实现PWA的安装和离线等功能。 解决了哪些问题？ 可以添加至主屏幕，点击主屏幕图标可以实现启动动画以及隐藏地址栏 实现离线缓存功能，即使用户手机没有网络，依然可以使用一些离线功能 实现了消息推送 它解决了上述提到的问题，这些特性将使得 Web 应用渐进式接近原生 App。 关于PWA更多详情介绍可以看以下博客介绍： https://segmentfault.com/a/1190000012353473 PWA的优势 可以将app的快捷方式放置到桌面上，全屏运行，与原生app无异 能够在各种网络环境下使用，包括网络差和断网条件下，不会显示undefind 推送消息的能力 其本质是一个网页，没有原生app的各种启动条件，快速响应用户指令 PWA存在的问题 支持率不高:现在ios手机端不支持pwa，IE也暂时不支持 Chrome在中国桌面版占有率还是不错的，安卓移动端上的占有率却很低 各大厂商还未明确支持pwa 依赖的GCM服务在国内无法使用 微信小程序的竞争 PWA写的app 比如这个：https://dd.shmy.tech/client （请使用谷歌浏览器打开） 6、Instant App 2016年的Google大会上，Google发布了有关Instant App的最新技术。千呼万唤之下，号称“Googl
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
