JustYeh的前端博客

利用字体解决chrome自动填充
浏览器保存密码有时会导致一些奇葩问题,只要你的表单里面有了 input="password",就会使本该填写其他内容的地方浏览器自作主张的给你填上了帐号、密码。 解决这个问题的关键是屏蔽 input="password"的影响,网上也有许多解决方案,但目前没有遇到一个能完美兼容的。 <!-- 设置autocomplete --> <inpu

2019-11-28

git stash的使用
应用场景 场景一:你现在正在dev开发一个新功能,代码写了很多,突然测试找到你,说线上的代码出现问题了,需要你紧急修复。这时就有一个问题摆在你面前了,新写的代码怎么处理?丢掉当然是不现实的,但是直接提交的话,首先功能没写完直接push会给其他开发人员造成“困扰”,再者本次提交还会污染现有的commit信息,造成杂乱的时间线。这时可以用git stash命令将修改的内容保存至堆栈区,然后顺利切换到h

2019-09-29

前端redis入门
认识一下Redis Redis本质上是一种键值内存数据库,但它在保持键值数据库简单快捷特点的同时,又吸收了部分关系数据库的优点,从而使它的位置处于关系数据库和键值数据库之间。 Redis被很多系统所使用它是由以下几个原因的。 读写非常快。Redis每秒可执行大约110000次的设置(SET)操作,每秒大约可执行81000次的读取/获取(GET)操作,这是非常大的亮点。 可以支持存储多种数据结构

2019-08-29

7个有用的Vue开发技巧
1状态共享 随着组件的细化,就会遇到多组件状态共享的情况,Vuex当然可以解决这类问题,不过就像Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是vue.js 2.6新增加的Observable API ,通过使用这个api我们可以应对一些简单的跨组件数据状态共享的情况。 如下这个例子,我们将在组件外创建一个store,然后在App.vue组件里面使用st

2019-07-30

【转载】用微前端的方式搭建类单页应用
原文链接https://tech.meituan.com/2018/09/06/fe-tiny-spa.html 另一个前端微服务解决方案https://single-spa.js.org/ 前言 微前端由ThoughtWorks 2016年提出,将后端微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 美团已经是一家拥有几万人规模的大型互联网公司

2019-07-11

使用puppeteer做爬虫的一次实践
这段时间迷上了一本漫画ヽ(✿゚▽゚)ノ,百度了一番,一直没有找到下载的资源,只找到几个可以在线观看的网站,不过网站的观看体验是在太差,小广告飘啊飘的(ノへ ̄、),于是决定把它给爬下来放在本地观看。 nodegrass + cheerio 在这之前我有过写爬虫的体验(使用 nodejs 做爬虫来爬取一本小说),按照以前的经验,选定一个网站就开始操作了,经过漫长下载(5000+张图片)终于完成,结

2019-07-09

一道面试题(关于输出结果)
今天划水的时候看到一个面试题,比较有意思,记录一下。 题目 function Foo() { getName = function() { console.log("1"); }; return this; } Foo.getName = function() { console.log("2"); };

2019-06-11

使用Cloudflare隐藏网站真实IP
果真是6月运维节,这几天大量网友反映IP被封,我的搬瓦工也不幸中招。在v2ex上了解到可以通过使用Cloudflare来解决此问题,记录一下过程。 关于cloudflare cloudflare是一家国外的 CDN 加速服务商,提供免费和付费的加速和网站保护服务,国内用户使用此服务后有可能网站加载变得更慢,但至少目前,cloudflare是一个有效并且免费的解决方案。 教程 注册 浏览器输入c
使用Charles做本地映射调试线上程序
使用Charles做本地映射,使用本地文件调试线上程序的教程 适用场景 某些情况下,因为缺失本地环境,又需要对线上的部分文件进行调试,直接修改线上文件有风险,下载、修改、测试、上传一套流程走下来会拖慢进度,这时,我们就可以使用本地映射了。 注意 使用Charles时记得关掉浏览器的代理插件,类似Proxy SwitchyOmega之类的工具,否则会导致Charles捕获请求失败。 使用 设置本

2019-05-25

前端小脚本
批量删除微博 document .querySelectorAll(".WB_feed.WB_feed_v3.WB_feed_v4 >div[mid]") .forEach((nodeItem, index) => { setTimeout(async () => { try {

2019-07-02

github项目收藏
记录我start的一些项目,并做简要的说明 工具 pty.js 返回一个支持读、写的虚拟终端(terminal),结合webscoket可以实现web终端的工具 https://github.com/chjj/pty.js shelljs 这个库能够让我们在js文件中执行shell命令,借住它可以轻松实现自动化部署 //局部模式 var shell = require('shelljs

2019-07-02

git常用命令
记录比较常用但是容易忘记的git命令 远程仓库和本地仓库建立关联 git remote add origin `[email protected]:justyeh/www.justyeh.top.git`强制使用远程仓库覆盖本地 git fetch --all && git reset --hard origin/master && git pullgit check

2019-05-31

[转]前端开发掌握nginx常用功能之rewrite
掌握请求的匹配规则算是对nginx有了入门,但是这些往往还是不能满足实际的需求场景,例如请求url重写、重定向等等,这都需要对请求的path进行修改操作的,匹配规则是不能独自完成实际需求的,这就需要掌握nginx的另一个常用功能rewrite,下面就来说说这个常用功能。 Rewrite规则 rewrite功能就是,使用nginx提供的全局变量或自己设置的变量,结合正则表达式和标志位实现url重

2019-04-18

Vue项目history模式下微信分享总结
每回遇到微信分享都是一个坑,目前的商城项目使用Vue开发,采用history的路由模式,配置微信分享又遇到了很多问题,最后终于解决了,现将解决的过程分享一下。 技术要点 Vue,history模式 常见问题及说明 debug模式下报false 这个没得说,就是调用wx.config方法的参数错误造成的,请确认以下事项: 是否成功绑定了域名(域名校验文件要能被访问到) 使用最新的js-sdk文

2019-07-02

[转载]深入研究-webkit-overflow-scrolling:touch及ios滚动
转载自https://www.cnblogs.com/xiahj/p/8036419.html 1. -webkit-overflow-scrolling:touch是什么? MDN上是这样定义的: -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。 touch: 使用具有回弹效

2019-07-02