前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >web前端学习/工作笔记(十二)

web前端学习/工作笔记(十二)

作者头像
kiki.
发布2022-10-25 15:15:23
2030
发布2022-10-25 15:15:23
举报
文章被收录于专栏:web全栈之路web全栈之路
  1. “target和currentTarget的区别是: target:触发事件的元素。currentTarget:事件绑定的元素
  2. linux文件保存
代码语言:javascript
复制
wq:表示保存退出
wq!:表示强制保存退出
:q在vim中表示退出,如果有修改会提示
:q!表示强制不保存退出,不提示
  1. 前端设计模式
代码语言:javascript
复制
工厂模式:1.构造场景较多2.构造函数较复杂
单例:全局对象单一
基础架构和程序架构
函数式架构最高境界:用函数描述程序
  1. nginx
代码语言:javascript
复制
rewrite ^/(.*) /act/smbkit1-PC last:继续匹配
rewrite xxx redirect/permanent  改变url
proxy_pass 后面的代码也会执行,可以加break终止执行
proxy_pass后可以跟market_node,rewrite后是真正的地址
return一般跟着状态码

pc和移动端相互跳转:
location = /act/smbkit1-PC {
        proxy_set_header        X-Forwarded-Protocol  $scheme;
        proxy_set_header        Host            $host;
        proxy_set_header        X-Real-IP       $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;

        if ($http_user_agent !~* "(mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)") {
            proxy_pass  http://market_node;
            break;
        }
        rewrite ^(.*) https://market.cloud.tencent.com/act/smbkit1-H5 redirect;
}

location = /act/smbkit1-H5 {
        proxy_set_header        X-Forwarded-Protocol  $scheme;
        proxy_set_header        Host            $host;
        proxy_set_header        X-Real-IP       $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;

        if ($http_user_agent ~* "(mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)") {
             proxy_pass  http://market_node;
             break;
        }
        rewrite ^(.*) https://market.cloud.tencent.com/act/smbkit1-PC redirect;
}
  1. Error: Permission denied @ apply2files - /usr/local/lib/docker/cli-plugins
代码语言:javascript
复制
Solution
sudo chown -R $(whoami) $(brew --prefix)/*
  1. egg domainWhiteList的匹配规格,全等或以白名单为后缀则视为可信域名 cloud.tencent.com
  2. nginx不要随便删日志,如果删日志,要在服务停了之后,否则文件句柄还在 如果误删:
代码语言:javascript
复制
1. killall nginx 
./nginx -s reload  重启即可
或者2. 新建对应缺失的log目录,nginx.pid是 nginx 进程master对应的id号,创建文件写进去即可
  1. 本机多环境配置(whistle,可以理解为浏览器里的host配置):
代码语言:javascript
复制
比如:
测试环境:
1.w2 start
2. 开启右上角proxy
3. 打开https://market.cloud.tencent.com/ 

其他环境:打开新的无痕窗口或者开启别的浏览器,走电脑的host配置,通过switchhost切换
  1. git有冲突可以abort: git merge --abort
  2. 根域名访问cos桶,需要cos桶开启静态网站访问
  3. npm引入React Hooks轮子库报错Minified React error#321的解决方法: https://zhuanlan.zhihu.com/p/93773786
  4. git命令获取增量和修改的文件
代码语言:javascript
复制
git diff --name-only --diff-filter=ACMR  HEAD~ HEAD
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-10-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档