今天给大家推荐一个一款前端桌面端应用——electron-playground项目，帮助前端仔更好、更快的学习和理解前端桌面端技术Electron, 少走弯路。
作者：OBKoro1
如果领导突然说需要开发一款前端桌面端应用，那么对于我们前端er来说选择Electron是一件顺理成章的事情。但事实上很多同学对于Electron都不太了解和熟悉。如果突然让我们去开发El
一、简介 此Demo是一个简单的后台管理系统，主要实现不同element-ui组件下数据的增删改查功能。通过这个简单的Demo，我了解了跨域下的身份认证以及登录的实现，Vue.js的组件化开发和单页面应用的开发的思想，Element-UI的使用，javascript基础的重要性以及javascript在渲染数据和提交数据过程中对数据的处理方法。二、身份认证web开发模式分为服务端渲染的传统开发模
之前已经分享过微前端，至于落地还是不落地就看公司和项目了，今天基于微前端做了个小demo，分享一下。可以去qiankun官网看看，包括微前端核心设计理念、为什么不是ifram和快速上手及一些问题都很清楚。因为自己一直用的都是vue，所以基座和子应用都是用vue脚手架快速搭建，至于接入react和jquery项目的，还得自己去研究测试，今天只是展示demo，代码的含义官网都有很详细的解释，这边就不注
前后端校验在校验的过程当中，我们分为前端校验和后端校验。1、前端校验前端校验：使用前端js进行页面数据的校验，校验通过，再提交。优点：编写简单，缺点：安全性能不够。@bule_print.route("/check/", methods=["GET", "POST"])
def check():
return render_template("front_end_check.html")&
web前端之锋利的jQuery十一：综合开发，编写购物网首页这章主要介绍如何搭建一个前端网页，文章最后面有完整的代码，前面的主要是说明第一步：搭建网页结构 购物网站基本上可以分为以下几部分： 头部：相当于网站的品牌，可用于放置Logo和通往各页面的链接 内容：防止页面的主体 底部：放置页面其他链接和版权信息<!DOCTYPE html PUBLIC "-//W3C//DTD XHTM
Vue.js是Web前端的一个框架，用来快速开发单页面应用。当Vue.js开发变成主流的时候，许多公司的技术团队都打算把下一个新项目换成用Vue.js来开发。 但是当我们详细了解Vue.js以后，会发现一个很尴尬的问题，那就是Vue.js的页面是采用客户端渲染的，它不像PHP、JSP那样是服务器端渲染，搜索引擎无法收录网站的内容。那有没有办法既能用上Vue.js，又能实现服务器端渲染呢？
导航栏基础的HTML语法我就不讲了，这些在W3C、菜鸟教程、壹佰教程等都能找到，下边我就分享一个前端导航栏是怎么写出来的：1、工具俗话说，工欲善其事，必先利其器，分享一个写前端的利器，Hbuilder，现在已经升级为HbuilderX了，但是我还是比较喜欢用Hbuilder，这个看你自己选择。 上图就是Hbuilder，具体怎么用呢，嘿嘿，去百度吧，教程遍地都是。2、效果图回归正题，展示一下导航栏
前端页面构成：结构（HTML）、样式（CSS）、逻辑（JavaScript） HTML：实际上并不能完成静态页面的建设，原因是现代的网站，HTML和HTML标签样式是分离的。CSS：CSS对HTML结构进行布局并对结构内部的元素进行样式化，这样就形成了用户可见的静态页面。JavaScript：的工作分为三个部分：1、对于JS来说，HTML是一个文档，JS的第一要务是操作文档，使用户可以
前言前端通信类的问题，主要包括以下内容：1、什么是同源策略及限制同源策略是一个概念，就一句话。有什么限制，就三句话。能说出来即可。2、前后端如何通信如果你不准备，估计也就只能说出ajax。3、如何创建AjaxAjax在前后端通信中经常用到。做业务时，可以借助第三方的库，比如vue框架里的库、jQuery也有封装好的方法。但如果让你用原生的js去实现，该怎么做？这就是考察你的动手能力，以及框架原理的
对前端程序员来说，从设计师的手中拿过设计图和素材之后根据需要进行切图是必要的基本功，但是一般的程序员可能对切图并非那么熟悉，所以可能有很多时间都花在使用Photoshop上，那么这里就有一种方法可以减少很多的切图工作，那便是——用一张图片搞定整个一页的页面布局。当然，不止是省了一些切图的花费，也是一种很有效的前端开发方法，尤其是针对那些
不同的浏览器工作的方式是不一样的，大体上浏览器的核心是浏览器引擎：IE是Trident、Firefox是Gecko、safari和chrome则是webkit。一、浏览器打开URL的过程当我们输入一个URL，到页面的展现，这个过程中都发生了什么呢？1、输入网址www.baidu.com2、检查缓存——有可用缓存就呈现页面3、如果没有缓存则DNS解析——获得URL所在网站的IP地址4、发起TCP连接
自从去年11月份chatgpt出圈之后，他的热度就居高不减，也出现了很多人借助接口开发的国内版本，那么本篇博客就从前端的角度来看看前端如何实现类似chatgpt的对话功能！最终效果因为这是我写在一个项目中的，单独提出来可能配色效果不同，但功能和做法只要我们掌握了，那么自己想怎么写就怎么写！源码在文末获取！页面布局这一块比较简单，分析过chatgpt的页面的就会知道，他的页面布局方式是采用flex布
Web Front-end Development Document Specification(www.weyoo.cn) 1、文件管理规范 1) 资源文件目录 背景图片目录 图标目录 图片目录 临时图片目录 样式文件目录 脚本文件目录 flash文件目录 上传文件目录 静态文件目录 images/bg images/ico images/pic images/temp style
JavaScript基础语法和JQuery简单应用什么是JavaScript引入JavaScript入门案例数据类型number字符串布尔值与或非比较运算符（重要）空指针数组严格检查模式字符串数组对象流程控制Map和Set (ES6的新特性)遍历与迭代器遍历函数定义函数变量的作用域变量的作用域变量的一般使用全局对象window局部作用域let常量const方法定义方法内部对象标准对象Datejs
大前端1、vscode安装2、Node.js类比jvm快速入门Node 实现请求响应//导入模块的方式 require
const http = require('http');
//1：创建一个httpserver服务
http.createServer(function(request,response){
//浏览器怎么认识hello server！！
response.w
一、MDD 与 MDF 区别 ？MDDMDD（Model Driven Development：模型驱动开发模式）是一种以模型作为主要工件的高级别抽象的开发方法，是 iuap 平台下的元数据驱动设计框架，前后端的统一基于元数据的架构。模型在工具的支持下，作为核心资产被转换成代码或者可运行配置，可以降低开发成本，应对复杂需求变更。MDD 开发框架，是用友云针对企业数字化中台理念实
前端开发的几点经验分享前言码农日益增长的需求功能需要同落后的代码实现之间的矛盾。随着软件项目迭代，代码的日积月累，维护成本变得越来越高。同样是实现功能，怎么能写出更有价值的代码，应该是码农要追求的道路。本文由一个demo入手，讲述下个人对这方面的理解。一、DEMO1.1 需求描述实现一个简易浏览器，功能可以参考我们自己的浏览器。涉及功能如下URL输入框:可以输入URL访问按钮：点击后访问这个页面后
基础选择器；；元素；类；Id；通配符选择器：*：组合选择器，并集选择器{在比较特殊性的时候组合选择器要分开计算}：层次选择器：1 子级选择器{书写格式：父元素+>+子元素{声明块}}2 后代选择器{书写格式:父元素+空格+子元素{声明块}}3 兄弟选择器{书写格式：兄弟元素A+“+”+兄弟元素b} p+div{color red}又叫相邻选择器 得挨着一起才行{通用选择器；不相邻
文章目录Web服务构建工作流GulpwebpackKttDeployElectronElectron的优势Web技术开源跨平台使用Electron开发的Apps我用Electron开发的桌面应用支持? Web服务搜索引擎优化 + 首屏速度优化 = 服务端渲染即SSR（Server Side Rendering）前后端同构（模板复用）BFF（Backend For Frontend）构建
最接近原生的APP框架
前 言MUI有三大特点：轻量追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征；MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K原生UI鉴于之前的很多前端框架（特别是响应式布局的框架），UI控件看起来太像网页，没有原生感觉，因此追求原生UI感觉也是我们的重要
