
前端
JunSIr_#
软件工程大三在读,工作语言Java/Go
展开
-
从JSP快速过渡到Thymeleaf,你要掌握的Thymeleaf语法
从JSP快速过渡到Thymeleaf,你要掌握的Thymeleaf语法背景介绍Thymeleaf是用来开发Web和独立环境项目的现代服务器端Java模板引擎。Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板 - HTML。可以在直接浏览器中正确显示,并且可以作为静态原型,从而在开发团队中实现更强大的协作。借助Spring Framework的模块,可以根据自己的喜好进行自由选择,可插拔功能组件,Thymeleaf是现代HTML5 JVM Web开发的理想选择 - 尽管它可以做的更原创 2020-05-12 19:43:35 · 3220 阅读 · 4 评论 -
Vue.js-Vue-router的基本使用
Vue.js最终序曲-Vue-router(Vue路由)第一序:Vue入门第二序:Vue指令第三序:Vue组件模拟现在我们来实现这样一个功能:一个页面,包含登录和注册,点击不同按钮,实现登录和注册页切换编写父组件为了让接下来的功能比较清晰,我们先新建一个文件夹:src然后新建一个HTML文件,作为入口:index.html编写页面的基本结构:<!DOCTYP...原创 2020-04-28 01:32:35 · 1028 阅读 · 0 评论 -
Vue.js组件注册与通信
Vue.js详谈组件化前面已经总结过:vue入门vue常用指令总结在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,也会有相同的部分。例如可能会有相同的头部导航但是如果每个页面都独自开发,这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发在vue里,所有的vue实例都是组件文章目录Vue.js详谈组件...原创 2020-04-27 20:56:25 · 1095 阅读 · 2 评论 -
总结常用的Vue.js指令
总结常用的Vue.js指令本文承接:写给后端工程师看的Vue.js入门指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是:单个 JavaScript 表达式。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM文章目录总结常用的Vue.js指令插值表达式计算属性Watch插值表达式花括号{{表达式}}该表达式支持JS语法,...原创 2020-04-27 16:22:08 · 1543 阅读 · 2 评论 -
写给后端工程师看的Vue.js入门
写给后端工程师看的Vue.js入门这期博客,写写Vue.js如今前后端分离已成主流,但想成为一个优秀全能的后端工程师,我想我们也应该掌握Vue.js(因为它是国内最流行的前端框架)需要明白:我们的JSON数据,传到前端后,发生了什么?前端的项目对我们的数据做了什么?前端是怎么把我们后端当初做的页面跳转给接管的?需要掌握:建Vue实例,知道Vue的常见属性会使用Vue的生命周...原创 2020-04-27 14:19:43 · 3755 阅读 · 1 评论 -
JQuery入门_语法、函数、对象、DOM、事件
JavaEE-JS的优美封装-JQuery详细学习笔记文章目录JavaEE-JS的优美封装-JQuery详细学习笔记概述JQuery使用导包引用主函数Jquery对象DOM转jQueryJQuery转DOMJQuery选择器基本选择器层次选择器过滤选择器全代码示例属性过滤选择器子元素过滤选择器DOM处理Append外部插入结点创建结点删除结点clone属性操作HTML,文本和值结点遍历事件AJa...原创 2020-01-16 23:29:38 · 868 阅读 · 0 评论 -
JavaScript_ES6语法标准的重要新特性
文章目录let 和 const 命令字符串扩展解构表达式函数优化回顾一下前端的发展史[选看]web1.0时代:最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可web2.0时代:1995年,网景工程师Brendan Eich 花了10天时间设计了JavaScript语言。1996年,微软发布了JScrip...原创 2020-05-01 20:19:16 · 931 阅读 · 0 评论 -
JavaScript入门_语法、函数、对象、DOM、事件
Web前后端的介质语言-JavaScript速成文章目录Web前后端的介质语言-JavaScript速成JavaScript概述JS与HTML结合JS语法硬规范变量数据类型原始值引用值数组GlobalJS方法定义Object对象DOM解析window对象DOM获得innerText与innerHTML追加与删除替换克隆事件JavaScript概述JavaScript是基于对象和事件驱动的脚本...原创 2020-01-12 05:02:58 · 731 阅读 · 0 评论 -
CSS_选择器、各种常用样式
Web前端三大核心技术-CSS文章目录Web前端三大核心技术-CSSCSS概述CSS引入CSS选择器基本选择器关联选择器组合选择器伪元素选择器Div与SpanDiv示例Div与Span区别Div的边框样式Div内边框(padding)Div外边框(margin)两个行内元素的margin:父子块的marginDiv浮动CSS定位绝对定位相对定位CSS文字处理文字样式文字大小文字粗细文字斜体文字下...原创 2020-01-10 22:13:05 · 1198 阅读 · 0 评论 -
HTML_常用标签及之属性总结
Web前端三大核心技术之-HTML文章目录Web前端三大核心技术之-HTMLHTML概念基本格式:书写规范HTML标签字体标签文字列表标签图片标签超链接标签表格标签表单标签HTML框架集HTML转义HTML概念全称:超文本标记语言(HyperText Mackeup Language),非编程语言,为描述性语言,用于描述超文本中内容的显示方式。比如字体什么颜色,大小等基本格式: <...原创 2020-01-10 02:39:19 · 1335 阅读 · 0 评论