![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端 开发
璀璨子
前端练习生
展开
-
学习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 · 112 阅读 · 0 评论 -
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 · 202 阅读 · 0 评论 -
前端开发——跨域解决方案
什么情况下会遇到跨域的问题? 前端做数据交互,比如在数据获取的时候经常会遇到跨域的问题。 跨域 跨域是指一个域下的文档或脚本试图请求另一个域下的资源。 广义跨域有以下的情况: (1) 资源跳转:a链接,表单提交; (2) 资源嵌入:link标签、script标签、img标签等dom标签,还有样式中background:url()等文件外链; (3) 脚本请求:js发起的ajax请求、dom和js...原创 2020-03-06 11:23:22 · 155 阅读 · 0 评论 -
前端项目实践:基于HTML+CSS+jQuery,完成烘焙坊官网的设计
学习前端有一段时间了,自己做了一个烘焙坊的登录页跳转到官方网站页面的项目,主要借鉴了好利来官网的设计,下面直接附上代码: (1) HTML 登录页代码块 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content...原创 2020-03-05 11:23:30 · 1613 阅读 · 0 评论 -
大前端—ajax、json和jsonp
一、json json 是JavaScript Object Notation首字母的缩写,译为JavaScript对象表示法,这里说的json指JavaScript对象的一种数据格式。目前前后端都是用json这种数据格式来传送数据的。 JavaScript自定义对象: var person = { name:"John", age:24, sex:mal...原创 2020-02-27 17:39:24 · 213 阅读 · 0 评论 -
利用jQuery特性效果和链式调用做一个简单的层级菜单
jQuery特性效果: 我们常见的jQuery特性效果有以下几种: 淡入:fadeIn() 淡出:fadeOut() 下拉:slideDown() 上拉:slideUp() 下面我将用所学的jQuery特性效果和链式调用知识点做一个简单的层级菜单。 代码块: HTML <body> <ul class="nav"> <li> <a href...原创 2020-02-25 12:20:33 · 136 阅读 · 0 评论 -
利用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 · 1967 阅读 · 0 评论 -
学习HTML和CSS的笔记分享
HTML5的特点是语义与实现分离;原来是<div class=""></div>,然后样式用类选择器设置;现在是不用<div>了,而用比如<header></header>等等,然后样式不用类选择器,而是元素选择器; <meta charset="utf-8">指定编码格式,防止在不同浏览器中打开乱码; ...原创 2020-02-11 11:48:09 · 132 阅读 · 1 评论