自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Create value with coding

生命不息, 编码不止;WebSite: uiuing.com; GitHub: github.com/uiuing

  • 博客(74)
  • 收藏
  • 关注

原创 【Svelte】-(8)lifecycle 生命周期|onMount / onDestroy / beforeUpdate / afterUpdate / tick

每个组件都有一个生命周期,从创建时开始,到销毁时结束。有一些函数可以让你在生命周期的关键时刻运行代码。我们可以挂钩这些事件来帮助我们实现我们想要的功能。onMount组件渲染后触发onDestroy组件销毁后触发在 DOM 更新之前触发更新后触发。

2022-10-23 21:39:20 279

原创 【Svelte】-(7)绑定|Each 块绑定 / audio video 媒体标签绑定 / client offset 尺寸绑定 / this / 组件绑定

就像你可以绑定到 DOM 元素的属性一样,你也可以绑定到组件的 props,也可以绑定到组件实例本身,来使用组件内导出的内容。当要使用不可变数据,应该去避免使用这些绑定,并且改用事件来处理这些内容。请注意,在组件挂载之前的值将是undefined,因此我们将逻辑放在。可以绑定于每个元素和组件,而且可以获取对。您也可以在 Each 的过程中使用。生命周期在后面的文章会提到。不过需要注意的是,与这些。标签也有许多可绑定属性。,效果当然不言而喻。

2022-10-21 11:45:36 299

原创 【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定

一般来说,数据流是自上而下的,就像父组件可以在子组件上设置 props,组件可以在元素上设置属性,但反过来不行。的初始值,会自动将列表中的第一个设置为默认值。是相通的,之所以单独列出来,就是为了给大家看一个示例,为了帮助你区分。这个标签为例,我们可以添加一个事件处理,来获取。所以,Svelte为了方便我们,我们可以直接使用。标签,很多标签的属性我们可以直接添加。如果有多个与同一值相关的输入,则可以用。有一个好玩的是,设置年龄之后绑定了。属性,这种情况下绑定的。如果有认真,你就会发现。的标签,数据也会同步。

2022-10-20 15:38:42 266

原创 【Svelte】-(5)DOM事件 / 事件修饰符 / 组件事件 / 事件转发 (组件之间的事件沟通)

对了值得一提的是在Svelte中你不用担心性能问题,怎么方便怎么来。其实事件转发很简单,其实就是组件嵌套的时候,我们把事件一层一层传递上去。实例化不支持在 setTimeout 之类的事件回调之中使用)。我们将获取到的数据往上传,你改变的只是function里接到。效果是一样的,贴上 App.svelte 的代码大家自己实验。在Svelte之中,我们如果要绑定DOM上的事件可以添加。,即组件内必须创建一个相同事件并在外部进行分配。组件也可以调度事件。其实就像子组件给父组件事件。在子组件内我们需要使用。

2022-10-19 22:11:16 285

原创 【Svelte】-(4)If 条件判断语句 / Each 循环语句 / Await 异步处理块

但为了体验,牺牲点也无所谓🫤。这一块主要就是为了等待异步数据,和在javascript中调用async function是一样的,等待promise值。HTML 没有表达逻辑的方法,比如条件和循环。推荐使用字符串或数字当作key,当然是任何对象都可以。在Svelte中遍历数据列表,需要使用。块,遍历的对象需要时数组(类似)对象。注意有两种写法,如果不存在错误可以这样写。这里你这样写也是一样的。

2022-10-19 19:58:28 469

原创 【Svelte】-(3)Props 组件传值

在这里你可以感受到Svelte的简洁。

2022-10-18 17:17:23 517

原创 【Svelte】-(2)reactivity响应式 | 赋值 / reactivity变量 / reactivity代码语句 / reactivity对象

reactivity 系统 即反应性或者响应式。在Vue中是 `ref` 或者 `reactive` ,在React中是 `useState` 。在Svelte中则十分简洁,终于可以摆脱Hooks了(虽然我也很爱Hooks)Svelte 的内核是一个强大的 reactivity 系统,能够让 DOM 与你的应用程序状态保持同步,例如,事件响应。

2022-10-17 21:19:00 705

原创 【Svelte】-(1)基础知识 / 快速上手 / 添加数据 / 动态属性 / CSS样式 / 嵌套组件 / HTML标签

然后,一旦项目设置好了,使用 Svelte 组件就很容易了。文件都是一个组件,该组件是一个可重用的自包含代码块,它封装了属于一起的 HTML、CSS 和 JavaScript。相反,我们可以从其他文件导入组件,然后像包含元素一样使用它们。如果你使用的是 VS Code,去VS Code的插件库下载。您可以使用花括号来控制元素属性,就像使用它们来控制文本一样。这里要注意,作用域仅是这个组件,并不会影响其他组件或者全局。Svelte 为我们提供了这些情况的便捷简写,因此,预览看看,你的端口可能和我的不一样。

2022-10-17 17:49:02 539

原创 相比Vue和React,Svelte可能更适合你

Svelte 基于用于(本质上,Svelte.js 本身就是一个编译器),允许仅加载在页面上显示应用程序所需的内容——尽可能小的、“可消化的” JavaScript 代码。这意味着没有虚拟 DOM,没有框架之上的框架,也没有运行时的框架。这是 Svelte 和 Vue 之间的主要区别,也是 Svelte 与 React 与 Angular 与 Vue 之战的主要争论点。Svelte 是一个构建 web 应用程序的工具。

2022-10-17 14:28:27 1282 7

原创 【TypeScript 必学必会】 关于TypeScript你必须知道的一切

TypeScript是在JavaScript基础上的一种语言。在JavaScript中可以实现的一切都可以在TypeScript中实现,它是JavaScript的超集。它提供了两个强大的优势。第一个是它将TypeScript转译成JavaScript,所以所有浏览器都无法使用的高级ECMAScript功能可以通过提供一个polyfill来使用。它就像其他静态检查器与Babel的结合体一样。TypeScript的第二个优势是,它可以强制执行静态类型化,在开发的生命周期中更早地捕捉潜在的问题。.........

2022-07-28 17:47:04 3605 2

原创 【WebSocket 协议】Web 通信的下一步进化

你可以在谷歌、百度搜索中找到许多类似的定义,但是我想通过一些简单和明显的例子来说明这这些。作为 HTML5 计划的一部分,开发的 WebSocket 规范引入了 WebSocket

2022-04-12 10:03:27 6770 58

原创 对JavaScript中 this 关键词的理解

当我开始学习Vue时,this关键词给我带来了恶梦。我花了很多时间去学习和实践,今天我将和大家分享我对 `this` 关键词的一些理解。

2022-04-08 10:24:59 4069 7

原创 推荐个国产框架,从此轻松开发 小程序/App/h5

目前前端市场,主流框架分为PC框架和移动框架两个方向。此外,还有两种 JavaScript 库,React 和 Vue。基于这两个 JS 库,市场上有各种各样的框架。今天介绍UNI-APP是一个基于Vue.JS的跨端移动框架。现在在国内,有很多移动平台,比如微信、支付宝、百度、字节跳动等,都提供了小程序的开发/开通功能。这些都是基于移动平台,平台本身也提供了小程序开发功能和指南。但是在很多平台上,如果一个应用想要完成统一标准化的开发,可以兼容各个平台的差异,但是成本会比较大。还有一个要求是我们自己发布一

2022-04-04 12:27:04 8486 11

原创 不止步于 vue ,探索 uni-app 的生命周期

首先,在Vue中每个实例都会经历一系列的初始化步骤。当它被创建时,从设置数据到编译模板,再到将实例挂载到DOM,最后在数据变化时更新DOM。这个过程被称为Vue实例的生命周期,它们在经历这个创建和

2022-04-03 13:25:15 3293 2

原创 W3C推荐的新布局模式 【CSS Flex布局】详解

介绍了W3C推荐的新布局模式 —— CSS flexbox 布局,

2022-03-20 15:45:20 6731 81

原创 如何设计出更好的 API ?

15 个基于REST的API设计技巧,与编程语言无关。

2022-03-07 20:24:31 6247 51

原创 本地存储(Local Storage) 和 会话存储(Session Storage)

我不会告诉你任何定义和概念,上车读完这篇博客,你就会对本地存储和会话存储有一个清晰的认识。

2022-03-02 15:38:26 9411 40

原创 【Jquery】 入门、快速上手、DOM/Jquery对象之间互相转换

Jquey入门、快速上手、DOM对象Jquery对象之间互相转换介绍jQuery 是一个免费、开源的,语法设计可以让开发者觉得使用更加便捷的JavaScript 函数库,例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、使用 AJAX 以及其他功能。要使用 jQuery,需要下载 jQuery lib 或者通过 CDN 导入。大部分的前端lib都是有两个版本可供下载,一个是产品版,用于实际

2022-03-01 12:06:52 2600 2

原创 烟花代码,予心上人最璀璨烟花—— 附源码与成品(HTML+CSS+JS)

我保证,这将是你见过最炫的????烟花代码!????

2022-01-31 16:20:37 30846 68

原创 【WEB前端开发】基础知识大总结(HTML5+CSS3)

本文共一万七千字,十六个内容点,七十个知识点。覆盖HTML5+CSS3基础知识,内容包括:转义字符、表单标签、语义化标签、Head标签、CSS引用方式、CSS背景属性、CSS文本属性、基础选择器、伪类选择器、伪元素选择器、CSS优先级、块级元素与行内元元素、盒子模型、定位、浮动、多媒体查询

2022-01-26 21:21:09 12907 3

原创 分享一次通过C1见习工程师的经历

一、起因✈️ 二、经过⌛ 1、开始准备 2、学习过程 3、练习过程 三、总结本文非广告! 仅复盘前段时间考CSDN认证的经历,将归纳和总结分享给大家 一、起因暑假在家无聊,刷刷CSDN来提升下自己,然后在发现CSDN在导航栏居然还有认证的地方然后好奇心就驱使我进来了然后还发现了技能大赛,好像是要通过C1才能参加好家伙,藏的这么深,反正闲着也是闲着

2022-01-24 17:55:35 14442 11

原创 【记要】计算机基础通识知识

内容包括: HTTP、HTTPS协议、OSI七层模型、进制转换、信息单位、多媒体基础参数、数据校验、网络拓扑、IP、IPv6、数据结构常识、算法常识、域名解析、常用网络命令和端口

2022-01-21 18:23:17 13604

原创 HTML 基础【2】 -- 表格标签 / 表单标签

请先学习往期内容:HTML 基础【1】 – 入门介绍 / 基本结构 / 块级标签 / 行内标签作业分析上一篇《HTML 基础【1】 – 入门介绍 / 基本结构 / 块级标签 / 行内标签》给大家留了一个作业:实现代码:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title></title></head><bo...

2022-01-16 18:51:20 9593 2

原创 HTML 基础【1】 -- 入门介绍 / 基本结构 / 块级标签 / 行内标签

引言介绍当用户通过 Internet 浏览网页时,会看到各种文字信息、链接、图表、图片等内容,如图所示。浏览器是如何显示这个页面内容的呢?下面通过浏览器来查看这个页面的源代码,如图所示,这些源代码就是浏览器可以理解并展示的一种计算机标签语言—HTMLHTML 是 Hyper Text Markup Language 的缩写,中文翻译为超文本标记语言,是制作网页最基本的语言,它的特点正如它的名称所表示的那样Hyper(超)超(Hyper)是相对于线性(Linear)而言的,HTM...

2022-01-13 17:51:56 11119

原创 做了个代码神器,让你敲代码6到起飞, 代码开源给大家【人工智能/自然语言处理】

温馨提示: 非营销文章, 把开发的好用工具推荐给大家, 并提供一些思路和灵感????目录????✨ 一、为什么要开发一个这样的工具❤️ 二、VARBook介绍???? 三、怎么使用?????️ 1、快速访问????️ 2、使用案例???? 四、VARBook有什么特点???? 1、为中文支持而生???? 2、命名规范,多种选择???? 3、急速响应???? 4、智能复制???? 五、目前开发进度???? TODO 期待2022年3月前完成❓ 六、VARBook是怎么实现的前端components

2022-01-13 11:48:58 16453 12

原创 什么是前端开发?什么是后端开发?

什么是前端开发?概念我们通常所说的前端开发通常指的是网站的创建网站是一个用户界面,也就是你在网站上看到的的文本、按钮、图像还有视图。那么创建这些可交互界面的实践就叫做WEB界面的开发就像是你在银行里取钱不是直接往库存里伸手去拿,而是通过ATM这个银行的前端去进行一些操作尽管我们说的前端开发尽管通常指网站开发,但是现如今的前端开发已经是全平台的开发了,例如手机APP、微信小程序等。所以准确的来说前端开发,应该是直接给予用户的可交互式界面的开发,是创建用户界面的实践让用户以安全且友好的方式与数据

2022-01-12 23:33:48 17508 11

原创 VSCode安装与前端开发必备插件安装

VSCode安装下载链接:https://code.visualstudio.com/同意协议下一步之后,全选,然后继续下一步之后安装插件安装安装完成之后打开VSCode,按照图片上的要求,进入扩展安装界面中文插件安装输入Chinese 然后点击install 安装HTML插件输入HTML 安装这个插件CSS 插件JavaScript插件输入JavaScript 安装这个插件Live Server插件输入live 安装这个插件安装完成之后重启VSCo

2022-01-11 14:41:06 11564

原创 还不会Python数据可视化? 手把手教你用 Matplotlib 实现数据可视化(珍藏版)

介绍在使用机器学习方法解决问题的过程中,一定会遇到需要针对数据进行绘图的场景。Matplotlib 是支持 Python 语言的开源绘图库,因为其支持丰富的绘图类型、简单的绘图方式以及完善的接口文档,深受 Python 工程师、科研学者、数据工程师等各类人士的喜欢Matplotlib 拥有着十分活跃的社区以及稳定的版本迭代,当我们在学习机器学习的课程时,掌握 Matplotlib 的使用无疑是最重要的准备工作之一在使用 Notebook 环境绘图时,需要先运行 Jupyter Notebook 的魔

2021-12-18 15:43:44 15772 40

原创 【Vue】条件与循环语句 | v-if v-show v-for实例

条件与循环语句引言在前端开发之中, 灵活的控制渲染是很有必要的,快速构建也是很有必要的,条件渲染和循环渲染,在视图构建中起着重要作用.条件语句v-ifv-if 指令用于条件性地渲染内容此内容只会在指令的表达式返回除了 false,0,"",null,undefined 和 NaN 外的值的时候被渲染<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">

2021-12-08 13:29:03 17106 5

原创 我的Go+语言初体验——GO+写游戏这么快?零基础写游戏只用5小时

先说明一下,可不是标题党,如果感兴趣请看完具体代码请见仓库:https://github.com/uiuing/spx先看效果本GIF 43秒GitHub仓库: https://github.com/uiuing/spx起因今早起来刷GO+社区, 看到大佬的一篇文章:https://bbs.csdn.net/topics/603582959然后瞬间来了兴趣,然后补了下官方的视频:https://bbs.csdn.net/topics/603487787学习过程本身我的理解还是.

2021-12-05 19:07:04 25907 25

原创 我的Go+语言初体验——一次在GO+教程仓库上提交PR的经历

一次在GO+教程仓库上提交PR的经历起因最近在学习GO+,然后翻了翻资料,找到了GO+的官方教程:https://tutorial.goplus.org/然后翻了翻,发现有的教程貌似还没有案例然后就发现了,一句No content yet, you can help us build it here.然后就点进去了发现许大和其它大神在维护的GO+教程仓库: https://github.com/goplus/tutorial刚好最近有学git的使用, 又是刚好发现了Arrays 的案例好像

2021-12-03 20:36:11 19343

原创 我的Go+语言初体验——GO+实现数据结构之【队列与循环列表】(3)

【我的Go+语言初体验” | 征文活动进行中…】以写促学,接下来,我将带大家使用 GO+ 逐步 实现常见的数据结构欢迎关注【我的Go+语言初体验——实现数据结构】系列,持续更新中…往期文章我的Go+语言初体验——实现数据结构之【数组 切片 Map】(1)我的Go+语言初体验——实现数据结构之【栈与其应用】(2)文章目录 ...

2021-12-03 17:46:55 19149 2

原创 我的Go+语言初体验——GO+实现数据结构之【栈与其应用】(2)

【我的Go+语言初体验” | 征文活动进行中…】以写促学,接下来,我将带大家使用 GO+ 逐步 实现常见的数据结构欢迎关注【我的Go+语言初体验——实现数据结构】系列,持续更新中…往期文章我的Go+语言初体验——实现数据结构之【数组 切片 Map】(1)文章目录...

2021-12-01 22:53:54 19362 2

原创 我的Go+语言初体验——GO+实现数据结构之【数组 切片 Map】(1)

【我的Go+语言初体验” | 征文活动进行中…】随着Go+ 的发布不久,刚好赶上这次征文的活动已写促学,今后,我将带大家使用 GO+ 逐步 实现常见的数据结构 ,刚好一边学GO+一边复习数据结构今天是第一篇使用GO+实现数据结构之数组、切片与Map文章目录...

2021-11-30 22:00:03 18814

原创 【Vue】Class与Style的绑定 —— 绑定对象与数组

引言操作元素的 class 列表和内联样式是数据绑定的一个常见需求因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可不过,字符串拼接麻烦且易错. 因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强. 表达式结果的类型除了字符串之外,还可以是对象或数组。动态的绑定与修改class绑定绑定对象给 :class 一个对象,以动态地切换 class,语法类似键值对, 布尔值的value决定了String类型的Key是否

2021-11-29 17:12:30 19698

原创 【Vue】侦听属性与过滤器 | watch与filters实例

侦听属性在开发我们需要监听数据的变化,Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动,侦听属性。在实例 watch 选项中确定监听项。语法new Vue({ data: { strTest: "abc", }, watch: { strTest: function (newVal, oldVal) { console.log("新值:" + newVal) cons

2021-11-29 15:45:01 19966

原创 【Vue】模板语法 —— 表达式、插值、指令

简介模板语法大家多少都有所接触,例如百度模板引擎、ejs 等等同样 Vue.js 也使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析,通俗的讲 Vue 模板语法就是在使用 Vue.js 开发时,你可以写在 HTML 元素上的操作语法,让你开发更高效,例如:绑定样式,循环出元素列表等表达式在前端的发展历程中,为了提高开发效率,诞生了很多模板引擎,方便渲染元素

2021-11-29 15:02:52 19513

原创 项目开发流程记要

概述共分为《需求分析》《需求评审》《UI 设计》《功能开发》《测试》《验收》《发布上线》《新版本迭代》《系统运维》《产品运营》部分其中功能开发、测试、上线、迭代、运维是穿插实施的。实施的 10 个阶段参会人员包括 UI 设计人员、开发人员、测试人员,项目负责人、技术负责人等主要目的使产品经理、测试工程师、开发工程师、UI 设计人员就需求的具体目标达成一致,统一认识

2021-11-25 10:47:59 19555

原创 制作别踩白块网页小游戏

介绍属于简化版别踩白块,代码相对较为简单易学,主要涉及通过 javascript 操作元素节点的增删以及属性节点(class)的操作。页面布局可以用 div+css 布局来实现别踩白块的静态效果展示,直接上 HTML 代码,我来简要说下 HTML 思路,将主界面分解成一个 4x4 的大矩形格子,每一个方块代表其中一个小的矩形格,其中每一行的四个白块中有一个黑块,每一行中黑块位于哪一列是随机生成的,但是我们这里现在是静态页面就自己确定了,然后通过 css 控制样式。创建 index.html 文件,并

2021-11-25 10:47:15 20349

原创 十大经典排序算法的总结

前言排序算法的术语:稳定 :如果 a 原本在 b 前面,而 a=b,排序之后 a 仍然在 b 的前面不稳定 :如果 a 原本在 b 的前面,而 a=b,排序之后 a 可能会出现在 b 的后面内排序 :所有排序操作都在内存中完成外排序 :由于数据太大,因此把数据放在磁盘中,而排序通过磁盘和内存的数据传输才能进行时间复杂度 : 一个算法执行所耗费的时间空间复杂度 :运行完一个程序所需内存的大小一些名词:n: 数据规模k: “桶”的个数In-place: 占用常数内存,不占用额外内存

2021-11-25 10:46:47 18684

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除