前端大杂烩
关注
分享
扫一扫
文章平均质量分 53
大概一个前端菜鸟的进阶之路？
达瓦利什
每天学习亿点点
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
一直都在用的rgba与hex颜色系统你了解过吗？
rgb与rgbargb(255,255,255)rgb色彩模式是工业界的一种颜色标准，是通过对红®、绿(G)、蓝(B)三个颜色通道 的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是运用最广的颜色系统 之一。（摘自百度百科）rgba(255,255,255,0.3)rgba即在rgb的基础上新增最后一位代表透明度，范围为0 - 1，小数点后保留两位。hex#FFFFFF简单来说hex就是将rgb或r原创 2022-04-25 22:48:58 · 4795 阅读 · 0 评论 -
如何优雅的手写a,b,c三兄弟
apply,bind,call实现思想：皆是通过给目标对象赋值一个临时属性来改变this指向。注意事项：- 使用globalThis代替window...原创 2022-01-23 17:49:05 · 656 阅读 · 0 评论 -
跨域与同源策略
跨域是浏览器的行为，限制了浏览器中资源对资源的访问，和http协议没有关系同源策略协议/主机/端口号都相同被视为同一源。同源策略限制了什么？cookie，session，localStorage,indexDB无法读取Dom对象不能获取XML，fetch不能发送如何解决跨域？CORS使用额外的http请求头来告诉浏览器，让运行在一个origin上的web应用准许被跨域访问。当发生CORS跨域请求时，浏览器会发出一个Options的预检(Preflight)请求，preflight请求原创 2022-01-21 20:28:04 · 2633 阅读 · 0 评论 -
聊一聊浏览器对html的渲染过程
大体来说，浏览器渲染过程为：1. 浏览器接收到一个html文档，渲染引擎会立即解析它，并将其html元素生成对应的DOM节点，组成一个”DOM树“。2. 浏览器解析来自CSS文件和html中内联的样式，然后根据这些样式信息生成css对象模型树(CSSOM tree),接着和上一步创建的DOM树合并为一个“渲染树“。3. 浏览器引擎根据渲染树计算出每个节点在其屏幕上应该出现的精确位置，并分配这组坐标，这样的过程称为“布局”，也称为“自动重排”。4. 浏览器遍历渲染树，调用每一个节点的pain原创 2022-01-15 21:24:58 · 1400 阅读 · 1 评论 -
我肝了两周，写了一个小说阅读app
起始这学期有一门《Android开发与实战》，期末作业是让自己动手做一个app，刚好我还是比较喜欢看小说的，所以就准备写小说阅读器。app介绍app名字叫做originBook，简单来说，它的功能就是把浏览器上的盗版小说去一下广告，加入了分页阅读，黑暗模式，字体调节等功能，以大多数人更舒服的方式去阅读。浏览器中阅读：originBook优化后：章节页:黑暗模式：下载该项目为开源项目github地址android下载地址由于我没有苹果手机，所以虽然reactNative是跨平原创 2021-11-05 22:04:35 · 3021 阅读 · 0 评论 -
Fetch
原生Fetchfetch是基于Promise设计的，fetch是原生的，与XML同一级别。fetch符合关注分离。 语法简介原生fetch缺点(原生fetch非常拉跨，不建议使用)1）fetch只对网络请求报错，对400，500都当做成功的请求，服务器返回 400，500 错误码时并不会 reject，只有网络错误这些导致请求不能完成时，fetch 才会被 reject。2）fetch默认不会带cookie，需要添加配置项： fetch(url, {credentials: ‘include’原创 2021-08-08 16:31:22 · 343 阅读 · 2 评论 -
你真的理解 == 吗？
== 与 ===我们都知道两者区别在于，检查值是否相等，而=检查值和类型是否相等。更精确点就是==检查的是允许类型转换情况下的值的相等性，===检查不允许类型转换情况下的值的相等性。== 类型转换细节我总结了==中几点重要的特例，如果想看全部细节可以到 es5规范 11.9.3。对于x == y来说当x，y类型相等时，x == y 与 x === y没有区别。模糊了null和undefined,即 null == undefined 结果为true。当x为Boolean时，会将x转为Nu原创 2021-08-05 10:05:22 · 117 阅读 · 0 评论 -
typescript接口与继承 初认知
接口在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。基本使用//可选属性 可以对可能存在的属性进行预定义 interface SquareConfig { color?: string; width?: number; } let mySquare = createSquare({color: "black"}); //如果不使用可选属性会报错 缺少width//只读属性 一些对象属性只能在对象刚刚创建的时候修改其值。 interf原创 2021-08-03 21:58:50 · 306 阅读 · 0 评论 -
typescript基础类型与类型注释 初认知
基础类型://boolean 布尔 let isDone: boolean = false;//string 字符串 let name: string = "bob";//number 数字 let decLiteral: number = 6;//数组有两种方式可以定义数组。 //第一种，可以在元素类型后面接上 []，表示由此类型元素组成的一个数组： let list:number[] =[1,2,3]; let list:Array<number> = [1,2,3原创 2021-08-02 09:53:05 · 222 阅读 · 0 评论 -
完爆默认样式，好看的select下拉框（带搜索功能）
标配版豪华搜索版这个是利用input框和ul来实现一个下拉框的效果。具体代码如下不带搜索：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .selectBox{ width: 300px; height: 36px; line-heig原创 2020-11-15 08:47:13 · 6406 阅读 · 3 评论 -
es6小结
es6的学习let和constlet只在所在let命令的代码块里有效（即let所在的块级作用域{}），同时注意let要先声明，在使用。const即声明常量，一旦声明，值就不能再改变。const的作用域与let命令相同：只在声明所在的块级作用域内有效。数组的赋值现在es6允许这样进行赋值数组let [a, b, c] = [1, 2, 3];`下面是一些使用嵌套数组进行解构的例子。let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar原创 2020-09-08 19:39:31 · 232 阅读 · 0 评论 -
jq 用val()获取input的值无效
用id获取input标签，取不到该input的value值，用改标签的name属性就可以。4个下面这种input，懒得复制了，就贴一个。<input id="popup_email_add" name="email" placeholder="输入邮箱">这个是使用id获取然后val(),只能取第一个的value，剩下3个都是undefined。function user_add(){ let Arr=[], userName=$('#popup_user_ad原创 2020-07-29 22:07:16 · 2077 阅读 · 2 评论 -
项目遇到的问题
写项目遇到的问题http报405错误，REquest method ‘GET’ not supported ，明明使用的为post类型，且接口要求也为post类型。我的原因是接口要求content-type为application/json; charset=utf-8。但我使用默认的application/x-www-form-urlencoded。还有ajax数据转换的问题，data:JSON.stringify({ userName: us, password: ps, }),可以原创 2020-07-18 22:44:44 · 135 阅读 · 0 评论 -
服务器部署（把静态网页放到网上）《二》
如何把静态网页放到公网上（windows版）一 购买服务器个人推荐在阿里云购买，进入阿里云官网扫码登录后搜索云服务器ECS（腾讯后面是 CVM），然后挑选购买，如果你是在校生的话可以享受优惠（点这个），买完之后大概是这样，然后勾选服务器点击重置实例密码，修改密码。之后再修改安全组点击配置规则加入下面三个二 远程连接服务器windows可以使用自带的附件连接在里面输入控制台的公共ip地址，然后点击显示选项进入到下图用户名默认为administrator，点击连接输入密码即可，（可能会出现提示，直接y原创 2020-05-21 00:37:45 · 2055 阅读 · 2 评论 -
服务器部署（一）
服务器部署今天是第一天接触有关云服务器这一方面的东西，刚开始感觉应该会非常简单，结果越看越懵逼，越看越难受，我也在网上找了很多有关的文章，但非常多的都是这说一点，那说一点，越看越迷糊，而且大部分都是Linux的，关于window的就非常的少还不容易看懂（可能是我没找到大佬的）。今日进度在学长的推荐下我选择了阿里云的云服务器，然后一顿操作之后终于成功的远程连接上服务器了，再根据众多教程，下一步就是配置环境（java等都可以），下载apache，还有mysql，但我的MySQL网站打不开，所有还没有下载。原创 2020-05-19 23:45:38 · 364 阅读 · 0 评论 -
css兄弟选择器+，~
css兄弟选择器+与~相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。有+和~两种，如(.h1+p和.h1 ~p)。两者区别是+只选择后面的一个p元素。而 ~选择后面所有的p元素。+：<!DOCTYPE html><html lang="en"><head> <met...原创 2019-12-16 09:44:03 · 304 阅读 · 0 评论