- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 学习Vue指令
下面直接切入主题，一一列举Vue的9个指令：v-text（设置标签的文本值）通常情况下v-text可以简写为{{}}；无论内容是什么，v-text只会解析成文本。v-html（设置元素的innerHTML）v-html与v-text的区别是，若要解析html结构，就用v-html。v-on（给元素绑定事件）v-on指令是给元素绑定事件，所以事件名就不需要on了，指令可以简写...
2020-03-12 21:22:20
189
原创 JavaScript框架——Vue的基础语法
Vue简介JavaScript框架简化DOM操作响应式数据驱动引入Vue程序需要以下三个步骤：导入从官网下载的Vue.js创建Vue实例对象，设置el属性和data属性使用简洁的模板语法把数据渲染到页面上代码实例：<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2020-03-11 18:38:47
287
原创 前端开发——跨域解决方案
什么情况下会遇到跨域的问题？前端做数据交互，比如在数据获取的时候经常会遇到跨域的问题。跨域跨域是指一个域下的文档或脚本试图请求另一个域下的资源。广义跨域有以下的情况：(1) 资源跳转：a链接，表单提交；(2) 资源嵌入：link标签、script标签、img标签等dom标签，还有样式中background:url()等文件外链；(3) 脚本请求：js发起的ajax请求、dom和js...
2020-03-06 11:23:22
252
原创 前端项目实践：基于HTML+CSS+jQuery，完成烘焙坊官网的设计
学习前端有一段时间了，自己做了一个烘焙坊的登录页跳转到官方网站页面的项目，主要借鉴了好利来官网的设计，下面直接附上代码：(1) HTML 登录页代码块<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content...
2020-03-05 11:23:30
1839
原创 大前端—ajax、json和jsonp
一、jsonjson 是JavaScript Object Notation首字母的缩写，译为JavaScript对象表示法，这里说的json指JavaScript对象的一种数据格式。目前前后端都是用json这种数据格式来传送数据的。JavaScript自定义对象：var person = { name:"John", age:24, sex:mal...
2020-02-27 17:39:24
297
原创 利用jQuery特性效果和链式调用做一个简单的层级菜单
jQuery特性效果：我们常见的jQuery特性效果有以下几种：淡入：fadeIn()淡出：fadeOut()下拉：slideDown()上拉：slideUp()下面我将用所学的jQuery特性效果和链式调用知识点做一个简单的层级菜单。代码块：HTML<body> <ul class="nav"> <li> <a href...
2020-02-25 12:20:33
183
原创 利用HTML+CSS+jQuery技术实现点击页面上不同的按钮展现相对应的样式
我们浏览一些网站时经常会遇见鼠标点击某个选项时，该选项的样式会发生变化，与此同时，页面会呈现不同的内容或者样式，这里用到的知识点有：1. HTML+CSS基础；2. JS库—jQuery（绑定click事件、索引值、$(this)、jQuery样式操作）。注意：要在HTML文档的头部单独嵌入script标签，引入并加载jQuery库，代码如下：<script type="text/j...
2020-02-24 20:19:37
2049
原创 关于CSS间距设置
如果想调整兄弟元素之间的距离就用margin属性；如果想父元素与子元素之间的距离就在外层的div中设置内填充padding属性；
2020-02-22 16:57:54
935
原创 JavaScript入门
JavaScript源代码放在HTML里头，能在浏览器中运行的解释性语言；script元素既可以放在head元素里也可以放在body元素里，如果放在head元素里可以用来表示函数或变量的定义，放在body元素里表示动作；每个JavaScript语句都以 ; 结束document.write(“Hello”);其中"."表示是运算符，”.“左边的是对象，右边的表示执行的动作；JavaScr...
2020-02-22 11:54:28
161
1
原创 学习HTML和CSS的笔记分享
HTML5的特点是语义与实现分离；原来是<div class=""></div>，然后样式用类选择器设置；现在是不用<div>了，而用比如<header></header>等等，然后样式不用类选择器，而是元素选择器； <meta charset="utf-8">指定编码格式，防止在不同浏览器中打开乱码；...
2020-02-11 11:48:09
189
1
原创 关于CSS定位你知多少？
position属性比较当我们对页面布局的时候，经常会纠结元素定位是用relative（相对定位），absolute（绝对定位），fixed（固定定位）还是static（默认定位），下面我就常见的四种定位进行比较：position：relative；如果对一个元素进行相对定位，它会出现在所定义的位置上，然后，可以通过设置元素水平方向或者垂直方向上的位置，使元素基于之前的位置进行移动，并且移动...
2020-02-09 10:51:52
149
学习HTML和CSS的笔记.txt
2020-02-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人