前端
文章平均质量分 89
play_big_knife
这个作者很懒,什么都没留下…
展开
-
前端实战项目:前端框架Vue3.0项目教程(二)Vue3.0医学项目选项卡Tab的实现
前端实战项目_框架Vue3.0项目教程(二)Vue3.0医学项目选项卡Tab的实现对于一个移动端的应用而言,大部分的界面都包含有选项卡、列表及轮播等前端技术手段的存在,这里就从前端的选项卡入手进行Vue3.0项目的开发,使用的工具采用vscode,工具的使用比较简单,这里就不再叙述了。构建基于Vue组件开发的选项卡Tab.vue依据Vue开发组件的模板要求,必须提供<template>、<script>和</style>三个部分。<..原创 2021-08-29 11:08:44 · 2837 阅读 · 2 评论 -
前端实战项目:前端框架Vue3.0项目教程(一)Vue3.0环境的搭建
Vue是第三方开发的基于MVVM设计模式的渐进式纯前端js框架,是一个构建数据驱动的 web 界面的库。在很多公司的前端框架使用中,Vue做为一门技术流行开来,具备了虚拟DOM树,面向组件的开发模式和观察者模式等优点。现在,Vue也进入了3.0的时代。一、Vue3.0的特点vue最主要的特点就是响应式机制、模板、以及对象式的组件声明语法,而3.0对这三部分都做了更改。1、 响应式响应式是基于Object.defineProperty实现的代理,兼容主流浏览器和ie原创 2021-08-25 15:58:15 · 7927 阅读 · 2 评论 -
前端基础:通过 《心愿墙》实践js的循环程序
前端基础:通过 《心愿墙》实践js的循环程序曾有一段故事,故事是这样的。记者:你放羊为了什么?放羊娃:赚钱记者:你赚钱为了什么?放羊娃:娶媳妇记者:你娶媳妇为了什么?放羊娃:生娃记者:生了娃干什么放羊娃:放羊。子子孙孙,无穷匮也,一直放羊。本人认为这是一个循环,但也有不同的意见,有一些人认为这个逻辑是递归。不过,还是以循环引入这种逻辑,一组被重复执行的语句称之为循环体,能否继续重复,决定循环的终止条件。循环结构是在一定条件下反复执行某段程序的流程结构,被反复执行的程序原创 2021-08-15 19:17:45 · 319 阅读 · 1 评论 -
前端基础:通过 《猜价格》游戏实战js选择语句
前端基础:通过 《猜价格》游戏实战js选择语句谈到选择,其实人生有好多选择。学生毕业是选择留下家长还是远走他乡是一种选择,站在人生的十字路口不知道往哪个方向走也是一种选择,如下图所示。程序也是一样的,在程序的执行过程中,也可能会遇到选择题。不过程序的选择是带有条件的判断,如果条件成立了则算是选择的成功,条件不成立则算是选择的失败,也就是条件是程序运行中能够做选择师的依据。如下图所示。一、项目说明该项目是对js选择语句的应用,if语句是精典的选择语句,实现的项目是电视台经常见到的猜..原创 2021-05-30 20:59:51 · 403 阅读 · 1 评论 -
前端基础:通过 《趣味测试》实战js基本语句
前端基础:通过 《趣味测试》实战js基本语句随着时代的发展及压力的增大,测试类的游戏受到了一些人的青睐,工作闲暇之余测试一下自己的绝望指数,自己迷茫的时候测试一下自己何去何从娱乐一下自己的心情,很多个测试类的游戏标题也应运而生。如下图所示。一、项目说明该项目是对js基本语句的应用,如alert、prompt、document.write等,实现的项目是回答一些趣味的问题,最终输出到网页中的是对问题的趣味解读。二、项目效果图展示一般网页类的应用都需要布局页面,但这个项目只需要把用户回答原创 2021-05-21 10:40:10 · 265 阅读 · 5 评论 -
前端基础通过 《扑克牌阵型》实战定位属性
前端基础:通过 《扑克牌阵型》实战定位属性在网站显示的页面中,除了规规矩矩的页面元素之外,还有一些比较特殊的元素存在,比如某网站中的悬浮广告。如下图所示。图中的卡通小人“杜绝广告”是一个悬浮窗。一、项目说明该项目是对CSS定位属性的使用,将一个浏览器网页窗体中的页面自上而下分成一行行,并在每行中按从左至右的顺序排放元素,即为文档流。但有一些元素在页面中脱离了文档流的存在,悬浮在网页窗体的上面。CSS定位中的属性作用就是实现了这些脱离文档流的元素在页面中得到处理的。二、项目效果图展示原创 2021-05-14 16:27:02 · 447 阅读 · 3 评论 -
前端基础:通过 《个人网站》实战盒子模型
前端基础:通过 《个人网站》实战盒子模型个人主页是从英文Personal Homepage翻译而来,其意思是"属于个人的网站"。从内容上而言,个人站点所提供的多半是纯文字或图片等静态信息,也是个人展示自己的一个窗口。布局是在个人网站体现的技术特点,而盒子模型是布局中必需掌握的内容。一、项目说明该项目是实践盒子模型,实践盒子模型如何对页面进行布局,并更好的使用HTML的网页结构和CSS样式属性。二、项目效果图展示一般对CSS样式使用之前,也需要使用HTML技术对页面进行布局,实现了HT原创 2021-05-09 19:31:43 · 450 阅读 · 1 评论 -
前端基础:通过 《画廊》实战CSS文字边框背景属性
前端基础:通过 《画廊》实战CSS文字边框背景属性画廊一般指彩绘的走廊,这里是收藏、陈列或销售美术作品的场所。行走在画廊中,两边陈列着美术作品,并在作品的下方标有作者及相关信息,美术作品又是由画作和线框装裱出来的,这也是CSS文字边框背景属性实战的舞台。一、项目说明该项目是实践CSS文字属性、背景属性、边框属性的具体应用,在对页面进行HTML+CSS布局的时候灵活应用这些属性,可以更好的调节网页整体的效果。二、项目效果图展示一般对CSS样式使用之前,也需要使用HTML技术对页面进行布局,原创 2021-04-30 19:28:58 · 698 阅读 · 4 评论 -
前端基础:通过 《砸金蛋》小游戏实践CSS的id选择器和class选择器
前端基础:通过 《砸金蛋》小游戏实践CSS的id选择器和class选择器CSS,全称Cascading Style Sheets,中文名称层叠样式表或者级联样式表。前端文件中采用CSS主要目的是把结构和样式进行分离,也就是HTML技术专门负责网页的结构,也就是哪个地方应该放文字,哪个地方应该放图片,哪个地方应该放表格等技术。一旦网页中的文字需要加颜色,网页中的图片需要加边框,网页中的表格需要表格线加粗等技术时则使用CSS技术进行美化。就相当于买了一个房,最开始交到手里的都是毛坏房,房间的大致结构出来了,原创 2021-04-24 14:23:11 · 751 阅读 · 0 评论 -
前端基础:通过表单元素实践《健康体检单》
前端基础:通过表单元素实践《健康体检单》HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。一、项目说明该项目是进行表格布局表单应用的一个案列,主要目的是掌握表单各元素的使用,并熟练运用其中的属性。表单也是网页主要元素的一大应用。二、项目效果图展示根据具体的布局流程,搭建html框架,然后在body标签中用table、tr、td来进行布局,再把相关的表单元素放到相应的布局里。效果图如下图所示。三、搭建html基本结构原创 2021-04-17 21:46:28 · 1512 阅读 · 0 评论 -
前端基础:通过HTML表格标签布局《餐饮菜谱》
前端基础:通过HTML表格标签布局《餐饮菜谱》布局,是前端工作的第一步,也是前端页面能够得到展示的技术手段。对于表格式布局是简单的页面布局的基础,它是无法解决浏览器兼容性问题,因此这种布局方式一般情况下不会去使用。但是,一些移动端的布局技术思想都是来源于表格标签的布局思想,再则通过表格布局方式的了解也可以深入理解HTML表格标签的作用。一、项目说明该项目是进行表格式布局的一个应用案列,主要目的是让学生掌握table,tr,td等标 签,并熟练运用其中的属性。用表格布局也是网页布局的一大应用。原创 2021-04-10 15:06:17 · 2947 阅读 · 0 评论 -
前端基础:通过HTML技术布局《李白诗词赏析》
前端基础:通过HTML技术布局《李白诗词赏析》前端,就是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。前端一般遵循W3C标准,W3C的意思是万维网联盟(World Wide Web Consortium)。Web标准不是指一个标准,而是一系列的标准。网页主要有三部分组成: 结构,行为,表现,对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行原创 2021-04-05 13:36:40 · 11137 阅读 · 0 评论 -
Python实战案例:tornado接口vue客户端的堂食点餐系统(下)
Python实战案例:tornado接口vue客户端的堂食点餐系统(下)tornado接口已经返回了json数据,Vue客户端能够通过axios获取这个json数据并使用ElementUI插件的el-table对数据进行展示。但是,前端一般都会使用Vue全家桶来进行开发。Vue是一套构建用户界面的渐进式框架,UI框架方面可以使用element-ui配合使用。Vue是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计。Vue中的状态信息通过Vuex来进行控制,axios实现异步的ajax后面数原创 2021-01-08 16:57:40 · 810 阅读 · 1 评论 -
Python实战案例:tornado接口vue客户端的堂食点餐系统(中)
Python实战案例:tornado接口vue客户端的堂食点餐系统(中)用Vue+ElementUI技术完成的堂食点餐系统的界面已经搭建成功,但这里面有一个问题,当用户点击其中某一个商品的时候,对应的商品和金额就要去更新底部购物车信息区。这就需要vue的methods方法的设定一、Vue实现购买商品信息的更新在vue中,函数被定义成为方法来使用,这些方法定义在methods属性中,然后就可以在vue 表达式中调用函数。vue 选项对象中有一个叫methods的属性.这个属性里面专门来存放一些原创 2021-01-01 20:58:16 · 1191 阅读 · 0 评论 -
Python实战案例:tornado接口vue客户端的堂食点餐系统(上)
Python实战案例:tornado接口vue客户端的堂食点餐系统(上)现在的点餐系统比较流行,饮食经营类的商家店铺中每张桌上都贴有一个二维码,扫描二维码之后,出现点餐的界面,因为比较流行,这里就用扫描点餐的界面说明一下vue客户端开发和python的web开发框架tornado的使用。一、vue的介绍Vue,读音类似于View,是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目原创 2020-12-26 10:19:26 · 1484 阅读 · 0 评论 -
前端布局实战:三国杀页面布局(下)
前端布局实战:三国杀页面布局(下)四、三国杀群殴界面第8人主角玩家的布局从案例开始的最终结果图显示,首先要设置牌区,而牌区在整个三国杀布局图的最底部中间的位置,在牌区的上面需要有一段距离,这段距离可以用一个空的div做占位,玩家主角底部的装备区内没有设置任何的装备,可以用一个div,设定宽度和高度进行占位即可。而装备区、卡牌区和主角技术显示区三个部分构成了主角玩家的底部布局,可以把玩家底部的布局定义成一个大的div,里面包括了左边的装备区div,中间的卡牌区div和右边的主角技术显示区div。代码如下原创 2020-12-19 12:08:13 · 567 阅读 · 1 评论 -
Web前端布局实战:三国杀页面布局(上)
Web前端布局实战:三国杀页面布局(上)互联网进入web 2.0时代,由单一的文字和图片组成的静态网页已经不能满足用户的需求,用户需要更好的体验。在web 2.0时代,网页有静态网页和动态网页。所谓动态网页,就是用户不仅仅可以浏览网页,还可以与服务器进行交互。网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。这里首先介绍的是布局的实战,html5+css3技术来实现前端的页面,持续关注,后续会不定时进行前端技术的分享。一原创 2020-12-13 14:21:42 · 2235 阅读 · 0 评论 -
前端小技巧----持续添加中
1、如何获得object的键值: 答 var a={'a':1,b':2,'c':3} Object.keys(a)原创 2019-05-08 21:55:16 · 177 阅读 · 0 评论