codewhy前端学习笔记

Web前端学习笔记——HTML部分

关于HTMLHTML（HyperTextMarkupLanguage）：超文本标记语言。HTML的作用：由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，用于定义页面结构。元素=起始标签+元素内容+结束标签+[标签属性]标签属性=属性名称+属性值；属性分类：全局属性：所有标签通用。局部属性：某些标签所特有的。对于布尔属性，只有两种状态即不写或者取值只能为其属性名。（在HT
是纽扣也是烤奶·2020-10-28 16:45

前端学习笔记day03--CSS样式

前端学习笔记day03–CSS样式一、span和div元素1.spanspan是一种行内元素，没有任何样式。你好在style标签中声明span元素的属性之后，再看h1标签中的字。
m0_38077048·2020-10-19 16:16

前端学习笔记（一）

超大背景图片的自适应1.首先需要在父布局中添加高度htmlbody{height：100%}2.我们在其中设置cssbody{background:url(xxx.png)centercenter;background-size:cover;}3.解释第一个center是图片水平居中，第二center是图片垂直居中cover使整张图片的大小正好覆盖整个body的位置。其中css中有继承机制，当ht
星缘邢·2020-10-11 11:49

我的前端学习笔记5-html+css

知识点总结区任性而为，内容无关1,样式有几种引入方式?link和@import有什么区别CSS：外部引入样式：内部样式：1，内联样式（html元素内部）：段落2，内部样式（位于标签内部）：p{color:black;font-size:55px}JAVASCRIPT：外部引入样式：内部样式：link和@import有什么区别：link和@import写法区别link：可以共用相同文件，减少工作量@
HARRISKING·2020-10-10 06:12

大前端学习笔记 -- NuxtJS项目案例--RealWorld（Nuxt脚手架创建项目、Git Actions自动发布和PM2部署）

NuxtJS项目案例–RealWorld（创建Nuxt项目、GitActions自动发布和PM2部署）文章内容输出来源：大前端高薪训练营一、案例项目realworld介绍1.案例项目介绍案例名称：RealWorld这是一个开源的学习项目，目的就是帮助开发者快速学习新技能。GitHub仓库：https://github.com/gothinkster/realworld在线实例：https://de
爱玲姐姐·2020-09-29 22:02

大前端学习笔记 - 静态站点生成（Gridsome静态站点方案、GraphQL查询数据、Strapi生成接口、自动部署到Vercel）

静态站点生成文章内容输出来源：大前端高薪训练营一、Gridsome基础知识1.Gridsome是什么一个免费、开源、基于VUE.js技术栈的静态网站生成器官方网址：https://gridsome.orgGitHub:https://github.com/gridsome/gridsome2.什么是静态网站生成器静态网站生成器是使用一系列配置、模板以及数据，生成静态HTML文件及相关资源的工具这个
爱玲姐姐·2020-09-29 22:30

大前端学习笔记 -- Vite实现原理

Vite实现原理文章内容输出来源：大前端高薪训练营一、Vite介绍1.Vite概念Vite是一个面向现代浏览器的一个更轻更快的web应用开发工具它基于ECMAScript标准原生模块系统（ESModules）实现2.Vite项目依赖Vite@vue/compiler-sfc3.基础使用viteserve/vitebuild在执行viteserve的时候不需要打包，直接开启一个web服务器，当浏览器
爱玲姐姐·2020-09-29 17:18

Web前端学习笔记——CSS版心和布局流程、清除浮动

版心和布局流程阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。“版心”(可视区)是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200px等。布局流程为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下：1、确
唯恋殊雨·2020-09-17 09:35

数独游戏前端学习笔记及后续解数独方法

学习于默课网学习视频的整理笔记视频老师分享代码库基于我本地已经安装了nmp/node所以只添加了yarn安装yarn:npminstall-gyarn安装成功后，查看版本号yarn--version项目里到这一步我遇到了问题本地安装babel-loader和bable-preset-es2015报错后经度娘是版本问题我把package.json文件里"gulp":"^4.0.0",改成了"gulp
qq_37880655·2020-09-16 02:04

前端学习笔记＜四＞——JavaScript正则表达式

2020.8.20JavaScript正则表达式学习链接：JavaScript正则表达式正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。方括号：查找某个范围内的字符表达式描述[abc]查找方括号之间的任何字符。[^abc]查找任何不在方括号之间的
fanhl111·2020-09-15 13:27

厚积薄发 前端学习笔记 CSS基础篇-水平、垂直居中布局

水平、垂直居中布局是每个前端人必备掌握的基础技能之一，也是各大公司无比常用的面试题之一，可能我们在实践中用不到这么多的方法，但是掌握主流的垂直居中布局方法，是一个前端人的必须的职业素养之一，本文归纳总结了笔者认为比较实用的一些方法，另外一些奇淫技巧不在本文的讨论范围内GitHub项目链接写在前面相关代码我只贴出水平垂直居中的，水平和垂直居中的综合方案代码，水平和垂直居中的分别的代码其实大部分都是融
weixin_33829657·2020-09-15 01:49

20200524前端学习笔记

0525前端第一天笔记1.什么是webWeb是一个简写,worldwideweb,万维网,广域网,互联网Web我们可以理解就是网站2.什么是网站和网页网站是由多个网页和其他文件组成的3.什么是网站的前端和后端4.web前端需要学习的技术htmlcssjavascript5.网页所对应的三个技术html:文本,按钮,超链接,图片,音频,视频…(在网页中是真实存在的,是占位置的)css:给网页起装饰作
国家级摸鱼选手·2020-09-14 10:25

前端学习笔记——cookie存储id实例

将用户信息存储在前端cookie中用户访问网站时，会从cookie中获取信息实现这个过程的三步走：设置获取检测//在cookie中设置id值//exdays为有效期设置，id在这段时间内有效functionsetCookie(idName,idValue,exdays){vard=newDate();d.setTime(d.getTime()+(exdays*24*60*60*1000));//有
K.I.O·2020-09-13 04:46

（web前端学习笔记）CSS基础

CSS基础一、CSS简介1、什么是CSS2、CSS样式概述二、CSS基本语法三、CSS选择器1、标签名选择器派生选择器2、ID选择器3、类选择器4、后代选择器四、CSS的创建1、外部样式表2、内部样式表3、内联样式一、CSS简介1、什么是CSSCSS（CascadingStyleSheets）：层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言。CSS为HTML标记语言提供了一种样式
陌然白·2020-09-12 20:08

（web前端学习笔记）HTML DOM基础

HTMLDOM基础一、DOM简介1.什么是DOM2.什么是HTMLDOM二、HTMLDOM节点1.DOM节点2.HTMLDOM节点树3.节点父、子和同胞三、HTMLDOM对象1.HTMLDOM对象分类2.HTMLDOM常用方法3.HTMLDOM常用属性4.HTMLDOM访问与修改4.1访问4.2修改四、HTMLDOM事件1.HTML事件属性1.1onclick事件：鼠标点击事件1.2onload和
陌然白·2020-09-12 20:08

（web前端学习笔记）HTML基础

HTML基础一、HTML简介1、什么是HTML2、HTML版本3、HTML特点二、HTML基础1、书写规范2、HTML文档=网页3、HTML元素3.1、HTML元素语法：3.2、嵌套的HTML元素3.3、空的HTML元素4、HTML元素VSHTML标签5、HTML属性5.1、HTML全局属性三、HTML标签介绍1、基础标签1.1、声明1.2、、、标签1.3、标签1.4、HTML标题1.5、HTML
陌然白·2020-09-12 20:08

前端学习笔记(一) 初次摸一摸webpack

在公司做了几个月Java后端开发,但近年来前端技术发展喜人,想学Vue.js+Element-UI+ES6+Webpack这些技术。这篇当教程看还不合格，很多地方不详细，知识点在官方教程里，这篇只能当我自己的笔记。目标学习参照网上开源项目做一个后台管理系统的页面。学习人冬冬2018-06-01开始每周记录一点点#《Webpack教程笔记》npm知识可以学习如下教程http://javascript
亚瑟死灵骑士·2020-09-11 18:31

前端学习笔记(三) Javascript 字符串函数 数组函数

Javascript字符串和数组的常用函数总结1.字符串函数2数组函数1.字符串函数/*第一个字符位置为0,第二个字符位置为1返回在指定位置的符*/testCharAt(){conststr="HelloWorld!";leta=str.charAt(0);//Hletb=str.charAt(30);//""console.log(a);console.log(b);},//连接两个或更多字符串
亚瑟死灵骑士·2020-09-11 18:30

【前端学习笔记】React的state和生命周期

参考自：http://react.html.cn/docs/state-and-lifecycle.htmlReact的生命周期：挂载时componentDidMount()钩子在组件输出被渲染到DOM之后运行。适合代码：适合AJAX请求卸载前componentWillUnmount()钩子在组件卸载之前立即调用。适合代码：清理监听器获取对象信息更新组件getDeriveStateFromProp
辰小小·2020-09-11 11:06

【前端学习笔记】React之组件和React.Component

组件类型:函数式组件：functionWelcome(props){returnHello,{props.name};}类组件：classWelcomeextendsReact.Component{render(){returnHello,{this.props.name};}}所有React组件都必须是纯函数，并禁止修改其自身props。在React组件中，代码重用主要通过组合而不是继承来实现。
辰小小·2020-09-11 11:35

【前端学习笔记】将本地项目上传到github

参考自：https://blog.csdn.net/chenyufeng1991/article/details/48930471首先你要有github账号，并且记得用户名密码。第一步：在github上新建repositories，可以建个readme.md文件说明具体项目内容。复制cloneordownload那里的https地址。第二步：在Gitbash界面上进行指令操作。cd你的项目目录gi
辰小小·2020-09-11 11:35

【前端学习笔记】Less初认识

定义Less（LeanerStyleSheets的缩写）是一门向后兼容的CSS扩展语言。用法1，变量@width:10px;@height:@width+10px;#header{width:@width;height:@height;}2，混合.bordered{border-top:dotted1pxblack;border-bottom:solid2pxblack;}#menua{color
辰小小·2020-09-11 11:35

一统江湖的大前端（2）—— Mock.js + Node.js 如何与后端潇洒分手

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
华为云·2020-09-11 08:11

【前端学习笔记】CSS属性position以及各个属性值详解，及清除浮动的方法

position属性值：static，absolute，relative，fixed，sticky{/*全局值*/position:inherit;position:initial;position:unset;}static默认值，文档流中的位置。absolute相对于position的值不为static的第一个祖先元素来定位。123div{height:100px;width:200px;ba
辰小小·2020-09-11 07:57

一统江湖的大前端（2）—— Mock.js + Node.js 如何与后端潇洒分手

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
weixin_34195364·2020-09-11 07:14

3D机房前端学习笔记

本文源代码地址：http://download.csdn.net/detail/jamesplur/9797919实现任务：能够在前端网页中嵌入3D机房模型并实现基本的交互3D基本原理为了实现3D图像的动态展示有三个要点：建立三维场景三维场景包括三维模型、光源、相机三个部分构成。从最简单的情形来说，三维模型由网格（mesh）和材质（material）组成。网格则一般由若干个图元（一般是空间中的三角
JamiePlur·2020-09-11 01:32

前端学习笔记（一）

前端第一节课Document-->第一节课标题标题2标题3段落1段落2标题1标题2标题3123234345列表1[2020.3.27]列表2[2020.3.27]列表3[2020.3.27]列表1[2020.3.27]列表2[2020.3.27]列表3[2020.3.27]标题1摘要1啊实打实的标题1摘要1啊实打实的标题1摘要1啊实打实的>跳转百度-->ID-->ID姓名性别年龄地址1请问男19北
SsiGan·2020-09-10 11:19

JS中的filter,map,reduce函数

今天学Vue的时候，视频里CodeWhy老师讲了filter，map,reduce三个函数的使用。
阿卡卡卡卡不卡·2020-08-26 07:17

重学前端学习笔记（十二）--浏览器工作解析（二）

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、概括本文主要聊聊浏览器如何解析请求回来的HTML代码以及DOM树又是如何构建的。二、解析代码2.
weixin_34393428·2020-08-25 08:26

重学前端学习笔记（二十九）--JavaScript中要不要加分号？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、自动插入分号规则1.1、三条规则要有换行符，且下一个符号是不符合语法的，那么就尝试插入分号。有换
weixin_33948416·2020-08-25 08:57

重学前端学习笔记（三十四）--什么是替换型元素？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、介绍替换型元素，就是链接方式外另一种引入文件的方式。替换型元素是把文件的内容引入，替换掉自身位置
weixin_30835933·2020-08-25 08:06

[原生 js 训练计划] 限制字符串的长度

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新—>原生js训练计划限制字符串的长度限制字符串的长度1
Gavincoder·2020-08-24 23:39

前端学习笔记之3 盒子模型

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是很基础的东西,看到的小伙伴酌情略过吧_盒子模型的概念CSS盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图片如果想要了解更多,请
庞仕山·2020-08-24 20:08

前端学习笔记之——Promise的理解

要实现有序的异步操作，通常是一层加一层嵌套下去。为了解决这个问题，ES6提出了Promise的实现...一Promise对象的含义?Promise对象用于一个异步操作的最终完成（或失败）及其结果值的表示。简单点说，它就是用于处理异步操作的，异步处理成功了就执行成功的操作，异步处理失败了就捕获错误或者停止后续操作。它的一般表示形式为：newPromise(/*executor*/function(r
三玖厨·2020-08-24 18:50

大前端学习笔记-day01-HTML

大前端学习笔记-day01-HTML1.大前端课程体系三要素：HTMLCSSJavascript重构html53天3小时css310天项目驱动，项目内容融入到授课中（网易严选首页）dom驱动阶段linux
那个DJ在看我·2020-08-24 12:44

前端学习笔记之DOM（一）

DOM介绍1.DOM简介1.1什么是DOM1.2DOM树2.获取元素2.1如何获取页面元素2.2根据ID获取2.3根据标签名获取2.4通过HTML5新增的方法获取2.5获取特殊元素（body、html）2.5.1获取body元素2.5.2获取html元素对象3.事件基础3.1事件概述3.2事件三要素3.2.1案例3.3执行事件的步骤3.4常见的鼠标事件3.5分析事件三要素4.操作元素4.1改变元素
一刀^••^·2020-08-23 22:56

前端学习笔记之 JavaScript WebAPIs（整理）

目录篇一一、鼠标事件二、获取元素的属性值三、设置元素的属性值四、移除属性五、H5自定义属性1.设置自定义属性2.获取自定义属性六、节点操作1.两种方法的区别2.节点概述3节点层级3.1获取节点3.2子节点3.3兄弟节点3.4创建节点(也称动态创建元素节点)3.5添加节点篇一本文记录JavaScriptAPI学习笔记，后续备查。一、鼠标事件1、鼠标经过：onmouseover2、鼠标离开：onmou
一刀^••^·2020-08-23 22:24

前端学习笔记-没事多看看

实例把华氏度转换为摄氏度：functiontoCelsius(fahrenheit){return(5/9)*(fahrenheit-32);}document.getElementById("demo").innerHTML=toCelsius(77);一、HtmlW3C教程https://www.w3school.com.cn/html/html_jianjie.aspHTML属性参考手册ht
月球转转转·2020-08-23 21:41

WEB前端学习笔记-JavaScript-DOM

001-DOM编程-获取文本框的value.html获取文本框的value/**1、JavaScript包括三大块：*ECMAScript:JS的核心语法(ES规范/ECMA-262标准)*DOM:DocumentObjectModel(文档对象模型，对网页当中的节点进行增删改的过程*HTML文档被当做一棵DOM树来看待)*BOM：BrowserObjectModel(浏览器对象模型)*关闭浏览器
7i十二·2020-08-23 21:17

web前端学习笔记28-Ajax——用户体验提升者

一、Ajax简介1.1什么是AjaxAjavaScriptaXML，是指一种创建交互式网页应用的网页开发技术，不需要刷新或者跳转页面就可以实现数据通讯。Ajax有同步和异步两种请求方式（不推荐使用同步操作）。【同步与异步】【同步与异步】1.2早期Ajax的应用google地图最先将Ajax应用到极致1.3Ajax的应用场景百度地图类、百度图片类、瀑布流、数据验证、实时数据请求…1.4Ajax的工作
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记26-事件类型——一般事件、页面事件、表单事件

一、事件类型的分类事件分为一般事件、页面事件和表单事件二、一般事件关键字释义关键字释义click单击事件dblclick双击事件mousemove鼠标移动事件mouseover鼠标经过事件mouseout鼠标移出事件mouseenter鼠标进入事件mouseleave鼠标离开事件mouseup鼠标抬起事件mousedown鼠标按下事件keydown键盘按下事件keyup键盘抬起事件keypress
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记27-事件对象

一、事件对象在触发事件的时候，与事件相关的信息存储对象就是事件对象，事件对象在不同的浏览器中体现方式不同。【IE及其他浏览器】事件对象就是window子对象之一，可通过window.event或者event直接访问事件对象【Firefox浏览器】事件对象是以参数的形式传入事件函数的形参当中，接收之后才可以使用事件对象的兼容性处理（函数中使用）vare=window.event?window.eve
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记29-Ajax的应用——兼容性及案例操作

一、Ajax兼容性问题兼容版本信息：['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','']Ajax兼容性问题ie低版本Ajax//
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记01-HTML概述与基础知识1

一、什么是HTMLHTML是用来描述网页的一种超文本标记语言，运行在浏览器上，由浏览器来解析，它不是一种编程语言，而是一种标记语言（标记标签）。HTML文档也叫做web页面，包含HTML标签以及文本内容.二、基本结构第一个网页三、HTML标签HTML标记标签是由尖括号包围的关键词，HTML标签包括双标签与单标签，双标签必须成对出现有闭合标签，即内容四、HTML属性·HTML元素可以设置属性·属性一
喵了个咪蛋儿·2020-08-23 21:08

wenb前端学习笔记25-事件发展历程及操作方式

一、事件对可识别的控件的操作就是事件，在特定时间发生的事情1.1事件流的概念事件执行的流程就是事件流，事件流实际上就是在元素之间可以传递的事件的过程1.2事件流的分类捕获流事件网景公司在Netscape浏览器中提出捕获事件流，事件触发机制是从最外层元素向最内层元素查找事件的来源冒泡流事件微软公司在IE浏览器中提出的事件执行流程，事件由触发事件的第一个元素向外层元素逐渐扩散（从内向外）标准事件流程在
喵了个咪蛋儿·2020-08-23 21:08

web前端学习笔记04-CSS颜色、文本、边框、背景

一、CSS颜色表示法1.颜色名表示，如：red,blue2.16进制数值表示，如：#ff0000红色，这样的也可以简写为#f00，每种颜色取值范围0-9，a-f3.RGB颜色：红R，绿G，蓝B三个颜色通道的变化，参数取值范围0-255background-color:rgb(200,100,0)4.RGBA颜色：红R，绿G，蓝B，透明度A(取值范围0-1)background-color:rgba
喵了个咪蛋儿·2020-08-23 21:08

前端学习笔记-9.3.Nginx

在aws建了一个实例，是linux的。用PuTTY连接实例。用的centos7.4的操作系统想要做nginx的反向代理，正在看nginx。nginx是一款轻量级的HTTP服务器。AWS如何从ec2-user切换rootsudo-s从root切换ec2-userexit一些需要的插件或者环境yum-yinstallgccgcc-c++autoconfpcre-develmakeautomakeyum
我就是小强·2020-08-23 18:53

前端学习笔记-JS-DOM-操作元素

操作元素JavaScript可以改变网页内容、结构和样式，我们可以利用DOM操作元素来改变元素里面的内容、属性等。改变元素内容element.innerTextTitlediv,p{width:300px;height:20px;background:pink;color:white;}点击显示当前时间13//当我们点击了按钮，div里面的文字会显示当前时间//1.获取元素对象varbtn=doc
Nanami Touko·2020-08-23 18:01

前端学习笔记-JS-内置对象(Array/String)

Array对象Array创建数组对象的两种方式字面量方式newArray()//1.使用构造函数创建数组对象//创建了一个空数组vararr=newArray();//创建了一个数组，里面存放了3个字符串vararr=newArray('zs','ls','ww');//创建了一个数组，里面存放了4个数字vararr=newArray(1,2,3,4);​​//2.使用字面量创建数组对象varar
Nanami Touko·2020-08-23 18:30

web前端学习笔记（七）——定位层

定位层的概念：1.定位层是由html元素（标签）形成的一个特殊的box盒子。2.其重点在于“定位”，而html元素（标签）的定位方式由CSS来控制。通常情况下，html元素（标签）默认的定位方式叫做“静态定位”，存在于普通文档流中，而定位层则是指的那些修改了定位方式的box，即非静态定位的box。3.定位层的“定位”需要根据参照对象来实现定位的位置。4.定位层的主要作用是用来实现小范围内容元素的排
齐在·2020-08-23 18:51
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他