前端
文章平均质量分 84
xueshanfeitian
这个作者很懒,什么都没留下…
展开
-
前端学习笔记(九)前端框架之vue工程搭建
前言工欲善其事必先利其器,想把前端的东西学好,首先得有一套趁手的软件工具,因此我们需要准备好前端的工具。nodejsjavascript 代码的运行原本需要浏览器引擎去解析和执行,而nodejs js引擎单独封装成程序从而使js代码解析和执行过程不依赖于浏览器,因此在一定程度上我们可以将nodejs称为前端的"jdk",在学习前端内容时nodejs已经不可或缺前端工具。npmnpm 全称为 Node Package Manager 即node 包管理工具,他是管理前端库依赖的利器,其设计思想与ma原创 2021-06-19 21:48:09 · 329 阅读 · 0 评论 -
前端学习笔记(八)前端框架之vue基础
引言静态页面最初的网页以HTML为主,是纯静态网页,网页是只读的,信息流只能从服务端到客户端单项流通,开发人员也只关心页面的样式和显示内容。异步刷新1995年,网景工程师Brendan Eich 花了10天时间设计了JavaScript语言。随着JavaScript的诞生,我们可以操作页面的DOM元素及样式,页面有了一些动态的效果,但是依然是以静态为主ajax横空出世和Ajax的巨大影响力相比,它的历史却简短得多, 2005年2月,Adaptive Path公司的Jesse James Gar原创 2021-03-29 07:12:54 · 288 阅读 · 0 评论 -
前端学习笔记(七)前后端数据交互之JSON
什么是JSONjson的全英文名字是JavaScript Object Notation ,它是一种JavaScript对象标识法。一般而言java中表示常见的对象表示方法有:Person p = new Person();p.setName("张三");p.setAge(23);p.setGender("男");var p = {"name":"李四","age":23,"gender":"女"};若用js对象表示var p = {"name":"李四","age":23,"gende原创 2020-12-09 12:56:34 · 562 阅读 · 0 评论 -
前端学习笔记(六)前后端数据交互之Ajax
什么是AjaxAjax 及英文名为 Asynchronous JavaScript And XML 顾名思义,异步的JavaScript和XML,他是现代网络交前后台交互中一种非常重要的一种异步交互技术。Ajax是一种在无需加载整个网页的情况下,能够更新部分网页的技术。同步和异步概念图为什么需要ajax传统的网页(不适用)Ajax如果需要更新内容,必须重载整个网页页面。比较浪费网络资源,且用户体验较差,为了改进这些缺点,ajax基础便由此而生使用Ajax可节省网络资源,提升用户体验。如何原创 2020-12-08 16:25:29 · 192 阅读 · 0 评论 -
前端学习笔记(五)JavaScript框架jquery
什么是jqueryjQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优 化HTML文档操作、事件处理、动画设计和Ajax交互。JavaScript框架:本质上就是一些js文件,封装了js的原生代码jquery使用方法原创 2020-12-08 10:45:58 · 441 阅读 · 0 评论 -
XML文件基本原理及其解析
什么是XML文件XML文件及叫Extensible Markup Language 可扩展标记语言,XML可扩展性体现在其标签都是可以自定义的。如<teacher> <student>.小背景XML和HTML是兄弟关系,XML语法非常严格,最初也被发明用来展示网页,但是对于网页脚本XML文件并没有多少竞争力,所以XML文件开始用来存储配置文件,并且改文件有很大的市场,由此可以得出XML文件的主要功能。XML文件能做什么功能配置网络文件在网络中传输xml和ht原创 2020-11-02 10:34:54 · 5224 阅读 · 0 评论 -
前端学习笔记(四)前端框架之bootstrap
什么是BootstrapBootstrap是前端的一款开发框架,来自于Twitter公司,他的简介灵活,使得web开发更加快捷。bootstrap的优点定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。响应式布局,同一套页面可以兼容不同分辨率的设备。响应是布局同一套页面可以兼容不同分辨率的设备。实现依赖于栅格系统:将一行平均分成12个格子,可以指定元素占几个格子如何实现响应是布局定义容器。相当于之前的table、容器分类:1) cont原创 2020-10-28 10:53:37 · 212 阅读 · 0 评论 -
前端学习笔记(三)前端三剑客之javaScript
javaScript 基础什么是javaScript脚本语言:脚本语言不需要编译,直接就可以执行的语言。javaScript是一门客户端脚本语言,该脚本会运行在客户端浏览器中(每一个浏览器)都有javaScript的解析引擎。javaScript的作用:可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。javaScript的发展史1992年,Nombase公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为 : C–,后来原创 2020-10-27 16:06:00 · 584 阅读 · 0 评论 -
前端学习笔记(二)前端三剑客之CSS
什么是CSS顾名思义,从css(cascading style sheets)的英文含义不难知晓其含义,css直译叫层叠式表,即多个样式可以作用正在同一个html的元素上,即同时生效。css的优点功能请打将内容展示和样式控制分离降低耦合度,解耦。让分工协作更容易。提高开发效率。CSS如何实现页面布局内联样式在标签内使用style属性指定CSS代码:<div style="color:red;">hello css</div>内部样式在head标签原创 2020-10-21 17:27:55 · 177 阅读 · 0 评论 -
前端学习笔记(一)前端三剑客之HTML
什么是HTMLHyper Text Markup Language 叫做超文本标记语言。超文本指的是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本.标记语言由各类标签所组成的语言,如.html,.td ,.xml等。标记语言不是编程语言。如何使用HTMLHTML语法html 文档后缀名 .html 或者采用.htm标签分类围堵标签: 有开始标签和结束标签。如<html> </html>自闭和标签:开始标签和结束标签是同一个,标签体没有内容如原创 2020-10-20 17:45:08 · 128 阅读 · 0 评论 -
静态网页分页
以前,总是不明白静态网页为什么需要分写,但是如果是一个纯静态的html项目,如果网页内容过多,网页的可读性会变差,所以需要对网页进行分页,对网页分页需要在script标签中写入js代码,写这篇博文时,我参考了网上一位小姐姐的播客,下面奉上小姐姐播客地址:[添加链接描述](https://www.cnblogs.com/websmile/p/8310014.html) 静态网页分页思想其实与传统...原创 2019-12-12 11:25:33 · 1404 阅读 · 0 评论 -
slick 插件使用
这两天一直在做公司的门户网站,遇到了一个问题,公司领导的要求是让我将合作伙伴部分做成如下幻灯片播放的这种效果,我再网上查询了很多资料,最后发现bootstrap+slick插件可以完美的解决这个问题。 首先贴出html源代码 <div class="mxfDiv " id="corporation_content" > <div class="p...原创 2019-11-29 18:18:39 · 3866 阅读 · 0 评论