![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术整合
文章平均质量分 88
记录前端学习记录
Gorit
做个独立开发者
展开
-
手把手带你学 React (一 搭建开发环境)
React 快速入门转载 2023-08-14 23:56:21 · 186 阅读 · 0 评论 -
【MDN学习】JavaScript 之 Promise
MDN 学习,JavaScript 高级应用 —— Promise API 的学习原创 2022-03-15 00:05:27 · 2583 阅读 · 0 评论 -
MDN 终于更新了
MDN 更新了,你还记得当初学习 Web 时的那个网站嘛原创 2022-03-07 09:00:00 · 989 阅读 · 0 评论 -
JavaScript 高级应用(第二弹)
JavaScript 高级应用 —— 第二弹你不知道的 Function转载 2022-01-23 21:26:30 · 891 阅读 · 0 评论 -
JavaScript 高级应用第一弹
JavaScript 高级应用第一弹原创 2021-12-14 22:29:13 · 1733 阅读 · 0 评论 -
Vue3 新增 内置组件 使用
文章目录一、Teleport1.1 Teleport 介绍1.2 使用 Teleport1.3 预览效果二、Suspense2.1 介绍2.2 使用 Suspense2.3 预览效果Author:GoritDate:2021年12月5日Website:CodingGorit 的小站2021年发表博文:25/30我们用 vite 搭建一个 Vue3 + TS 项目,我会使用 <script setup lnag="ts"> 和<script lang="ts"> 混合编程原创 2021-12-05 15:53:35 · 3818 阅读 · 4 评论 -
你不知道的 JavaScript 小知识
JavaScript 小志似乎一、会导致为 false 的变量二、JS 中的字符串排序2.1 场景还原2.2 基本用法:1.3 示例:三、js 通过删除数组中指定的元素一、会导致为 false 的变量falsenullundefined’ ’ 空字符串数字 0数字 NAN其余的都是真二、JS 中的字符串排序2.1 场景还原现在有个列表是根据一个字段 a 来进行排序的,但是现在需求改了,需要使用字段 b 来排序。经过排查,发现字段 a 和 字段 b 均从服务端以 JSON 传递而来原创 2021-08-25 16:54:23 · 1034 阅读 · 0 评论 -
你所不知道的 CSS3 技巧
CSS3 高级技巧一、css 还能定义变量?二、css 实现渐变色三、css 旋转元素Author:GoritDate:2021/7/282021年发表博文: 19/50 19/30一、css 还能定义变量?css 还可以定义 ““变量”?对,你没有听错!!!除了 scss 还有 less 这样的 css 预处理语言可以地宁弈半两以外,css 也可以变量了如果你想要了解详情: MDN 中对 CSS 定义变量的解释使用起来非常简单:root { /* 定义变量,必须使用 -- 来表示前缀*原创 2021-08-22 15:44:57 · 1092 阅读 · 1 评论 -
Vue3 学习笔记 —— (一)深入理解组合式 API
Vue3 组合式 API 学习1. setup(props, context)2. 响应式 API:reactive() 、ref()、toRef()、toRefs()3. 计算属性 computed 和 watch 侦听器的使用4. 组件化思想原创 2021-04-24 21:46:35 · 3491 阅读 · 2 评论 -
Vue3学习笔记 —— Composition API 快速入门
Vue3 Composition API 学习一、学习预览二、创建 Vue3 项目三、Vue3 引用和方法3.1 Composition API setup() 函数 的响应式引用3.2 Composition API setup() 函数 响应式对象3.3 Composition API setup() 函数 参数四、Vue3 Composition API 使用总结一、学习预览Setup响应式应用方法计算属性Watch二、创建 Vue3 项目前提查看一下你的 Vue 版本是否原创 2020-09-06 00:18:20 · 2129 阅读 · 0 评论 -
SpringBoot + Vue 前后端分离项目实现文件上传至本地以及文件下载功能
SpringBoot + Vue 实现文件上传功能,文件下载功能原创 2020-07-28 23:58:16 · 16070 阅读 · 21 评论 -
Vue 学习笔记 —— 组件化开发 (三)
组件化开发思想原创 2020-07-08 15:44:28 · 460 阅读 · 0 评论 -
Vue 学习笔记 —— 常用特性 (二)
Vue 常用特性学习一、学习概览二、表单操作2.1 基于 Vue 的表单操作概览2.2 input 处理2.3 radio 单选框处理2.4 checkbox 处理2.5 select 下拉框处理2.5.1 选择一条数据2.5.2 select 选择多条数据2.6 textarea 文本框处理2.7 表单域修饰符2.7.1 number 类型2.7.2 trim 去除两边空格2.7.3 lazy ...原创 2020-06-28 11:30:33 · 467 阅读 · 0 评论 -
Vue 电商后台管理项目阶段性总结
Vue 开发电商后台管理系统一、阶段总结一、阶段总结这个vue 项目是从 2020 4月开始,一直开发直至 5月23日 部署上线,也算是我的第二个 vue 的实战项目,在开发过程中使用 Vue cil4 脚手架进行开发,使用码云作为 Git 管理仓库...原创 2020-05-24 11:55:10 · 5219 阅读 · 24 评论 -
都0202年了,你还不会前后端交互吗
文章目录一、原生 ajax二、原生 Promise三、fetch四、更好的封装 axios?一、原生 ajax二、原生 Promise三、fetch四、更好的封装 axios?原创 2020-05-10 15:30:46 · 712 阅读 · 2 评论 -
都 0202 年了,你还不会自己编写一些简单 API 服务吗?
个人开发者快速开发自己的 API一、Python Flask 编写简单的 API1.1 搭建 Python Flask 环境1.2 编写你的第一个 Flask 程序1.3 Flask 进阶系列二、Java Web 编写简单的 API2.1 搭建环境2.2 搭建一个 Java EE 项目三、Java SpringBoot 编写简单的 API3.1 搭建一个 SpringBoot 环境3.2 编写 controller四、Node 之 Express 搭建简易 API4.1 你需要安装 node.js 环境4原创 2020-05-10 13:05:39 · 1237 阅读 · 2 评论 -
Vue 学习笔记 —— 模板语法 (一)
Vue 模板语法学习一、Vue 指令学习1.1 v-cloak1.2 v-text1.3 v-html1.4 v-pre记录 Vue 的复习使用,以加深理解为主,并非零基础入门一、Vue 指令学习文档在手,随时查阅:官方文档——指令学习Vue 中的指令本质上是自定义属性Vue 中指令的格式:以 v-xxx (比如 v-if,v-for 什么的)1.1 v-cloak我们在使用插值...原创 2020-04-27 23:25:36 · 622 阅读 · 1 评论 -
css 布局之 4种 position 布局讲解
css position 布局整理1. relative2. position3. fixed4. inheritz-index 讲解原创 2020-03-02 22:39:41 · 1632 阅读 · 0 评论 -
Ajax 技术应用 (jQuery 实现账户验证)
Ajax 应用 with jquery一、前端部分1.1 html 部分1.2 js 部分二、后端部分三、运行结果最近在学习 jquery,学习到 ajax 部分了,就把之前做过内容使用 jquery 实现一遍这两篇是我使用 纯 js 实现的,可以先看这个,注解我也写的比较详细Ajax 技术学习 (Java EE 实现) —— 用户账户的验证Ajax 技术学习(JavaEE)—— 实现...原创 2020-04-22 20:36:25 · 409 阅读 · 0 评论 -
JavaScript Dom + 内置对象一览表
JavaScript dom 树使用记录一、window 对象1.2 window 事件二、document 对象长期学习补充中 ing~一、window 对象功能解释window.location获取当前页面的地址1.2 window 事件功能解释window.onload执行页面加载事件二、document 对象功能解...原创 2020-02-25 15:49:55 · 739 阅读 · 0 评论 -
常见 css 布局整理
常用 css 布局学习整理一、垂直居中二、等分布局三、等高布局四、多列布局五、局中布局(垂直居中)六、全屏布局七、三列布局八、圣杯布局九、双飞翼布局十、水平居中十一、css 布局特别整理注意: 代码里面都有比较详细的注释项目代码全部已经上传至 码云 和 Github,两个仓库我会同步更新码云 git 下载地址:git@gitee.com:gorit/Coding-with-Front-end...原创 2020-02-11 18:00:06 · 2517 阅读 · 0 评论 -
css 搭配记录
一、常见颜色搭配1.1 输入框的默认字体颜色值一般设置为 #ccc,颜色是灰色二、内联样式布局方案解决2.1 输入框紧凑问题为了解决布局冲突问题,可以使用内边距 padding-left: .2rem;...原创 2020-02-06 23:06:58 · 296 阅读 · 0 评论 -
HTML5 使用技巧分享 4 —— 将一行元素快速置于屏幕底部
HTML 小技巧分享之 —— 快速将一行 div 元素 设置到底部一、导语二、分析结构框架三、代码实现3.1 不引用外部样式3.2 引用外部 css 样式一、导语很久都没有更新了,今天再更新一些使用的小技巧,今天给大家带来的内容是如何快速的将一行 div 元素设置到屏幕底部,今天的主要内容有css 文件的引入,使用 link 标签,以及各个参数的解释把元素置于文件底部的 css 样式编写...原创 2019-09-02 14:28:28 · 2561 阅读 · 0 评论 -
HTML5实用小技巧分享(三)——两种添加背景图片的方式
前面两节介绍过文字和段落的使用,这节就大致介绍一下背景图片如何添加首先,我们创建一个HTML文档,然后我们换个背景一、不会随着滚轮移动的背景<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>背景图片放置</title>&a原创 2019-02-22 20:58:23 · 102631 阅读 · 23 评论 -
HTML5实用小技巧分享(二)——让我的网页中的字体变得更好看
上次说到Html5中无法换行的问题<body><p>把文字输入到这里</p><p>把文字输入到这里</p></body>看看运行结果这下是不是就换行了 格式:<p align=”排列方式”>你想写的内容</p> 排列方式:left (默认的)原创 2018-11-13 23:03:01 · 5082 阅读 · 0 评论 -
HTML5实用小技巧分享(一)——我的第一个网页
今天我来给大家分享一下做网页的基本技巧,即使你不懂编程是什么,你只要有一台电脑,你会复制粘贴就可以了做一个网页,有两种方法,第一种方法就是用编辑器做,我给大家推荐几个常用的网页制作的编辑器,比如DW(Dreamweaver),Hbuilder等等,而我用的是pycharm,因为我学python的过程中, 发现这个编辑器也可以写html,然后就直接用了。接下来告诉大家怎么用第二种方法做网...原创 2018-11-12 22:26:37 · 1789 阅读 · 0 评论