welcome to my blog
随笔:133 文章:0 评论:21 引用:0

置顶随笔

摘要: 前言 虽然进入前端这个行业时间不长,但也不再是纯小白了(技术依然菜鸡,路漫漫其修远兮) 写这篇文章的初衷是因为身边偶尔会有朋友跟我说对前端感兴趣,想要入坑,怎样入门等等。。。 一般我会问一个问题,你为什么入坑?因为工资高?福利待遇好?别人都说好?还是自己感兴趣? 这个问题很重要,如果你对这个行业只是阅读全文
posted @ 2019-05-06 14:15 你不知道的巨蟹 阅读(81) 评论(0) 编辑
 
摘要: 以前,如果想建立一个自己的网站,需要买域名,买存储空间,对个人来说维护成本比较高。 并且很多人只是想有一个网页展示自己的作品或者展示个人的简历。 在github越来越成熟的现在,直接使用github托管代码,就能实现上述需求。 具体实现步骤1: 首先要去github官网注册一个账号:http://b阅读全文
posted @ 2019-04-12 10:51 你不知道的巨蟹 阅读(88) 评论(0) 编辑
 
摘要: 最近有一个需求,是让我把一个效果优化一下。这个效果是页面加载完后,会有一个向上滑动的文字提示动画效果,如下图 注:下面的例子我都会附上完整demo,以供有需要的小伙伴测试和借鉴 之前是后台同事用 JS 实现的,代码如下: 然后,我用纯 CSS3 做了优化,代码如下: 后来有一个需求是,当用户向上滑动阅读全文
posted @ 2018-12-12 22:52 你不知道的巨蟹 阅读(54) 评论(0) 编辑
 
摘要: 用过mui的小伙伴们一定不会陌生,有时候真的很烦mui本身会阻止a标签默认跳转。一般只要用了mui的ui组件,比如头部,底部或者弹框,你就不能在用a标签进行跳转了。 注:项目中引用了mui后,可能也会遇到,html代码中未引用mui的组件代码段,但依然会导致a标签默认跳转失效的问题(mui一般用于移阅读全文
posted @ 2018-11-29 18:04 你不知道的巨蟹 阅读(176) 评论(0) 编辑
 
摘要: 最近因为突然对小程序有兴趣,然后开始了自学之旅。 在学习的过程当中遇到了一个问题,控制台报错,提示:不在以下 request 合法域名列表中,如下图所示 然后我就开始了搜索之旅,相对觉得以下这篇还行,但没解决我的问题 https://blog.csdn.net/qq_27626333/article阅读全文
posted @ 2018-11-20 21:35 你不知道的巨蟹 阅读(549) 评论(0) 编辑
 
摘要: 现在很多公司喜欢把网站做成中英文切换,比如vue官网 那么问题来了,一般实现中英文切换有哪些方法呢? 方法一(最简单粗暴的方法) 中英文各做一份,然后用不同的文件夹区分开来,点击切换语言时,链接跳转到不同文件夹去就行了 优点:各自的版本是分离开来的,比较稳定,不会出现互相干扰(共用数据库资料的除外)阅读全文
posted @ 2018-11-19 11:14 你不知道的巨蟹 阅读(1071) 评论(7) 编辑
 
摘要: 前言: 最近一直在面试,我把面试的5家公司面试题,选择了一些来总结说明,如有问题,欢迎各位小伙伴给与指正 有些题的答案是百度,有些则是我自己的理解,有些题是开放题,没有标准答案,根据自己实际情况回答即可 下面这些题都很基础,更多更全的面试题我会在最后把链接发出来,那些链接是我准备面试收集的不错的面试阅读全文
posted @ 2018-10-20 14:33 你不知道的巨蟹 阅读(247) 评论(0) 编辑
 
摘要: 在我开始写移动端页面至今,一直有2个疑问困扰着我,我只知道结果但不知道为什么 问题1:为什么设计师给的设计稿总是640px或750px(现在一般以Phone6为基准,给的750px) 问题2:为什么我们拿到640px和750px的设计稿,在编码的时候都要除以2, (比如设计稿上有一个图标宽高是40*阅读全文
posted @ 2018-09-06 11:17 你不知道的巨蟹 阅读(178) 评论(0) 编辑
 
摘要: 无意中看到了阮一峰大神多年前的一篇博客: 12种不宜使用的Javascript语法 看到第9条的时候受到了启发,感觉之前没怎么理解清楚的一些问题好像突然变得清晰了,如下图 可能光这样看,有些小伙伴会有些蒙蔽,不知道到底有什么区别? 下面我就用自己的理解来描述一下,能力有限,见谅 请大家先看下面的代码阅读全文
posted @ 2018-09-04 14:38 你不知道的巨蟹 阅读(578) 评论(0) 编辑
 
摘要: 相信大家都使用过CDN静态资源库,比如下面 staticfile CDN:http://staticfile.org (由国内优秀的云存储服务商七牛云提供存储和加速赞助) BootCDN:https://www.bootcdn.cn/ (Bootstrap中文网支持并维护的前端开源项目免费 CDN 阅读全文
posted @ 2018-08-19 01:18 你不知道的巨蟹 阅读(207) 评论(0) 编辑
 
摘要: 在网页布局中,我们往往会遇到下图所示的场景,让小图标和文字对齐 可能有的小伙伴会说,这个简单,直接给小图标设置左浮动来实现。 这样做是可以的,但不推荐,毕竟浮动是会影响布局的,能少用还是少用。 以前遇到这种场景,其实挺头疼的,我是直接给小图标设置相对定位,然后调整top值。好像找不到更好的办法,也就阅读全文
posted @ 2018-07-22 17:23 你不知道的巨蟹 阅读(291) 评论(0) 编辑
 
摘要: 很多小伙伴在开发的时候,大多是在用谷歌开发者工具调试代码(快捷键F12 或 Ctrl-Shift-i)。 可能会经常遇到需要调试hover样式的时候,一般都是直接改代码,然后在页面上刷新查看效果。 其实,这里有个小技巧,用谷歌开发者工具就可以方便的查看hover样式 方法一(鼠标右键想查看hover阅读全文
posted @ 2018-06-20 19:55 你不知道的巨蟹 阅读(1045) 评论(0) 编辑
 
摘要: 有时候我们想在本地测试一下图片预加载loading的加载情况,如下图: 可无奈一般网络带宽都比较好,基本上看不到效果,图片一下子就加载出来了, 可能这个时候有些小伙伴想到的办法是用定时器延迟加载 其实Google Chrome开发者工具的Network面板提供了2个不错的方法 方法一(推荐)如下图选阅读全文
posted @ 2018-06-09 01:21 你不知道的巨蟹 阅读(147) 评论(0) 编辑
 
摘要: 在和后台同事对接口的时候,有一个小问题一直困扰着我。那就是用ajax请求后台接口数据,需要用data属性传值的时候,data属性传值的方式感觉没有统一用一种方式。 后来仔细想想,其实哪种方式都可以,主要还是看你的个人习惯或者公司对这一块是否有明确的用法规定。以下是我把实际项目中看到的方式做了一个汇总阅读全文
posted @ 2018-01-28 13:21 你不知道的巨蟹 阅读(2987) 评论(0) 编辑
 
摘要: 在实际项目开发中,有时我们本地跑项目,访问接口数据的时候需要跨域才可以访问,否则控制台会报错,提示出于安全考虑,需要跨域才能访问数据,如下图: 解决方法: 这篇博客详细的介绍了谷歌浏览器新旧版本设置跨域模式的方法:http://www.cnblogs.com/laden666666/p/554457阅读全文
posted @ 2017-12-29 21:55 你不知道的巨蟹 阅读(412) 评论(0) 编辑
 
摘要: 最近有点空闲时间,终于把一直想学的vue提上了日程,以下是收集的一些帮助入门的链接 1:https://vuefe.cn/v2/guide/ vue2.0中文官网 2:https://router.vuejs.org/zh-cn/index.html vue2.0路由中文官网 3:https://g阅读全文
posted @ 2017-09-16 00:22 你不知道的巨蟹 阅读(4479) 评论(0) 编辑
 
摘要: dropload.js相关介绍和使用以及demo下载详见:https://github.com/ximan/dropload (原文出处) 之前因为项目需要一个上拉加载的效果,然后无意中看到了此插件,用了之后感觉挺好用的,就是坑太多,下面列出一些我在实际使用中遇到的问题。 注:如果在使用该插件的时候阅读全文
posted @ 2017-09-01 11:45 你不知道的巨蟹 阅读(23752) 评论(6) 编辑
 
摘要: JavaScript的if else大家都不会陌生,但可能很多小伙伴并不知道在jsp文件里,el表达式的if else是怎么写的,下面安利给各位小伙伴 el表达式 if 代码示例 <c:if test="${jsonObject.transportTypeName eq '火车'}"> <li><s阅读全文
posted @ 2017-08-22 16:53 你不知道的巨蟹 阅读(19476) 评论(0) 编辑
 
摘要: select标签大家应该经常用到,有个问题可能没怎么注意过, select标签里面的option标签可以嵌套其它标签吗,比如i,span标签等? 经本人测试,答案是:可以嵌套其它标签,但审查元素会发现标签被剔除了,只显示了标签里面的文本 不能的原因,网上找到一个解释: option标签在网页中并没有阅读全文
posted @ 2017-07-03 21:01 你不知道的巨蟹 阅读(8792) 评论(0) 编辑
 
摘要: 不得不说H5的input date属性真的好用,之前我写的http://www.cnblogs.com/tu-0718/p/6729274.html 这篇博客里面也有提到,不过虽然移动端对H5的支持还是很好的,但是PC端浏览器对H5的支持就很让人无奈了。然后最近遇到一个需求:需要一个开始时间和结束时阅读全文
posted @ 2017-05-30 17:05 你不知道的巨蟹 阅读(4053) 评论(0) 编辑

2019年5月23日

摘要: 前言: 所有实例均来自《CSS揭秘》,该书以平时遇到的疑难杂症为引,提供解决方法,只能说秒极了,再一次刷新了我对CSS的认知 该书只提供了关键CSS代码,虽然有在线示例代码链接,但访问速度较慢。下面示例代码是我自己写的,若有错误,欢迎指正 注:我会在最开头附上每个相关示例所需CSS属性链接作为补充,阅读全文
posted @ 2019-05-23 15:58 你不知道的巨蟹 阅读(12) 评论(0) 编辑

2019年5月21日

摘要: 很多人都知道学习和理解HTTP协议的重要性及必要性,但HTTP相关知识对计算机基础较差,尤其是我这种没有计算机基础的人来说更是晦涩难懂 乘着最近有空闲时间,开始恶补HTTP相关基础知识,下面请跟着我通过4个问题来学习HTTP协议基础 问题1:HTTP0.9,HTTP1.0,HTTP1.1,HTTP2阅读全文
posted @ 2019-05-21 16:53 你不知道的巨蟹 阅读(23) 评论(0) 编辑

2019年5月20日

摘要: 最近在学习使用 Fiddler 抓包工具时遇到一个问题,Fiddler 默认只对 HTTP 协议进行抓包,如果出现下图提示,则需要进行相应设置才可以抓包HTTPS 具体步骤 ①:Tools-Options ②:切换到 HTTPS 选项卡,勾选【Capture HTTPS CONNECTs】(捕获HT阅读全文
posted @ 2019-05-20 18:12 你不知道的巨蟹 阅读(11) 评论(0) 编辑
 
摘要: 如下移动端索引列表页面(点击某元素后弹出的页面),我想用 $(window).scrollTop(); 获取页面滚动后距离顶部的距离,但获取到的值总是0 期间查了很久,但都无疾而终,后来看到一篇博客说是浮动影响了,抱着试一试的心态去清除浮动,然而并卵 此时,我灵光一闪,难道是定位影响了?(这个弹出页阅读全文
posted @ 2019-05-20 17:24 你不知道的巨蟹 阅读(17) 评论(0) 编辑

2019年5月15日

摘要: 前言 使用过 git 的小伙伴应该都不会陌生,git 自带一个终端 git bash 类似于 window 自带的 dos git 官网下载:https://git-scm.com/downloads 最近在使用 git bash 自带 curl 命令时出现乱码,如下图 解决方法 ①:点击箭头所指的阅读全文
posted @ 2019-05-15 17:39 你不知道的巨蟹 阅读(13) 评论(0) 编辑

2019年5月8日

摘要: 前言 首先你要知道 vw 和 rem 是什么?怎么使用? ①:简单来说 vw 是视口单位,相当于把视口等分成了100,1vw = 1; ②:rem是相对单位,设置根元素 html 的 font-size,比如给 html 设置字体大小为100px,1rem = 100px; 注:我之前针对 vw 和阅读全文
posted @ 2019-05-08 14:56 你不知道的巨蟹 阅读(38) 评论(0) 编辑

2019年5月7日

摘要: 在使用 Nginx 之前,首先要三连问,它是什么?用来做什么?为什么用它? 这篇文章很好的解答了上面的问题,并补充了什么是正向代理和反向代理以及区别的知识 https://www.cnblogs.com/wcwnina/p/8728391.html Nginx官网下载:https://www.cnb阅读全文
posted @ 2019-05-07 11:17 你不知道的巨蟹 阅读(30) 评论(0) 编辑

2019年5月6日

摘要: 前言 虽然进入前端这个行业时间不长,但也不再是纯小白了(技术依然菜鸡,路漫漫其修远兮) 写这篇文章的初衷是因为身边偶尔会有朋友跟我说对前端感兴趣,想要入坑,怎样入门等等。。。 一般我会问一个问题,你为什么入坑?因为工资高?福利待遇好?别人都说好?还是自己感兴趣? 这个问题很重要,如果你对这个行业只是阅读全文
posted @ 2019-05-06 14:15 你不知道的巨蟹 阅读(81) 评论(0) 编辑

2019年5月5日

摘要: 现在有一个需求:移动端网页默认竖屏显示,当用户横屏浏览,就给予相应提示,比如横屏时显示下面截图提示信息 几年前,可能大家想到用 window.orientation 属性来实现,现官方已弃用,不做推荐,并且有了更好的实现方式—— orientation orientation: portrait(竖阅读全文
posted @ 2019-05-05 17:44 你不知道的巨蟹 阅读(10) 评论(0) 编辑

2019年4月28日

摘要: 下面总结了几个日常使用PS的小技巧,希望对大家有所帮助(重点推荐第一个小技巧) 场景一:用ps测量PSD图中的元素宽高间距时,一般是手动使用 测量,但其实是有快捷键的,如下图 首先选中元素相应图层,然后ctrl+t(会进入下图箭头所示模式,按esc取消该模式) 同时,右边信息栏会显示该元素宽高 选择阅读全文
posted @ 2019-04-28 14:47 你不知道的巨蟹 阅读(19) 评论(0) 编辑