![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端开发
文章平均质量分 93
老帅比阿
这个作者很懒,什么都没留下…
展开
-
一、翻越前端的三座大山——继承/原型链
这是一篇详细介绍Javascript中原型和继承的内容,从里到外透析继承在Javascript中的秘密,文中会参杂一些常见有关继承的面试题目,耐心看完相信会有收获。这是一个比较抽象的概念。在Javascript中的各种官方定义好的对象如,Object和Function等其实都是由一个源对象创建出来的,这是所有数据对象的起源,我们自己定义的构造函数等其实本质上都来源于这个源对象。首先我们要明白为什么要有原型链。我们的原型之所以重要,很重要一点是每个实例都会继承原型的属性,重点在于继承这个功能。原创 2022-11-17 19:58:10 · 544 阅读 · 1 评论 -
跨域?同源?一次搞懂什么是跨域
其实在我们用ajax传输数据时,很多时候都是在做跨域请求,如果没租过服务器的小伙伴可能没去捣鼓过这东西是什么。跨域其实在我们前后端数据交互非常常见,但是现在的模块化时代,一般我们不怎么会接触到跨域问题,因为很多事API已经帮我们解决了。接下来我就给大家好好捋清跨域是怎么回事。在先介绍跨域之前我觉得必须先普及同源策略的概念。什么是同源?如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源。例如,下表给出了相对于http://www.test com/index.html页面的同源检测:为了防原创 2022-07-01 22:31:55 · 1213 阅读 · 0 评论 -
一文带你解决Ajax!
Ajax应该是我们前后端交互的第一节,所以其重要性可想而知。而且事实上Ajax在实际开发中也是非常常用。并且Ajax这个知识点不难,本文会从源头和你步步刨析Ajax,最后动手实现一个简易版的Ajax轮子。首先我们来明确什么是客户端和服务器。其实这个很简单,比如我们的上网搜索的电脑就是客户端,客户端是用来获取服务器的数据的,我们在百度搜索内容是,百度的页面数据其实都是百度公司的服务器发来我们页面的。而获取数据这个过程,这就是用Ajax来完成。在此之前,我们需要把一些基础知识进行介绍,以免后边看得时候会一脸懵原创 2022-06-29 23:14:59 · 360 阅读 · 0 评论 -
六、React(Component)
文章目录前言一、component基础二、Component 的组合运用总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、component基础安装bootstrap库:npm i bootstrapbootstrap的引入方式:import 'bootstrap/dist/css/bootstrap.css';创建原创 2022-05-28 10:25:34 · 2191 阅读 · 0 评论 -
五、React(环境配置和ES6语法糖)
文章目录一、React是什么?二、React能用来做什么?三、配置环境四、ES6语法糖总结一、React是什么?React 是一个开源 JavaScript 库,用于专门为单页应用程序构建用户界面。它用于处理 Web 和移动应用程序的视图层,允许我们创建可重用的 UI 组件。二、React能用来做什么?React 非常灵活。你学会了React,你就可以在各种各样的平台上使用它来构建高质量的用户界面。React 是一个库,而不是一个框架。它的库方法使 React 发展成为如此出色的工具。上面说了一原创 2022-05-22 21:39:47 · 454 阅读 · 0 评论 -
超好玩的前端小项目(简单易做)
文章目录前言一、静态页面的构建二、JS动态操作1.创造对象2.用画布画出全部的内容3.碰撞检测总结成果展示前言刚刚学完前端三件套,做一个小项目来试验一下成果,这个项目适合新手入门,非常容易,而且很有意思hhh。先在这里说了,需要的前置知识是基础的html和css还有js,这里面用到了canvas画布的功能,很多动画都是在画布上完成的,如果不懂的话,先去学一下在来吧。一、静态页面的构建首先让我们建出一个这么页面,相信对于学过css的同学来说都是小菜一碟吧。这里我说两点,第一,这里的查看规则是可原创 2022-02-17 16:44:20 · 6978 阅读 · 10 评论 -
四、JS常用API和库
文章目录前言一、JQuery二、使用步骤1.引入库2.读入数据总结前言在我们开发项目时,会用到JS中有许多的API,文章记录下常见的一些库函数,比如JQuery,JSON,canvas等内容。一、JQuery使用方式在<head>元素中添加:<script src="static/JS/jquery.min.js"></script>按jQuery官网提示下载选择器$(selector),例如:$('div');$('.big-div');$('原创 2022-05-07 14:29:54 · 214 阅读 · 0 评论 -
三、JS入门语法基础
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、JS的调用方式与执行顺序二、变量与运算符三、输入与输出四、判断语句五、循环语句六、 对象七、 数组八、函数九、类十、常用事件总结前言记录JS入门基础知识点。一、JS的调用方式与执行顺序使用方式HTML页面中的任意位置加上<script type="module"></script>标签即可。常见使用方式有以下几种:直接在``标签内写JS代码。 直接引入文件:<script .原创 2022-05-06 13:45:29 · 1250 阅读 · 4 评论 -
二、CSS基础
文章目录前言一 样式定义方式行内样式表(inline style sheet)内部样式表(internal style sheet)外部样式表(external style sheet)二、选择器标签选择器ID选择器类选择器伪类选择器链接伪类选择器:位置伪类选择器:复合选择器通配符选择器伪元素选择器样式渲染优先级三、颜色预定义的颜色值16进制表示法RGB表示法RGBA表示法取色方式总结前言CSS基础内容一 样式定义方式行内样式表(inline style sheet)直接定义在标签的style属性原创 2022-05-02 14:30:40 · 179 阅读 · 0 评论 -
一、HTML基础标签
文章目录前言一、HTML文件结构二、HTML文本标签三、HTML图片标签四、HTML音频与视频标签五、HTML超链接标签六、HTML表单标签七、HTML列表标签八、HTML表格标签九、HTML语义标签十、HTML特殊符号总结前言HTML基础标签一、HTML文件结构文档结构html的所有标签为树形结构。<html>标签HTML<html> 元素 表示一个 HTML 文档的根(顶级元素),所以它也被称为根元素。所有其他元素必须是此元素的后代。<head>标签原创 2022-04-27 14:07:06 · 510 阅读 · 8 评论