【前端学习笔记】第5页

前端学习笔记-Redux与异步Action

文章目录Redux三原则Redux源文件Redux中间件异步Action发送请求获取数据场景：Flux单向数据流Flux与Redux差别再次辨析HooksRedux三原则单一数据源一个App只能有一个存储state的store；State只读唯一改变state的方式就是dispatch一个action；纯函数修改执行修改action的是叫做reducer的纯函数；Redux源文件真正有用的看起来也

科粒·2022-07-21 14:40

前端学习笔记（三）CSS（背景，三大特性，内外边距）

CSS的背景通过CSS背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。背景颜色background-color属性定义了元素的背景颜色。background-color:颜色值；一般情况下元素背景颜色默认值员transparent(透明)，我们也可以手动指定背景颜色为透明色背景图片background-image属性描述了元素的背景

摇光··2022-07-11 20:29

2020-12-26

常用的css小妙招，建议新手收藏一夜枫林2020-12-2417:01:4352收藏3分类专栏：前端学习笔记最后发布:2020-12-2417:01:43首次发布:2020-12-2417:01:43版权

weixin_46315812·2022-07-11 14:15

前端学习笔记-vue2-vue中的Ajax

vue2-vue中的AjaxVue中的Ajax配置代理-解决跨域问题vue常用的Ajax库slot插槽分类Vue中的Ajax配置代理-解决跨域问题1.在vue.config.js中进行配置devServer:{proxy:'跨域服务器地址'}优点：配置简单，请求资源时直接发送给前端缺点：不能配置多个代理，不能灵活控制请求是否走代理，配置请求内容不能与public内容冲突，否则不会触发代理，转发请求

C_Cercis Chinensis·2022-07-05 14:11

Web前端学习笔记15：Web前端开发：jQuery总结

文章目录day01-jQuery1.1.jQuery介绍1.1.1JavaScript库1.1.2jQuery的概念1.1.3jQuery的优点1.2.jQuery的基本使用1.2.1jQuery的下载1.2.2.体验jQuery1.2.3.jQuery的入口函数1.2.4.jQuery中的顶级对象$1.2.5.jQuery对象和DOM对象1.2.6.jQuery对象和DOM对象转换1.3.jQu

JasonYangQ·2022-07-04 07:24

前端学习笔记01---HTML5、CSS3、移动端前端基础学习知识点合集

文章目录HTML结构一、标签（标记、元素）二、列表，表格，表单1、列表2、图片3、超链接--实现不同页面的跳转4、table表格5、表单1--收集用户信息给后端inputCSS表现一、CSS语法1.外部样式表2.行内样式表3.选择器（1）标签选择器（2）类选择器（3）id选择器（4）通配符选择器（5）群组和后代(包含)选择器（6）伪类选择器--也可用于盒子.box:hover{}（7）选择器的权重

YAMPF~·2022-07-02 15:13

[前端学习笔记] Ajax基础知识整理(包含Postman、Axios、JSONP)

目录一、客户端与服务器1.基本概念2.客户端与服务器通信过程：请求-处理-响应3.资源请求：XMLHttpRequest对象二、Ajax概念及应用场景1.Ajax(AsynchronousJSAndXML)2.Ajax应用三、jQuery封装请求方法四、接口测试工具Postman1.数据接口2.接口文档3.接口测试工具【以Postman为例】五、表单form1.表单作用2.表单组成3.表单属性：规

sillyxue·2022-06-11 22:42

自学前端学习笔记-01CSS基础样式语法

1-1CSS基础1-1css引入方式1.内嵌式：CSS写在style标签中提示：syle标签虽然可以写在页面任意位置，但是通常约定写在head标签中2.外联式：CSS写在一个单独的.css文件中提示：需要通过ink标签在网页中入3.行内式：CSS写在标签的style属性中提示：基础班不推荐使用，之后会配合js使用Documentdiv{width:200px;height:200px;backgr

Informal杨·2022-06-05 14:53

前端学习笔记HTML

vscode安装使用插件快捷键详情请跳转链接vscode安装教程插件使用快捷键::https://www.jianshu.com/p/4c6ba8dc1c921-1HTML常用标签1.标题标签标题文本标题文本标题文本标题文本标题文本标题文本备注:一行只能显示一个2.段落标签文本内容3.水平线标签是单标签4.换行标签br5.div和span标签(重点)这是头部今日价格备注:div标签用来布局的，但是

Informal杨·2022-06-05 14:05

Web前端学习笔记

Web前端学习笔记2020-9-3整理2019-9月-19学完作者:小宇HTML基础知识互联网中的三大基石Html(HyperTextMarkupLanguage)超文件标记语言Http(HyperTextTransferProtocol

努力提升的小宇同学·2022-06-05 08:55

Web前端学习笔记11：JavaScript_注释_输入输出_变量_数据类型_关键字_保留字_运算符_流程控制

文章目录JavaScript基础第01天1-编程语言1.1编程1.2计算机语言1.3编程语言1.4翻译器1.5编程语言和标记语言区别总结2-计算机基础2.1计算机组成2.2数据存储2.3数据存储单位2.4程序运行3-初始JavaScript3.1JavaScript是什么3.2JavaScript的作用3.3HTML/CSS/JS的关系3.4浏览器执行JS简介3.5JS的组成**ECMAScrip

JasonYangQ·2022-06-04 18:16

看完涨薪2K+_____2019 JAVA 必刷面试题

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新—>原生js训练计划2019–JAVA新征程github

Gavincoder·2022-04-14 06:29

【前端学习笔记1】数组和字符串的相互转化 JS

从现在开始，认真学习，好好工作。用文字记录生活，用代码编写人生。2022.4.7这次是整理了一些数组和字符串的转化方法，其中主要的还是几个，toString(),join(),Array.prototype.map(),split()这几个。希望这些内容/笔记，对之后的前端学习者有一定的学习/参考意义。数组转字符串1.toString()2.join()letnum_array=[1,2,3,4,

·2022-04-08 10:09

前端学习笔记 webpack及命令文件结构

Webpack安装命令npminstall--save-devwebpackVue.js安装npminstallvuevue-cli-g-g表示这个包安装后可以被全局使用创建一个基于webpack模板的新项目npminitwebpackmy_project在本地以默认端口运行npmrundevWebpack下的Vue.js项目文件结构buildconfignode_modulesnode项目所用到

王子的烦恼·2022-04-01 10:58

前端学习笔记十九-MongoDB+Express开发项目知识点

一、密码加密bcrypt哈希加密是单程加密方式：1234=>abcd在加密的密码中加入随机字符串可以增加密码被破解的难度。//导入bcrypt模块constbcrypt=require('bcrypt');//生成随机字符串gen=>generate生成salt盐letsalt=awaitbcrypt.genSalt(10);//使用随机字符串对密码进行加密letpass=awaitbcrypt.

AizawaSayo·2022-02-22 07:29

前端学习笔记-React Hooks-解释辨析

文章目录区分命名类似的ReactAPI与HooksMemoRefContextReduxHooksHooks不能完全替代生命周期区分命名类似的ReactAPI与HooksMemouseMemo()(hook)：缓存计算的结果；也可模拟useCallback；React.memo(FC,checkPropsEqualFn)：为函数式组件添加浅比较缓存功能，对标继承了PureComponent的类组件

科粒·2022-02-21 10:10

厚积薄发前端学习笔记 CSS基础篇-左侧固定，右侧自适应（或右侧固定，左侧自适应）布局方法

这是我们经常可能会遇到到一种布局方法，或者是右侧固定，左侧自适应，下面列出我归纳总结的几种方法，是实际开发中比较常用和实用的几种方法GitHub项目链接写在前面归纳总结了几种比较ok的方法，左右布局是基本功之一，虽然现在我们基本在开发中都会使用类似antd，element，iview这些前端ui框架，这些框架已经把传统的布局样式给封装的很完美了，但是作为前端的css基础，我认为这些也是必须掌握的，

子白青墨·2022-02-16 09:25

前端学习笔记-HTML篇

自学前端也有小半年了，从最开始的一脸懵逼到现在的勉强入门。想来，也该好好总结一下了。前端开发初识1、[编辑器的选择/开发环境介绍]（#one）2、[HTML文档和标签介绍]（#two）3、[如何在HTML使用css、JavaScript]（#three）4、[HTML5的新特性]（#four）一、编辑器的的选择/开发环境介绍前端的编辑器还是比较丰富的，这里列举几个比较主流的编辑器大家可以根据自己的

fuheideMayuyu·2022-02-13 19:33

前端学习笔记_1

安装软件：Vscode使用编辑器：新建文件、文件夹、设置自动保存、字号大小搜索、替换文件搜索、安装插件：openinbrowser.(在默认浏览器中打开网页）使用命令行：pwd打印工作目录(当前位置）ls-a显示当前目录（-a全部显示）mkdir：makedirecttory创建新文件夹(目录）cdwork：进入目录cd：切换目录（changedir）cd..切换到上一级(cd../../../)

之夏夏121·2022-02-11 14:09

前端学习笔记四-HTML5

一、什么是HTML51.1HTML5的概念与定义定义：HTML5定义了HTML标准的最新版本，是对HTML的第五次重大修改，号称下一代的HTML两个概念：是一个新版本的HTML语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指：HTML5、CSS3、javascript,这也是广义上的HTML51.2HTML5拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3特

AizawaSayo·2022-02-07 05:58

Vue3新特性梳理

·2021-10-07 20:31

Web前端学习笔记20：Vue_路由_Vue Router_模块化的分类_babel_webpack_Element-UI

文章目录第一阶段学习1.路由的概念2.前端路由的初体验3.VueRouter简介4.VueRouter的使用步骤(★★★)5.嵌套路由，动态路由的实现方式A.嵌套路由的概念(★★★)B.动态路由匹配(★★★)7.命名路由以及编程式导航A.命名路由：给路由取别名B.编程式导航(★★★)8.实现后台管理案例(★★★)第二阶段学习1.模块化的分类A.浏览器端的模块化B.服务器端的模块化C.ES6模块化2

JasonYangQ·2021-08-17 14:20

3.1 前端学习笔记之XML与HTML、JavaScript、jQuery、AJAX、JSON的区别

文章目录一、XML与HTML前言简介XML与HTML的区别最重要的区别（自我认为）二、官网的英文解释：三、JavaScript四、jQuery五、Ajax六、JSON七、总结一、XML与HTML前言为什么我会突然学XML呢？我在学习用JSP写Web后台的时候，常常会看到“等价的XML语句”、“符合XML标准”等字眼，并且在我新建的JSP项目中也发现有很多的.xml文件，我很想知道这些.xml文件的

ChrisP3616·2021-08-15 15:26

前端学习笔记六-JavaScript基础（1）

一、编程语言1.1计算机语言计算机语言的种类非常的多，总的来说可以分成机器语言，汇编语言和高级语言三大类。实际上计算机最终所执行的都是机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础。1.2编程语言编程语言：可以通过类似于人类语言的“语言”来控制计算机，让计算机为我们做事情，这样的语言就叫做编程语言（ProgrammingLanguage）。编程语言是用来控制计算机的一系列指

AizawaSayo·2021-06-27 01:37

前端学习笔记之--CSS(4)

定位视觉格式化模型，大体上将页面中盒子的排列分为三种方式：常规流浮动：float定位：position定位：手动控制元素在包含块中的精准位置涉及的CSS属性：positionposition属性默认值：static，静态定位（不定位）relative：相对定位absolute：绝对定位fixed：固定定位一个元素，只要position的取值不是static，认为该元素是一个定位元素。定位元素会脱离

Qsir11·2021-06-21 13:45

前端学习笔记七-JavaScript基础（2）

一、运算符（操作符）1.1运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2算数运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。浮点数的精度问题浮点数值的最高精度是17位小数，但在进行算术计算时其精确度远远不如整数。v

AizawaSayo·2021-06-21 08:07

前端学习笔记(九)前端框架之vue工程搭建

前言工欲善其事必先利其器，想把前端的东西学好，首先得有一套趁手的软件工具，因此我们需要准备好前端的工具。nodejsjavascript代码的运行原本需要浏览器引擎去解析和执行，而nodejsjs引擎单独封装成程序从而使js代码解析和执行过程不依赖于浏览器，因此在一定程度上我们可以将nodejs称为前端的"jdk"，在学习前端内容时nodejs已经不可或缺前端工具。npmnpm全称为NodePac

xueshanfeitian·2021-06-19 21:09

HTML笔记一

前端学习笔记--HTMLAllfromw3schoolHTML简介HTML是用来描述网页的一种语言，指的是超文本标记语言（HyperTextMarkupLanguage），不是一种编程语言，而是一种标记语言

Vanessa0111·2021-06-19 21:30

前端学习笔记三十六-Vuex

一、Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的数据共享，提高开发效率C.存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新二、Vuex的基本使用A.安装vuex依赖包npmivuex--saveB.导入

AizawaSayo·2021-06-04 17:48

3 JavaScript 对象与内置对象

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex

Sweet_pin·2021-05-28 11:21

2.4 JavaScript 作用域与预解析

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex

Sweet_pin·2021-05-26 20:51

前端学习笔记の拖拽（一）原生基础篇

前端学习笔记の拖拽（一）#源码地址：https://github.com/WZOnePiece/study-draggable引言：9月开始的半个月，由于项目和一些朋友的询问，我接触了关于前端拖拽的一些问题

迷缘火叶·2021-05-20 02:45

前端学习笔记_jQuery(1)

如何使用jQuery官网下载jquery.js文件引入jquery.js文件咱们来看个小例子：cjj如何找到这个元素呢？//jquery写法$('div')$('#a')$('.b')//js写法vardiv=document.getElementsByTagName('div')[0];vardiv=document.getElementById('a');vardiv=document.get

质真如渝·2021-05-14 23:10

前端学习笔记01

1.c/s和b/s·c/sc/s>>>>>>client/server要求客户端和服务端都要安装软件常用软件：财务、cs游戏（例如LOL、CF等有客户端界面的游戏）·b/sb/s>>>>>>browser/server只要求在服务器端安转软件，客户端只要有浏览器即可。目前的开发主流就是b/s结构2.HTML超文本标记语言(HyperTextMarkupLanguage)注意：1、html不区分大小

碑程·2021-05-13 23:22

前端学习笔记--js实现复制功能

js实现点击按钮，复制文字内容核心原理利用浏览器提供的copy命令，实现复制功能document.execCommand("copy");如果是输入框，可以通过select()方法，选中输入框的文本，然后调用copy命令，复制文本。注意：select()方法只对和有效varobj=document.getElementById("demo");obj.select();document.execC

沧澈·2021-05-12 01:29

前端学习笔记76-表单补充

前端学习笔记76-表单补充inputsubmitbuttonresetbuttoncoloremailautocomplete属性readonly属性disabled属性autofocus属性inputsubmit

学电子的非程序猿·2021-05-09 20:52

前端学习笔记75-表单简介

前端学习笔记75-表单简介form标签文本框提交按钮value属性换行name属性密码框单选按钮checked多选按钮下拉列表当我们办银行卡时，需要填单子(个人信息)，这个叫做表单。

学电子的非程序猿·2021-05-08 21:42

前端学习笔记74-表格的样式

前端学习笔记74-表格的样式宽度边框border-spacingborder-collapse颜色相间td元素宽度首先，table是块元素，但是它有点不同，它的宽度是被内容撑开的，剩下的为margin。

学电子的非程序猿·2021-05-07 21:14

前端学习笔记73-长表格

前端学习笔记73-长表格有些表格很长，就需要长表格，例如银行流水。这种表格分为3个部分，表头thead、主体tbody、底部tfoot。

学电子的非程序猿·2021-05-07 20:49

前端学习笔记68-背景练习

前端学习笔记68-背景练习这个背景练习时两个，背景本身不难，我就不多说了，里面提到了一个图片加载的问题。

学电子的非程序猿·2021-05-06 16:23

前端学习笔记之1 基础语法及标签

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端,增强一下技术能力,等学会点皮毛之后打算接触一下ReactNative;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是简单代码;很基础的东西,看到的小伙伴酌情略过吧_编辑器选择:我用的Mac系统,用的破解版的WebStorm,奉上破解教程;亲测可用1.基础标签+基础语法常用标签hellow

庞仕山·2021-05-06 14:52

前端学习笔记67-背景

前端学习笔记67-背景background-colorbackground-imagebackground-repeatbackground-positionbackground-clipbackground-originbackground-sizebackground-attachmentbackgroundbackground-color

学电子的非程序猿·2021-05-05 21:51

前端学习笔记66-其他的文本样式

前端学习笔记66-其他的文本样式文本修饰处理空白文本修饰样式：text-decoration可选值 none：什么都没有 underline：下划线 overline：上划线此外，还可以设置颜色和样式。

学电子的非程序猿·2021-05-05 17:08

前端学习笔记64-字体的简写属性

前端学习笔记64-字体的简写属性语法1语法2font-weightfont-stylefont可以设置字体相关的所有属性如果我们想设置字体大小和字体族，如何写？

学电子的非程序猿·2021-05-05 16:36

我的前端学习笔记17——基本类型，引用类型

一，问答1，基础类型有哪些？复杂类型有哪些？有什么特征？基础类型：指的是保存在栈内存中的简单数据段。主要包括：数值，布尔值，null，undefined。特征：解释如下图，定义房间一，并在房间一内放入a=1,。然后定义房间二，房间二完全等于房间一。这是将房间一中的a重新复制为2，并不会改变房间二中a=1。复杂类型（引用类型）：指的是保存在堆内存中的对象，变量中保存的实际只是指针，指针执行内存中另一

HARRISKING·2021-05-04 21:49

前端学习笔记之观察者模式

观察者模式也称"发布-订阅"模式,它的作用就是当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，自动刷新对象状态举个生活比较常见常见的例子,比如你去面试之后，面试官看你表现不错，最后会跟你要联系方式，以便之后可以联系你。在这角色扮演当中，你就是“订阅者”，面试官就是“发布者”。那么发布订阅模式是咋实现的呢？思路给定一个发布者面试者将联系方式给发布者发布者的一个列表有各种职位(web端的，

Moorez·2021-05-04 13:22

前端学习笔记50-解决高度塌陷的最终方案

前端学习笔记50-解决高度塌陷的最终方案前面提到的用BFC解决高度塌陷，多少都有点不好，因此用上一节学的clear来解决高度塌陷。

学电子的非程序猿·2021-05-03 13:54

前端学习笔记47-高度塌陷和BFC

前端学习笔记47-高度塌陷和BFC高度塌陷BFC浮动本来是用来设置文字环绕的，但是从前面学的可以看到，我们拿浮动来设置布局。这看着很爽，但是也是有一些问题的。

学电子的非程序猿·2021-05-03 12:03

前端学习笔记之表单

表示建立一个表单，一般表单有许多输入、选择项，有一些按钮，其中有按钮按了能提交表单到服务器。里面一般有下面这些子句可供需要时使用：action=服务器文件名，可能是CGI程序，也可能是ASP、PHP等[服务器端]脚本，如果省略，表示提交给当前的文件method=post|get，选择方法为POST或者GET，他们的区别一是GET会把参数显示在浏览器地址上，二是POST能够提供更多的参数内容。默认为

节操收割者·2021-05-03 02:44

前端学习笔记42-轮廓阴影和圆角

前端学习笔记42-轮廓阴影和圆角轮廓阴影圆角轮廓看两份代码Document.box1{width:100px;height:100px;background-color:#bfa;border:10pxredsolid

学电子的非程序猿·2021-05-01 21:24

推荐频道

【前端学习笔记】