之前已经分享过微前端,至于落地还是不落地就看公司和项目了,今天基于微前端做了个小demo,分享一下。可以去qiankun官网看看,包括微前端核心设计理念、为什么不是ifram和快速上手及一些问题都很清楚。因为自己一直用的都是vue,所以基座和子应用都是用vue脚手架快速搭建,至于接入react和jquery项目的,还得自己去研究测试,今天只是展示demo,代码的含义官网都有很详细的解释,这边就不注
转载
2024-09-02 13:47:53
51阅读
####uni-app的基本使用课程介绍:基础部分:环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯,及组件的生命周期uni-app中使用uni-ui库项目:黑马商城项目uni-app介绍 官方网页
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,
前端_Bootstrap简单使用
首先说一下简单使用方法: 1.首先上官网下载Bootstrap(就是一些js文件和一些css文件) ,网址: https://v3.bootcss.com/getting-started/#download&nbs
转载
2024-07-20 07:15:43
217阅读
今天给大家推荐一个一款前端桌面端应用——electron-playground项目,帮助前端仔更好、更快的学习和理解前端桌面端技术Electron, 少走弯路。
作者:OBKoro1
如果领导突然说需要开发一款前端桌面端应用,那么对于我们前端er来说选择Electron是一件顺理成章的事情。但事实上很多同学对于Electron都不太了解和熟悉。如果突然让我们去开发El
转载
2024-06-17 13:29:22
59阅读
Vue介绍 一、特点遵循MVVM(Model-view-viewModel)模式体积小,运行效率高二、扩展插件vue-cli : vue脚手架vue-resource(axios) : ajax请求vue-router : 路由vuex : 状态管理vue-lazyload : 懒加载vue-scroller : 页面滑动相关三、MVVMM -> model : 模型,数据对象(data)V
类似于PHP中的Smarty,Velocity是一个基于java的模板引擎(template engine)。它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义的对象。从而实现界面和Java代码的分离,使得界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的web站点。 另外,Velocity的能力远不止web站点开发这个领域,例如,
本来说的是轻量级ETemplate的实现,Git地址说起模板引擎还是得提到jQuery之父John Resig的JavaScript Micro-Templating。
之前我这里有文章专门解读Micro-Templating源码。
其核心标签解析属性映射函数构建当然,因为Micro-Templating相当的短小,并没有增强的功能,比如:模板嵌套函数扩展远程加载错误捕捉和提示1. 标签解析一般情
转载
2023-07-29 21:02:52
162阅读
一、简介 此Demo是一个简单的后台管理系统,主要实现不同element-ui组件下数据的增删改查功能。通过这个简单的Demo,我了解了跨域下的身份认证以及登录的实现,Vue.js的组件化开发和单页面应用的开发的思想,Element-UI的使用,javascript基础的重要性以及javascript在渲染数据和提交数据过程中对数据的处理方法。二、身份认证web开发模式分为服务端渲染的传统开发模
转载
2024-03-28 21:34:56
137阅读
DOM概述DOM的全程是document,即文档。哪里的文档?html中的文档文本。DOM我理解为是JavaScript中的模块之一。DOM操作即是要对文档操作,一般分为两步1、找到标签2、操作标签选择器直接选择器:document.getElementById 根据ID获取一个标签
document.getElementsByName 根据name属性获
前后端校验在校验的过程当中,我们分为前端校验和后端校验。1、前端校验前端校验:使用前端js进行页面数据的校验,校验通过,再提交。优点:编写简单,缺点:安全性能不够。@bule_print.route("/check/", methods=["GET", "POST"])
def check():
return render_template("front_end_check.html")&
提升首屏的加载速度或项目整体优化,是前端性能优化中最重要的环节,接下来跟大家分享一些常规且有效的首屏优化建议及做法。一、路由懒加载SPA项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验,因此,我们需要将;路由全部改成懒加载,提高加载速度。// 通过webpackChunkName设置分割后代码
你可以开两个浏览器 tab 或者用不同的设备,根据说明即可体验音视频通话的实现,本文将会从实战出发,讲解 WebRTC 的音视频通话原理。 上一篇文章主要讲解了如何通过 WebRTC 的一些 api 对 摄像头,话筒,屏幕的媒体流进行采集并加以处理,实现了几个小 demo,秉持着实战为王的原则,这一篇文章我们仍然是以这种方式为主,不过这一篇需要了解的概念会比上一篇多一些,但是我并不会为它大书特书,
前端开发优秀简历 重点(Top highlight) Front-end developers are currently highly in demand and that’s for good reason. But companies are also very demanding when it comes to picking their developers. They only
Vue.js是Web前端的一个框架,用来快速开发单页面应用。当Vue.js开发变成主流的时候,许多公司的技术团队都打算把下一个新项目换成用Vue.js来开发。 但是当我们详细了解Vue.js以后,会发现一个很尴尬的问题,那就是Vue.js的页面是采用客户端渲染的,它不像PHP、JSP那样是服务器端渲染,搜索引擎无法收录网站的内容。那有没有办法既能用上Vue.js,又能实现服务器端渲染呢?
转载
2024-08-28 14:52:20
94阅读
一、Freemarker介绍FreeMarker是一个模板引擎,一个基于模板生成文本输出的通用工具,使用纯Java编写。FreeMarker被设计用来生成HTML Web页面,特别是基于MVC模式的应用程序。虽然FreeMarker具有一些编程的能力,但通常由Java程序准备要显示的数据,由FreeMarker生成页面,通过模板显示准备的数据,简单来讲就是模板加数据模型,然后输出页面。FreeMa
转载
2023-10-09 10:22:33
145阅读
let template = 'hello <% name %>!'
let name1 = 'world'
function compile(template) {
原创
2022-02-11 14:39:14
26阅读
关于函数模板的使用,需要注意的是,类中的函数模板,定义和实现必须在同一个文
原创
2022-11-07 18:49:50
106阅读
let template = 'hello <% name %>!'let name1 = 'world'function compile(template) { let html = template.replace(/<%([\s\S]+?)%>/g, (match, code) => {
原创
2021-09-07 09:34:23
132阅读
data的分离来快速构建Web模板。它采用”Logic-less template”(无逻辑模版)的思路,在加载时被预编译,而不是到了客户端执行到代码时再去编译, 这样可习Handl
原创
2021-07-28 09:45:41
526阅读
前几篇对Activiti工作流进行了介绍,并讲解了其环境配置。本篇将会用一个demo来展示Activiti工作流具体的体现,直接上干货。一、demo业务分析 以HelloWorld程序为例。 首先说一下业务流程,员工张三提交了一个申请,然后由部门经理李四审核,审核通过
转载
2023-08-04 11:16:31
192阅读