随笔分类 -  前端交流

前端直传oss
摘要：业务 使用oss更能，前端直接上传，可以显示上传进度 首先需要配置oss， 文档中给出了事例 登录OSS管理控制台。 单击Bucket列表，之后单击目标Bucket名称。 单击权限管理 > 跨域设置，在跨域设置区域单击设置。 单击创建规则，配置如下图所示。 解压事例之后，可以在demo体验，采用了P 阅读全文
posted @ 2020-05-25 14:36 Rachid 阅读(2057) 评论(0) 推荐(0)
H5调用摄像头拍照上传
摘要：场景 h5点击唤醒手机摄像头，拍照并上传到oss 方案选择，在网上找了几个案例做了几个demo，首先是没有直接可以用的插件（难受😣） 可选方案 1、getUserMedia API getUserMedia API最初是navigator.getUserMedia，目前已被最新Web标准废除，变更 阅读全文
posted @ 2020-05-25 13:58 Rachid 阅读(15422) 评论(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)
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 阅读(8514) 评论(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 阅读(682) 评论(0) 推荐(0)
去参加了十四届D2前端大会～
摘要：朋友喊我去一起去d2，原来一直在加班，没有想去的动力，后来业务上线，幸运的入手了别人转的一张票（也不便宜啊）～ 讲了五个挑战 端侧渲染体系的重塑，从PC时代到无线时代，再到未来的IOT时代，在渲染方面诞生了很多优秀的技术，RN, Weex, Flutter，小程序体系等。基于底层的渲染思路，Nati 阅读全文
posted @ 2019-12-18 10:56 Rachid 阅读(336) 评论(0) 推荐(0)