- 博客(95)
- 收藏
- 关注
RSS订阅原创 Vue学习笔记（一）
Vue.js1、如何引用Vue<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scal
2024-09-03 15:27:51
1084
原创 JavaScript学习笔记（十四）：JS JSON
（JavaScript 对象标记法）。JSON是一种存储和交换数据的语法。JSON是通过 JavaScript 对象标记法书写的文本。
2024-08-22 15:56:43
702
原创 JavaScript学习笔记（十三）：网络请求JS AJAX
回调函数是作为参数传递给另一个函数的函数。在这种情况下，回调函数应包含响应准备就绪时要执行的代码。// 当响应准备就绪时要做什么。
2024-08-15 14:48:45
864
原创 JavaScript学习笔记（十二）：JS Web API
API 指的是应用程序编程接口（Application Programming Interface）。Web API 是 Web 的应用程序编程接口。浏览器 API 可以扩展 Web 浏览器的功能。服务器 API 可以扩展 Web 服务器的功能。
2024-08-15 09:17:35
1621
原创 JavaScript学习笔记（十一）：JS Browser BOM
Cookie是在您的计算机上存储在小的文本文件中的数据。当web服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。Cookie是为了解决“如何记住用户信息”而发明的：①、当用户访问网页时，他的名字可以存储在cookie中。②、下次用户访问该页面时，cookie会“记住”他的名字。Cookie 保存在名称值对中，如：当浏览器从服务器请求一个网页时，将属于该页的cookie添加到该请求中。这样服务器就获得了必要的数据来“记住”用户的信息。如果浏览器已关闭本地cookie。
2024-08-01 15:08:18
324
原创 JavaScript学习笔记（十）：JS HTML DOM
1、DOM 简介通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。JavaScript HTML DOM2、JavaScript - HTML DOM 方法HTML DOM 方法是您能够（在 HTML 元素上）执行的动作。HTML DOM 属性是您能够设置或改变的 HTML 元素的值。document.getElementById("demo").innerHTML = "Hello World!";getElementById 是方法
2024-07-26 10:55:18
439
原创 JavaScript学习笔记（九）
请使用关键字class创建一个类。请始终添加一个名为的方法。JavaScript类不是对象。它是 JavaScript对象的模板。
2024-07-17 15:48:51
1071
原创 JavaScript学习笔记（八）
但是最好是把 JavaScript 函数描述为对象。正如您在之前的例子中看到的，JavaScript 函数是通过 function 关键词定义的。JavaScript 函数不会对所传递的参数（argument）实行类型检查。如果一个函数不是 JavaScript 对象的方法，那么它就是全局对象的函数。JavaScript 函数不会检查所接收参数（argument）的数量。函数参数（argument）指的是传递到函数或由函数接收到的真实值。为创建新对象而设计的函数，被称为对象构造函数（对象构造器）。
2024-07-11 08:54:26
782
原创 JavaScript学习笔记（七）
可迭代对象（Iterables）是可以使用for..of进行迭代的对象。从技术上讲，可迭代对象必须实现方法。
2024-07-08 15:29:08
1029
原创 JavaScript学习笔记（六）
try语句使您能够测试代码块中的错误。catch语句允许您处理错误。throw语句允许您创建自定义错误。finally使您能够执行代码，在try和catch之后，无论结果如何。
2024-07-02 14:36:12
1034
原创 JavaScript学习笔记（一）
1、 什么是JavaScript?所有的例子及学习逻辑均来自W3School，以下只是我自己学习的笔记，具体内容可直接参考JS教程JavaScript 是属于 HTML 和 Web 的编程语言,是 web 开发者必学的三种语言之一：HTML 定义网页的内容CSS 规定网页的布局JavaScript 对网页行为进行编程在 HTML 中，JavaScript 代码必须位于 < script> 与 < /script> 标签之间。旧的 JavaScript 例子也许会使用
2024-06-06 15:09:23
396
原创 CSS学习笔记之高级教程（五）
23、CSS 媒体查询 - 实例/* 如果屏幕尺寸超过 600 像素，把 <div> 的字体大小设置为 80 像素 */@media screen and (min-width: 600px) { div.example { font-size: 80px; }}/* 如果屏幕大小为 600px 或更小，把 <div> 的字体大小设置为 30px */@media screen and (max-width: 600px) { div.example
2024-06-03 15:13:02
622
原创 CSS学习笔记目录
CSS学习笔记之基础教程（一）CSS学习笔记之基础教程（二）CSS学习笔记之中级教程（一）CSS学习笔记之中级教程（二）CSS学习笔记之中级教程（三）CSS学习笔记之高级教程（一）CSS学习笔记之高级教程（二）CSS学习笔记之高级教程（三）CSS学习笔记之高级教程（四）
2024-05-30 14:49:04
583
原创 CSS学习笔记之高级教程（四）
19、CSS 用户界面19.1 CSS 调整大小：resizeresize 属性规定元素是否应（以及如何）被用户调整大小。resize: horizontal;水平方向可改变大小resize: vertical;垂直方向可改变大小resize: both;水平+垂直方向都可改变大小20、CSS 变量：var()函数var() 函数用于插入 CSS 变量的值。var() 函数的语法如下：var(name, value)，变量名称必须以两个破折号（--）开头，且区分大小写！20.1 C
2024-05-30 14:20:37
859
原创 CSS学习笔记之高级教程（三）
14、CSS 图像样式14.1 圆角图像：border-radius .img01 { width: 200px; height: auto; /* 四个角一致的圆角 */ border-radius: 10px; }14.2 圆形 .img02 { width: 200px; height: auto; /* 圆形 */ border-radius: 50%; }14.3
2024-05-28 15:14:24
805
原创 CSS学习笔记之高级教程（二）
10、CSS 3D 转换通过 CSS transform 属性，您可以使用以下 3D 转换方法：rotateX()rotateY()rotateZ()10.1 rotateX() 方法（使元素绕其 X 轴旋转给定角度）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="
2024-05-23 16:47:17
828
原创 CSS学习笔记之高级教程（一）
1、圆角：border-radiusborder-radius 属性可以接受一到四个值。规则如下：四个值 - border-radius: 15px 50px 30px 5px;（依次分别用于：左上角、右上角、右下角、左下角）三个值 - border-radius: 15px 50px 30px;（第一个值用于左上角，第二个值用于右上角和左下角，第三个用于右下角）两个值 - border-radius: 15px 50px;（第一个值用于左上角和右下角，第二个值用于右上角和左下角）
2024-05-22 14:36:42
1137
原创 CSS学习笔记之中级教程（三）
14、CSS 下拉菜单14.1 示例1：普通弹窗思路：弹窗内容先隐藏display: none;，:hover时候修改弹窗部分的 display: block;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
2024-05-16 15:32:56
358
原创 CSS学习笔记之中级教程（二）
-.+CSS学习笔记之中级教程（一）6、CSS 布局 - display: inline-block与 display: inline 相比，主要区别在于 display: inline-block 允许在元素上设置宽度和高度。同样，如果设置了 display: inline-block，将保留上下外边距/内边距，而 display: inline 则不会。与 display: block 相比，主要区别在于 display：inline-block 在元素之后不添加换行符，因此该元素可
2024-05-15 15:20:42
398
原创 CSS学习笔记之中级教程（一）
1、CSS 布局 - display 属性1.1 display 属性display 属性是用于控制布局的最重要的 CSS 属性。display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。1.2 块级元素（block element）块级元素总是从新行开始，并占据可用的全部宽度（尽可能向左和向右伸展）。会占领页面的一行，其后多个block元素
2024-05-10 16:46:02
880
原创 CSS学习笔记之基础教程（一）
CSS选择器用于“查找”（或选取）要设置样式的HTML元素。我们可以将CSS选择器分为五类：（1）简单选择器（根据名称、id、类来选取元素）（2）组合器选择器（根据它们之间的特定关系来选取元素）（3）伪类选择器（根据特定状态选取元素）（4）伪元素选择器（选取元素的一部分并设置其样式）（5）属性选择器（根据属性或属性值来选取元素）
2024-05-07 17:55:32
524
原创 CSS学习笔记之基础教程（二）
上节内容CSS学习笔记之基础教程（一）6、边距6.1 外边距：margin6.1.1 外边距marginmargin-topmargin-leftmargin-bottommargin-right<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"
2024-05-07 15:48:13
414
原创 Visual Studio Code使用Flutter开发第一个Web页面
在扩展搜索输入框中输入「flutter」，然后在列表中选择 Flutter 并单击 Install。输入「install」，然后选择 Extensions: Install Extensions。（查看 > 命令面板）。打开 View > Command Palette （查看 > 命令面板）。输入「flutter」，选择 Flutter: New Project。输入项目名称，例如 my_flutter_web，并点击 Enter。等待项目创建完成，并且 main.dart 文件展现在编辑器中。
2024-04-15 10:39:09
1181
1原创 第九节：揭开交互的秘密：如何制作原型图
原型图是需求和功能的具体化表达，一般以线框图的形式，将产品经理关于产品的核心形态从想法落地成图形，是需求文档/交互设计的【前置草稿】。做原型 不需要太多颜色去渲染，最好选择一到两种颜色。可在细节上更精化。（位置、间隔、文字大小等）交互文档也称DRD，是用来告诉别人【页面设计细节】的一个说明文档。包括页面跳转逻辑、页面交互逻辑、页面显示状态等细节的说明。
2024-03-12 11:36:10
1415
原创 关于Flutter开发微信小程序的方案研究
Flutter 是一种跨平台的移动应用开发框架，可以用于开发IOS、Android、Web和桌面应用程序。微信小程序是基于微信平台的轻量级应用，用户可以再微信中直接打开和使用，而不需要下载安装。不过可以使用第三方库如Taro（Taro是一个开放式跨端跨框架解决方案，支持使用React、Vue.js、Nerv等框架来开发小程序、H5、react Native等应用。）来开发微信小程序，他是一个基于React（Web开发框架）的多端开发框架，支持使用Flutter进行开发，然后编译成微信小程序的代码。
2024-03-11 14:10:32
2596
原创 flutter极光推送配置厂商通道（华为）笔记--进行中
华为应用适配开发-云端通知适配上让配置category（后端）， 经测试在集成极光推送+厂商通道的基础上不配置category也能正常接收离线消息 （通过极光后台发送，走厂商通道，app进程杀死状态）
2024-01-24 16:43:23
2402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人