zl程序教程

前端基础(一)

  • 【前端就业课 第二阶段】CSS 零基础到实战(04)定位

    【前端就业课 第二阶段】CSS 零基础到实战(04)定位

    若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我,若你是真心学习可以送你书籍,指导你学习,给予你目标方向的学习路线,无套路,博客为证。一、定位定位分为相对定位以及绝对定位。相对定位可以理解为在 HTML 中,元素会依照原有的顺序进行显示,通过相对距离(例如左右距离多少)的方式使这些元素进行位置的显示。绝对定位可以理解为,在 HTML 中,元素并不会按照有序的方式进行排列,需要依靠自身给予的定位

    日期 2023-06-12 10:48:40     
  • Interview: 2020春季中高级前端面试记 | 渐进增强题目甄选(上篇)-react&http基础

    Interview: 2020春季中高级前端面试记 | 渐进增强题目甄选(上篇)-react&http基础

    写在最前面 作为一个练习时长3 年左右的前端练习生,在这个阳春三月开始了漫漫的面试之路,这里分享一下自己的面试经验和遇到的觉得比较一些值得深入讨论和出现 频率极高 的题目,其中有笔误或者不当的地方欢迎朋友指出。 自己的技术栈是:react(16.8+ hooks) + mbox + typescript。 从主要是面的中高级前端的岗位,base: 北京。 面经基础的前端面试题大家应该耳熟能详

    日期 2023-06-12 10:48:40     
  • CSS3 做一个旋转的立体3D正方形 动效核心【前端就业课 第二阶段】CSS 零基础到实战(07)

    CSS3 做一个旋转的立体3D正方形 动效核心【前端就业课 第二阶段】CSS 零基础到实战(07)

    若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我,若你是真心学习可以送你书籍,指导你学习,给予你目标方向的学习路线,无套路,博客为证。一、transform-origintransform-origin 用于更改当前元素的中心点,使元素在根据中心点做一些动效使做出更多的姿态。transform-origin 表示当前元素的基点,使用 transform-origin 可以对目标元素的基点进行设

    日期 2023-06-12 10:48:40     
  • Bootstrap(前端开发框架)——入门基础

    Bootstrap(前端开发框架)——入门基础

    1.什么是Bootstrap?       1.Bootstrap是2011年Twitter团队为了方便维护PC端和手机端二研发的一个响应式前端框架。 2.用于快速开发Web应用程序和网站的前端框架 3.Bootstrap是基于HTML、CSS、JS的,简介灵活,使Web开发更加快捷 4.总结:Bootstrap是一个建立在一个页面,可以在三个中断(PC、平板、手机)上完美战士的响应式前端框

    日期 2023-06-12 10:48:40     
  • 后端 学习 前端 Vue 框架基础知识

    后端 学习 前端 Vue 框架基础知识

    文章目录一、Vue 基础语法学习1、Vue 语法指令2、Vue 实例属性(1)el(2)data(3)methods(4)computed3、事件修饰符4、按键修饰符5、Vue实例的生命周期6、ES6语法的基本使(1)声明变量使用let、const(2)箭头函数的使用(3)模板字符串(4)变量名与参数名一致只写一个二、Vue 组件学习1、Vue 标准开发方式2、组件的好处3、组件的使用(1)全局组

    日期 2023-06-12 10:48:40     
  • 谷粒学院项目实战04——讲师管理模块前端基础(下)

    谷粒学院项目实战04——讲师管理模块前端基础(下)

    讲师管理模块前端基础(下)4.axios5.element-ui6.node.js7.npm8.babel转码器9.模块化9.1 es5的模块化9.2 es6的模块化10.webpack10.1 打包js文件10.2 打包css文件11.vue-admin-template11.1 前端页面搭建11.2 前端框架介绍11.3 前端框架登录问题4.axiosaxios经常与vue配合使用,实现aja

    日期 2023-06-12 10:48:40     
  • 前端基础进阶(十六):ES6常用基础合集

    前端基础进阶(十六):ES6常用基础合集

    变量声明方式 let/const与 var 不同,新的变量声明方式带来了一些不一样的特性,其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。通过 2 个简单的例子来说明这两点。{ let a = 20; } console.log(a); // a is not defined复制而这个简单的例子,会被编译为:{ let _a = 20; } console.log

    日期 2023-06-12 10:48:40     
  • 【架构师(第二十七篇)】前端单元测试框架 Jest 基础知识入门

    【架构师(第二十七篇)】前端单元测试框架 Jest 基础知识入门

    单元测试单元测试其实在我的实际开发中并没有用到过,但却经常听说,接下来进行单元测试的学习Jest 和 Vue Test Utils 的基础和进阶全覆盖TDD,测试驱动开发,一种全新的开发方式测试框架断言Mock异步支持代码覆盖率测试框架 jest 简介特点开箱即用,零配置快内置代码覆盖率容易 mock安装 npm i --save-dev jest复制查看版本npx jest --version

    日期 2023-06-12 10:48:40     
  • 【愚公系列】2023年03月 其他-Web前端基础面试题(JS_33道)

    【愚公系列】2023年03月 其他-Web前端基础面试题(JS_33道)

    文章目录一、JavaScript基础篇1、JavaScript 有几种数据类型2、怎么进行数据类型检测3、 get 请求传参长度的误区4、如何让事件先冒泡后捕获5、说一下事件委托?6、说一下图片的懒加载和预加载?7、mouseover 和 mouseenter 的区别?8、JS 的 new 操作符做了哪些事情?9、改变函数内部 this 指针的指向函数(bind,apply,call 的区别)10

    日期 2023-06-12 10:48:40     
  • 【愚公系列】2023年03月 其他-Web前端基础面试题(JS_高级_47道)

    【愚公系列】2023年03月 其他-Web前端基础面试题(JS_高级_47道)

    文章目录一、JavaScript提升篇1、什么是跨域?2、什么是原型?3、什么是闭包?4、如何防抖?5、TCP的三次握手和四次挥手6、new 操作符原理7、事件委托做了什么8、事件代理是什么9、Eventloop10、 如何实现跨域11、写出原生 Ajax12、暂时性死区是什么,举1-2例说明13、promise解决回调陷阱的链式写法14、Promise对象实现Ajax封装15、简述promise

    日期 2023-06-12 10:48:40     
  • 前端基础-CSS是什么详解编程语言

    前端基础-CSS是什么详解编程语言

    一、 什么是CSS CSS全称Cascading Style Sheet层叠样式表,是专用用来为HTML标签添加样式的。 样式指的是HTML标签的显示效果,比如换行、宽高、颜色等等 层叠属于CSS的三大特性之一,我们将在后续内容中介绍 表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里 二、 为何要用CSS 在没有CSS之前,我们想要修改HTML

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构基础练习(5)——散列

    野生前端的数据结构基础练习(5)——散列

    网上的相关教程非常多,基础知识自行搜索即可。 习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。 参考代码可见:https://github.com/dashnowords/blogs/tree/master/Structure/Hash 散列的基本知识 定义 哈

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构基础练习(3)——链表

    野生前端的数据结构基础练习(3)——链表

    【摘要】 网上的相关教程非常多,基础知识自行搜索即可。习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。 参考代码可见:https://github.com/dashnowords/blogs/tree/master/Structure/List 链表的基本知识 特点:

    日期 2023-06-12 10:48:40     
  • 前端基础之JavaScript

    前端基础之JavaScript

    JavaScript概述  JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套liv

    日期 2023-06-12 10:48:40     
  • 前端面试基础题:请写出至少20个HTML5标签

    前端面试基础题:请写出至少20个HTML5标签

    前端面试基础题:请写出至少20个HTML5标签,参考答案如下: header——标记头部区域的内容(用于整个页面或页面中的一块区域) footer——标

    日期 2023-06-12 10:48:40     
  • Web前端基础知识:IE浏览器中的兼容

    Web前端基础知识:IE浏览器中的兼容

    1)图片有边框BUG 当图片加在IE上会出现边框 Hack:给图片加border:0;或者border:0 none; 2)图片间隙 div中的图片间隙BUG 描述:在div中插入图片时,图片会将

    日期 2023-06-12 10:48:40     
  • 〖大前端 - 基础入门三大核心之JS篇④〗- JavaScript中的数据类型之数字类型

    〖大前端 - 基础入门三大核心之JS篇④〗- JavaScript中的数据类型之数字类型

    当前子专栏 基础入门三大核心篇 是免费开放阶段。推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V!说明:该文属于 大前端全栈架构白宝书专栏࿰

    日期 2023-06-12 10:48:40     
  • 〖大前端 - 基础入门三大核心之JS篇②〗- 掌握 Javascrip 的基础语法

    〖大前端 - 基础入门三大核心之JS篇②〗- 掌握 Javascrip 的基础语法

    当前子专栏 基础入门三大核心篇 是免费开放阶段。推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V!说明:该文属于 大前端全栈架构白宝书专栏࿰

    日期 2023-06-12 10:48:40     
  • 〖大前端 - 基础入门三大核心之 html 篇①〗- 千字文认知前端开发

    〖大前端 - 基础入门三大核心之 html 篇①〗- 千字文认知前端开发

    大家好,我是 哈士奇 ,一位工作了十年的"技术混子", 致力于为开发者赋能的UP主, 目前正在运营着 TFS_CLUB社区。

    日期 2023-06-12 10:48:40     
  • 〖大前端 - 基础入门三大核心之 html 篇⑩〗- 图片标签

    〖大前端 - 基础入门三大核心之 html 篇⑩〗- 图片标签

    大家好,我是 哈士奇 ,一位工作了十年的"技术混子", 致力于为开发者赋能的UP主, 目前正在运营着 TFS_CLUB社区。

    日期 2023-06-12 10:48:40     
  • 〖大前端 - 基础入门三大核心之 html 篇⑭〗- 表单的基本控件(2)

    〖大前端 - 基础入门三大核心之 html 篇⑭〗- 表单的基本控件(2)

    说明:该文属于 大前端全栈架构白宝书专栏,目前阶段免费开放,购买任意白宝书体系化专栏可加入TFS-CLUB 私域社区。福利:加入社区的小伙伴们,除了

    日期 2023-06-12 10:48:40     
  • 〖大前端 - 基础入门三大核心之CSS篇⑳〗- 2D变形

    〖大前端 - 基础入门三大核心之CSS篇⑳〗- 2D变形

    说明:该文属于 大前端全栈架构白宝书专栏,目前阶段免费开放,购买任意白宝书体系化专栏可加入TFS-CLUB 私域社区。福利:除了通过订阅"白宝书系列专栏&

    日期 2023-06-12 10:48:40     
  • 〖大前端 - 基础入门三大核心之CSS篇㉒〗- 过渡属性的基本使用

    〖大前端 - 基础入门三大核心之CSS篇㉒〗- 过渡属性的基本使用

    当前子专栏 基础入门三大核心篇 是免费开放阶段。推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V!说明:该文属于 大前端全栈架构白宝书专栏࿰

    日期 2023-06-12 10:48:40     
  • 〖大前端 - 基础入门三大核心之CSS篇㉓〗- 过渡的缓动效果

    〖大前端 - 基础入门三大核心之CSS篇㉓〗- 过渡的缓动效果

    当前子专栏 基础入门三大核心篇 是免费开放阶段。推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V!说明:该文属于 大前端全栈架构白宝书专栏࿰

    日期 2023-06-12 10:48:40     
  • 前端基础 DOM & BOM

    前端基础 DOM & BOM

    推荐阅读:http://www.cnblogs.com/yuanchenqi/articles/6893904.html#_label3   BOM对象 window 对象 所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可. Window 对象方法 ale

    日期 2023-06-12 10:48:40     
  • 前端基础 & 初识JS(JavaScript)

    前端基础 & 初识JS(JavaScript)

    JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中),后将其改名ScriptEase(客户端执行的语言)。 Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言。Su

    日期 2023-06-12 10:48:40     
  • 字节跳动最爱考的web前端面试题:计算机网络基础

    字节跳动最爱考的web前端面试题:计算机网络基础

    能有大厂面试的机会,绝对要去珍惜,因为他真的可以帮你找出你太多的不足,准确命中你的弱点!还有,一定要善于总结经验,总结面试题,

    日期 2023-06-12 10:48:40     
  • 小白必看!网站前端开发必会基础知识有哪些?

    小白必看!网站前端开发必会基础知识有哪些?

    Web前端开发网页制主要由HTML、CSS、JavaScript三大要素组成。随着企业需求变,前端开发技术的三要素也演变成现今的HTML5、CSS3、jQuery。响应式布局、微网站等是Web前端未来的发展方向

    日期 2023-06-12 10:48:40     
  • Web前端开发JavaScript基础

    Web前端开发JavaScript基础

    JavaScript 代码引入 JS通常有两种引入方式,理论上引入命令在body和head中都可以,但是推荐放在body代码块底部,因为Html代码是从上到下执行,如果Head中的js代码耗时严重,就会导致用户长时间无法看到页面,如果放置在body代码块底部,那么即使js代码耗时严重,也不会影响用户看到页面效果,只是js实现特效慢而已,规范化我们

    日期 2023-06-12 10:48:40     
  • 前端网络基础 - 跨域xhr/fetch

    前端网络基础 - 跨域xhr/fetch

    目录 浏览器的同源策略 如何定义同源 什么是跨域 JSONP跨域 script标签的特点 JSONP实现原理 JSONP的缺点 JSONP的安全问题防护策略 CORS响应头跨域 Access-Control-Allow-Origin 跨域请求的分类 简单跨域请求 非简单跨域请求 对比JSONP跨域 代理服务器跨域 浏

    日期 2023-06-12 10:48:40     
  • 前端网络基础-GET和POST的区别

    前端网络基础-GET和POST的区别

    GET和POST是HTTP协议最常用的两种请求方法。所以我们需要了解它们之间的区别,才能更好,更合适地使用它们。 目录 GET和POST的本质区别是它们的设计初衷 GET和POST在使用上的差异 触发请求的方式 如何携带请求数据? 携带的数据大小是否有限制,限制是多少?

    日期 2023-06-12 10:48:40