首页
学习
活动
专区
工具
TVP
发布

前端开发与网站建设

专栏作者
17
文章
11785
阅读量
12
订阅数
CSS布局基础(待补充完整)
1 文档流 要了解css的布局,就要先了解什么是文档流。文档流就是HTML元素的一种排列规则。 而正常文档流就是在不用样式控制之下,html元素的默认排版方式。它的规则如下: 自上而下排列,每个块元素独占一行,行内元素自左向右排列,不会独占一行 <div>独占一行</div> 从左向右<span></span><img /> 这是在不使用 样式的请况之下正常排列方式。倘若使用样式改变了某些元素的位置,那么就称为脱离文档流。也正是因为如此,才能有丰富的页面布局方式。否则大家都只是遵循上述两种方
努力的Greatiga
2022-09-26
3570
JavaScript数组Array的基本操作
若是减小,则索引大于改变后 length值的数组项都不存在,返回 undefined
努力的Greatiga
2022-07-25
5640
Date与RegExp常见用法
Date 定义 使用 Date 的构造函数 可以使用 Date.parse() 和 Date.UTC() 来作为参数传入 Date的构造函数中 parse接受的是特定格式的日期字符串,不同的浏览器、不同的时区格式也不同,若字符串不能表示为日期则返回NaN UTC的参数是年、月、日、时等等类推,年月两个参数必须指定,其余不指定则默认为0。另外,参数月份是从0开始至11 var a = new Date(); var b = new Date(Date.parse("May 17,2020")); var
努力的Greatiga
2022-07-25
8330
发布自己的 npm 包
database-config 目录 步骤 创建文件 index.js config.yml 开始使用 完整配置示例 mongodb mysql 下载安装 npm i database-config cnpm i database-config 使用 create 创建一个目录用来存放两个配置文件,以 mongodb 为例 目录结构 mongodb //目录名随意 index.js config.yml index.js 用于加载并导出数据库对象 const myDataBas
努力的Greatiga
2022-07-25
5130
图形学复习
​ 令 \Delta_{1} = 2a,\Delta_{2} = 2(a+b) ;
努力的Greatiga
2022-07-25
1.7K0
开发日志2021/5/30-首页轮播图性能
1 首页性能 1.1 问题 突然发现刚刚开发完成的首页性能损耗较大,通过火狐浏览器调试发现、平均fps降到了35左右。页面已经出现明显卡顿 1.2 查找原因 切换其他页面后,fps恢复到60左右,这说明不是全局变量或者函数的影响 因此问题范围定在了首页 通过火狐性能调试器查看:页面有大量的样式计算和重绘 因为之前首页做了轮播图,所以立马就考虑到是不是轮播的问题 首页轮播图是通过改变optiacty值来做淡入淡出效果的,所以打印了日志,发现轮播一次react组件的更新竟高达200多次。 那么这样一来问题
努力的Greatiga
2022-07-25
4230
一篇文章搞懂浏览器Js事件循环机制
浏览器事件循环机制 前言 在初次入门学习和使用 JavaScript 的过程中,相信遇到过许多程序执行顺序及结果与预期不一致的问题,在查阅资料的过程中了解到原来是程序的执行有同步与异步之分;与此同时也会看到许多有关概念,例如回调函数、执行栈、任务队列、事件循环机制(Event Loop)、宏任务、微任务、Promise(ES6)等等。此时对于一个刚入门不久的小白来说,要理解消化这些概念真的不容易。对于入门不久的我来说也一样,所以写一篇博客记录一下,有关 JavaScript 的运行机制,以及上述的这些概念
努力的Greatiga
2022-07-25
8400
JavaScript高频面试题整理
作用域链 作用域就是程序执行到某一个特定部分时,可以访问这一部分的变量或者函数,这些变量或者函数就组成了一个特定的域,称为作用域。 程序执行会有一个环境栈,从全局环境开始,生成一个全局执行环境的关联对象,该对象拥有全局作用域的所有变量和方法。然后程序继续执行,遇到函数,也会生成该函数的一个关联的环境对象,并且将它压入栈中,此时会根据环境栈生成一个作用链,栈顶(作用域链顶端)也就是当时的函数执行环境对象,查找变量时就可以从作用域链顶端开始一直往后。 每一个执行环境都有一个作用域链,他可以访问作用
努力的Greatiga
2022-07-25
3770
前端小白搭建博客的艰难历程
展示成果的时候,看到同学做的商业级别的前端项目,才发现自己只是刚触碰到前端的冰山一角而已,原来这个方向有这么多东西。
努力的Greatiga
2022-07-25
8080
互联网大厂秋招前端面试题(快收藏!)
前言 目前已经毕业,在去年2020秋招的摸爬滚打中,侥幸收获了几个小offer。最后也很幸运去腾讯实习了一段时间。所以想着把自己经历的大厂前端面试题整理出来,留给需要找实习工作的童鞋们一个参考。 大厂前端秋招面经 包括腾讯区域研发、字节跳动、腾讯日常实习、小米的前端面经 (一)腾讯区域研发前端 一面 自我介绍 介绍一下你最难的项目 谈谈对 vue 和 react 的理解,以及他们的区别 vue 常用指令说一下 父子组件传值?多个组件共享状态?有什么更好的处理方法?(vuex或者其他状态管理解决方
努力的Greatiga
2022-07-25
6280
CSS元素选择器及其优先算法
CSS 选择器 这一块可以说是很基础了,只有用选择器选中元素,才能使样式生效 元素选择器(标签选择器) 直接选中原生 html 标签名,该选择器可以说是优先级最低的了,在没有其它类型选择器时才会考虑它 div { width: 100px; height: 50px; } id选择器 选中标签定义的 id 名字,该选择器高于类选择器但是低于内联样式 #great { width: 100px; height: 50px; } class选择器 选中标签中定义的 class
努力的Greatiga
2022-07-25
8370
了解JavaScript对象的特殊属性
看实例,允许直接通过该方法定义属性并直接指定对应的特殊值,若没指定的特殊值则按false ,要想让默认值为 true,需要用字面量或 new Object() 来创建
努力的Greatiga
2022-07-25
6580
前端猿要了解的基本浏览器(BOM)知识
window 对象 全局作用域 这个不用多讲,前面已经接触过,所有在全局作用域定义的变量都会被当做 window 对象的属性,同时 Global 对象也是基于 window 对象的。 需要注意的是,一般定义变量时,这个变量的四个数据属性都默认为 true(这个前面面向对象那里讲过),所以都是可以删除或者修改的。**可是不一样的地方就在全局作用域,在此作用域下定义的变量的数据属性之一 [[Configurable]]**默认为 false,这就导致无法删除,强行使用 delete 是无效的,在 IE9
努力的Greatiga
2022-07-25
8300
DOM事件基本概念大总结(前端必备)
事件流 这一概念源自于对事件触发对象的思考。例如常见的点击事件,鼠标移动事件。这些事件发生之时,往往不只是点击或者移动到某一特定元素上。 比如点击某一个按钮,而它是由上一层的父标签,或许在上一层还有父标签甚至是整个页面。因此点击一个元素可以看成是同时点击了父标签或者整个页面。那么此时事件应该怎么响应到指定标签呢? 事件冒泡 即事件从指定元素开始传播到最外层的元素,并且该事件不仅会在指定元素上发生,还会在传播过过程中的每一个元素上发生。 <html> <body> <div>
努力的Greatiga
2022-07-25
1.8K0
程序员必须掌握的HTTP基本知识
HTTP 请求报文的构成 (GET/POST..) (/index) HTTP/1.1 协议 资源地址 http版本 (HOST: tzwlink.xyz) 域名 (userName=gre&age=21) 请求内容 例如 GET /blogart HTTP/1.1 HOST: tzwlink.xyz Connection: keep-alive name=great&age=21 响应报文的构成 (HTTP/1.1) (20
努力的Greatiga
2022-07-25
1980
JavaScript面向对象的程序设计
工厂模式 由于 ES6 之前没有 class 概念,所以使用函数来封装的,工程模式采用最直接的传入参数创建对象并赋值,然后返回对象的方式 function Great(name,age) { var o = new Object(); o.name = name; o.age = age; o.getName = function() { return this.name; } return o; } var g1 = Great('link',21); consol
努力的Greatiga
2022-07-25
2280
webpack学习之旅-01节
前言 为什么突然想认真学一下webpack? 1 理解框架的需要 目前主流框架 Vue、React等都基于此,因此学一下基本使用时必要的 2 新框架开发需要 最近打算开发一个基于 html5、canvas 的小框架,涉及到页面频繁调试、浏览器兼容等;另外,开发过程中经常使用 import、ES6。如果直接基于 html + js + css来开发,那么效率很低还要处理很多兼容问题。 我们可以看到 webpack 的优势 随意使用 import、ES6: 通过打包注入 html 即可, 使
努力的Greatiga
2022-07-25
2160
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档