随笔分类 -  前端基础

H5调用摄像头拍照上传
摘要：场景 h5点击唤醒手机摄像头，拍照并上传到oss 方案选择，在网上找了几个案例做了几个demo，首先是没有直接可以用的插件（难受😣） 可选方案 1、getUserMedia API getUserMedia API最初是navigator.getUserMedia，目前已被最新Web标准废除，变更 阅读全文
posted @ 2020-05-25 13:58 Rachid 阅读(15423) 评论(0) 推荐(2)
服务器重启，nginx重启失败
摘要：服务改了配置，重启服务器，没有按照正常逻辑关闭ng 重启后，在sbin下 执行 ./nginx -s reload 报错信息 重新指向 nginx.pid 文件 执行 /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf 又报 阅读全文
posted @ 2020-05-19 11:40 Rachid 阅读(1498) 评论(0) 推荐(0)
dependencies 和 devDependencies 区别
摘要：当我们项目需要下载一个模块的时候，我们安装npm包（在项目目录下面npm install module_name）的时候，很多时候我们会在后面加上–save-dev 或 –save。这两个参数代表什么呢？ 初识 相信很多人都会回答 npm install module-name -save 自动把模 阅读全文
posted @ 2020-05-14 15:07 Rachid 阅读(433) 评论(0) 推荐(0)
forEach，map和filter的区别
摘要：forEach遍历数组，参数为一个回调函数，回调函数接收三个参数，当前元素，元素索引，整个数组， forEach 在对 item 进行修改的时候，如果 item 是原始类型的值，item 对应的 的内存地址实际并没有变化， 如果 item 是 引用类型的值，item 对应多的内存地址也没有变化，但是 阅读全文
posted @ 2020-05-08 14:09 Rachid 阅读(2446) 评论(0) 推荐(1)
设置video标签的默认样式
摘要：使用chrome调试，如下图，在setting里勾选框中选项 可以看到video标签的控制栏dom结构，如下图，修改对应的样式即可 //全屏按钮 video::-webkit-media-controls-fullscreen-button { // display: none; } //播放按钮 阅读全文
posted @ 2020-05-07 10:29 Rachid 阅读(8515) 评论(0) 推荐(0)
还不懂移动端适配快看这篇文章
摘要：前言 手机市场日渐丰富的同时，给我们前端开发人员带来的 “网页内容自适应屏幕尺寸进行显示的问题” 也日渐凸显出来，接下来我们就要细说移动端适配的前世今生及方案。 一、为什么要移动端适配？ 一般情况下设计稿的设计师按照 375 的尺寸设计，然而，在现在移动终端（就是手机）快速更新的时代，每个品牌的手机 阅读全文
posted @ 2020-05-05 17:19 Rachid 阅读(364) 评论(0) 推荐(0)
CSS标准盒子模型和IE怪异盒子模型
摘要：CSS中的盒子模型（Box model）分为两种：W3C标准盒子模型和IE标准盒子模型。 大多数的浏览器都采用W3C标准，而IE采用的是IE标准。而怪异模式是指“部分浏览器在支持W3C标准的同时还保留了原先的解析模式”，怪异模式主要表现在IE内核的浏览器中。 通过对比来分析标准模式和怪异模式对于块大 阅读全文
posted @ 2020-05-02 11:45 Rachid 阅读(683) 评论(0) 推荐(0)
npm install 报错
摘要：先出现的是超过最大调用栈问题： npm ERR! Maximum call stack size exceeded 百度之后说给npm降级或者升级 降级 ： npm install -g npm@5.4.0 升级 ： npm install -g npm 升级到最新版 结果降级之后再尝试的时候就直接 阅读全文
posted @ 2020-04-29 19:58 Rachid 阅读(252) 评论(0) 推荐(0)
花里胡哨的JS console.log 使用小技巧
摘要：对于开发者来说，在浏览器上打印信息已经变得越来越普遍，console.log()就像是万能的方案，在你需要定位你的代码中的问题的时候。 我确信，我不是唯一一个在大多数情况下，需要通过在浏览器上打印信息来知道究竟发生了什么的人。🤪 Debugging like being the detective 阅读全文
posted @ 2019-12-25 11:07 Rachid 阅读(937) 评论(0) 推荐(0)
从url输入到前端页面展示
摘要：老生常谈，也有可能在面试里遇到～ 1. 从 URL 输入到页面展现背后发生了什么事？ 2. 一次完整的 HTTP 事务是怎么一个过程？ 3. 浏览器是如何渲染页面的？ 4. 浏览器的内核有哪些？分别有什么代表的浏览器？ 5. 刷新页面，js 请求一般会有哪些地方有缓存处理？ 首先，打开你最常浏览的一 阅读全文
posted @ 2019-12-24 17:49 Rachid 阅读(1098) 评论(0) 推荐(0)
position和BFC
摘要：一、关于position流定位：不能通过left/top属性来进行定位（那用什么定位），上下排列的元素纵向边距会被合并，左右元素横向边距不会合并。浮动定位：脱离文本流，就好像不在父元素中，像是浮在父元素的上方。相对定位：相对自身位置定位，不会脱离文本流，相当于是个参照物，给子代元素作为参照。绝对定位 阅读全文
posted @ 2018-05-26 12:38 Rachid 阅读(295) 评论(0) 推荐(0)
继承
摘要：继承很强大，就问你怕不怕 在网上找到很有趣的一段描述继承关系的文章，好东西大家一起分享不要纠结于那一堆术语了，那除了让你脑筋拧成麻花，真的不能帮你什么。简单粗暴点看原型链吧，想点与代码无关的事，比如人、妖以及人妖。 1）人是人他妈生的，妖是妖他妈生的。人和妖都是对象实例，而人他妈和妖他妈就是原型。原 阅读全文
posted @ 2018-05-25 09:18 Rachid 阅读(237) 评论(3) 推荐(1)
绕不开的this
摘要：犹豫两秒要不要整理this，从红皮书上看了半天，没搞懂哎（弱爆了） 什么是this？this是在执行上下文创建时期创建的一个执行过程中不可改变的变量。执行上下文是指js引擎会将代码执行前需要的变量this提前声明好保存在变量对象中的过程，作用域链也保存在这样类似数组的形式存储在函数中的scope属性 阅读全文
posted @ 2018-05-24 09:13 Rachid 阅读(211) 评论(0) 推荐(1)
js世界这么大，闭包想看看
摘要：什么是闭包，为什么要用他？闭包是能够访问其他函数作用域的函数。我们来分析下句子成分（语文大神），闭包是函数，js函数的作用域分为全局作用域，局部作用域，eval作用域，并没有块级作用域形象的讲，每个函数都是一个小黑屋，能在小黑屋里看到外面的的世界，可是外界不知道小黑屋里是啥情况，如何打开门从小黑屋出 阅读全文
posted @ 2018-05-23 09:15 Rachid 阅读(423) 评论(0) 推荐(0)
js中数组常用方法总结
摘要：前言 从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开始将以前零散的东西整合一下，和各位道友一起提高。 操作数组 印象中数组有很多方法，系统的整理一下，放在自己家里方便回头查~ A 阅读全文
posted @ 2018-05-22 16:12 Rachid 阅读(52267) 评论(9) 推荐(3)