笔记
关注
分享
扫一扫
文章平均质量分 58
13HY
学生HY，想来学习
展开
-
HY的微信小程序day14
小程序JSONJSON（JavaScript Object Notation）是一种轻量级的数据交换格式。它基于 ECMAScript（W3C 制定的 JavaScript 规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。XMLXML（Extensible Markup Language），中文名为可扩展标记语言，标准通用标记语言的子集，是一种用于标记原创 2021-06-18 17:22:38 · 238 阅读 · 0 评论 -
HY的前端web周记13
Vue3 样式绑定Vue.js classclass 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。v-bind 在处理 class 和 style 时， 表达式除了可以使用字符串之外，还可以是对象或数组。v-bind:class 可以简写为 :class。.active { width: 100px; height: 100px; background: green;}</style></h原创 2021-06-18 16:48:59 · 153 阅读 · 0 评论 -
HY的web前端周记day12
VUE自定义组件全局组件<body><div id="app"> <p>页面载入时，input 元素自动获取焦点：</p> <input v-focus></div><script>const app = Vue.createApp({})// 注册一个全局自定义指令 `v-focus`app.directive('focus', { // 当被绑定的元素挂载到 DOM 中时…… m原创 2021-06-18 16:10:34 · 259 阅读 · 0 评论 -
HY的前端web周记day11
练习之天气预报直接上代码<script type="text/javascript"> var xmlhttp = new XMLHttpRequest(); function Sousuo(){ var city=document.getElementById("cityname").value; xmlhttp.open("GET", "http://wthrcdn.etouch.cn/weather_mini?city="+city, true);原创 2021-06-18 15:29:12 · 157 阅读 · 0 评论 -
HY的前端web周记 day10
JsonJSON: JavaScript Object Notation(JavaScript 对象表示法)JSON 是存储和交换文本信息的语法，类似 XML。JSON 比 XML 更小、更快，更易解析。JSON 语法规则数据在名称/值对中数据由逗号分隔大括号 {} 保存对象中括号 [] 保存数组，数组可以包含多个对象[{ key1 : value1-1 , key2:value1-2 },{ key1 : value2-1 , key2:value2-2 },{ key1 : va原创 2021-06-18 15:06:55 · 189 阅读 · 0 评论 -
2021-05-25
VueVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。<body> <div id="vue_det"> <h1>site : {{site}}</h1> <h1>url : {{url}}</h1> <h1>{{details()}}原创 2021-05-25 09:48:55 · 99 阅读 · 0 评论 -
HY的前端web周记day7
jQuery 教程jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。例子<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.mi原创 2021-05-05 12:14:50 · 233 阅读 · 0 评论 -
HY的前端web周记 day6 4.8
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> var text=["innovation","practice"]; function changetext(element){ var ef=document.getElementById(element); if(element=="p原创 2021-04-15 12:52:59 · 172 阅读 · 0 评论 -
HY的前端web周记day5 4.1
HY的前端web周记day5 4.1今天学习了有关JavaScript的基础<meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script>function displayDate(){ document.getElementById("demo").innerHTML=Date();}</script></head><body><h1&原创 2021-04-05 18:06:27 · 174 阅读 · 0 评论 -
HY的web前端day4 3.27
HY的web前端day4今天学习了关于Bootstrap简介Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。安装环境http://getbootstrap.com/ 在该网站下载已获得编译的css js和源代码移动设备优先为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签<meta name="原创 2021-03-31 23:25:15 · 261 阅读 · 0 评论 -
HY的前端web周记3 3.18
HY的前端web周记3 3.18文章目录HY的前端web周记3 3.18引子一、css内联样式，外联样式内联样式：当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 引子今天学习了有关css的基本操作：内联样式，外部样式。 id选择器，类选择器。关于背景图片的（纵向/横向）插入，图片高度，css对齐，边框，粗细等<一、css内联样式，外联样式内联样式：当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <head><style>hr {c原创 2021-03-25 15:47:22 · 965 阅读 · 0 评论