welcome to my blog
顶部
Call Me
随笔: 259 文章: 0 评论: 90

2019年7月12日

摘要:前言 首先,你需要知道vue中父组件和子组件分别指的是什么? 父组件:vue的根实例——用new Vue()构造函数创建的vue实例(实例会有一个挂载点,挂载点里的所有内容可理解为父组件的内容) 这里以root为挂载点,root里包含的所有内容可称为模板,即我们常说的父组件 子组件:用Vue.com 阅读全文
posted @ 2019-07-12 11:21 你不知道的巨蟹 阅读(3008) 评论(0) 推荐(1) 编辑

2019年6月12日

摘要:前言 这篇博文不会教你怎么安装vue,但会告知安装过程中可能遇到的5个问题 2017年我写过一篇安装vue的博客,详情:https://www.cnblogs.com/tu-0718/p/7521099.html 5个报错 ①:若使用vue -V查询是否安装vue时提示没有找到指令,可能是你没有安装 阅读全文
posted @ 2019-06-12 01:17 你不知道的巨蟹 阅读(1190) 评论(0) 推荐(2) 编辑

2019年5月30日

摘要:注:这几天发现微软官方把微软字典整站翻译API停止服务了(下面第三种方法目前已无法使用)不知是永久还是暂时,扎心 前言 现在很多公司喜欢把网站做成中英文切换,比如某零食官网 那么问题来了,一般实现中英文切换有哪些方法呢?下面我总结了三种方法(因技术水平有限,若有错误,欢迎留言指正) 解决方法 方法1 阅读全文
posted @ 2019-05-30 12:45 你不知道的巨蟹 阅读(11318) 评论(6) 推荐(6) 编辑

2019年5月28日

摘要:前言 现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝 最近因项目需要开始使用Vscode,但不知为何,感觉有点力不从心,不知道该怎么用 首先想到去官网看看,然后放弃了(英语渣渣表示压力山大,其实正因为英语差,才更应多锻炼一下,大家不要学我啊) 最后自己 阅读全文
posted @ 2019-05-28 14:49 你不知道的巨蟹 阅读(86465) 评论(6) 推荐(18) 编辑

2019年5月6日

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

2019年4月12日

摘要:以前,如果想建立一个自己的网站,需要买域名,买存储空间,对个人来说维护成本比较高。 并且很多人只是想有一个网页展示自己的作品或者展示个人的简历。 在github越来越成熟的现在,直接使用github托管代码,就能实现上述需求。 具体实现步骤1: 首先要去github官网注册一个账号:https:// 阅读全文
posted @ 2019-04-12 10:51 你不知道的巨蟹 阅读(587) 评论(1) 推荐(0) 编辑

2018年12月12日

摘要:最近有一个需求,是让我把一个效果优化一下。这个效果是页面加载完后,会有一个向上滑动的文字提示动画效果,如下图 注:下面的例子我都会附上完整demo,以供有需要的小伙伴测试和借鉴 之前是后台同事用 JS 实现的,代码如下: 然后,我用纯 CSS3 做了优化,代码如下: 后来有一个需求是,当用户向上滑动 阅读全文
posted @ 2018-12-12 22:52 你不知道的巨蟹 阅读(247) 评论(0) 推荐(0) 编辑

2018年11月29日

摘要:用过mui的小伙伴们一定不会陌生,有时候真的很烦mui本身会阻止a标签默认跳转。一般只要用了mui的ui组件,比如头部,底部或者弹框,你就不能在用a标签进行跳转了。 注:项目中引用了mui后,可能也会遇到,html代码中未引用mui的组件代码段,但依然会导致a标签默认跳转失效的问题(mui一般用于移 阅读全文
posted @ 2018-11-29 18:04 你不知道的巨蟹 阅读(408) 评论(0) 推荐(0) 编辑

2018年11月20日

摘要:最近因为突然对小程序有兴趣,然后开始了自学之旅。 在学习的过程当中遇到了一个问题,控制台报错,提示:不在以下 request 合法域名列表中,如下图所示 然后我就开始了搜索之旅,相对觉得以下这篇还行,但没解决我的问题 https://blog.csdn.net/qq_27626333/article 阅读全文
posted @ 2018-11-20 21:35 你不知道的巨蟹 阅读(9855) 评论(1) 推荐(1) 编辑

2018年10月20日

摘要:前言: 最近一直在面试,我把面试的5家公司面试题,选择了一些来总结说明,如有问题,欢迎各位小伙伴给与指正 有些题的答案是百度,有些则是我自己的理解,有些题是开放题,没有标准答案,根据自己实际情况回答即可 下面这些题都很基础,更多更全的面试题我会在最后把链接发出来,那些链接是我准备面试收集的不错的面试 阅读全文
posted @ 2018-10-20 14:33 你不知道的巨蟹 阅读(534) 评论(0) 推荐(0) 编辑

2018年9月6日

摘要:在我开始写移动端页面至今,一直有2个疑问困扰着我,我只知道结果但不知道为什么 问题1:为什么设计师给的设计稿总是640px或750px(现在一般以Phone6为基准,给的750px) 问题2:为什么我们拿到640px和750px的设计稿,在编码的时候都要除以2, (比如设计稿上有一个图标宽高是40* 阅读全文
posted @ 2018-09-06 11:17 你不知道的巨蟹 阅读(939) 评论(0) 推荐(1) 编辑

2018年9月4日

摘要:无意中看到了阮一峰大神多年前的一篇博客: 12种不宜使用的Javascript语法 看到第9条的时候受到了启发,感觉之前没怎么理解清楚的一些问题好像突然变得清晰了,如下图 可能光这样看,有些小伙伴会有些蒙蔽,不知道到底有什么区别? 下面我就用自己的理解来描述一下,能力有限,见谅 请大家先看下面的代码 阅读全文
posted @ 2018-09-04 14:38 你不知道的巨蟹 阅读(2385) 评论(0) 推荐(1) 编辑

2018年8月19日

摘要:相信大家都使用过CDN静态资源库,比如下面 staticfile CDN:http://staticfile.org (由国内优秀的云存储服务商七牛云提供存储和加速赞助) BootCDN:https://www.bootcdn.cn/ (Bootstrap中文网支持并维护的前端开源项目免费 CDN 阅读全文
posted @ 2018-08-19 01:18 你不知道的巨蟹 阅读(1258) 评论(0) 推荐(0) 编辑

2018年7月22日

摘要:在网页布局中,我们往往会遇到下图所示的场景,让小图标和文字对齐 可能有的小伙伴会说,这个简单,直接给小图标设置左浮动来实现。 这样做是可以的,但不推荐,毕竟浮动是会影响布局的,能少用还是少用。 以前遇到这种场景,其实挺头疼的,我是直接给小图标设置相对定位,然后调整top值。好像找不到更好的办法,也就 阅读全文
posted @ 2018-07-22 17:23 你不知道的巨蟹 阅读(537) 评论(0) 推荐(0) 编辑

2018年6月20日

摘要:很多小伙伴在开发的时候,大多是在用谷歌开发者工具调试代码(快捷键F12 或 Ctrl-Shift-i)。 可能会经常遇到需要调试hover样式的时候,一般都是直接改代码,然后在页面上刷新查看效果。 其实,这里有个小技巧,用谷歌开发者工具就可以方便的查看hover样式 方法一(鼠标右键想查看hover 阅读全文
posted @ 2018-06-20 19:55 你不知道的巨蟹 阅读(4908) 评论(3) 推荐(1) 编辑

2018年6月9日

摘要:有时候我们想在本地测试一下图片预加载loading的加载情况,如下图: 可无奈一般网络带宽都比较好,基本上看不到效果,图片一下子就加载出来了, 可能这个时候有些小伙伴想到的办法是用定时器延迟加载 其实Google Chrome开发者工具的Network面板提供了2个不错的方法 方法一(推荐)如下图选 阅读全文
posted @ 2018-06-09 01:21 你不知道的巨蟹 阅读(334) 评论(0) 推荐(0) 编辑

2018年1月28日

摘要:在和后台同事对接口的时候,有一个小问题一直困扰着我。那就是用ajax请求后台接口数据, 需要用data属性传值的时候,data属性传值的方式感觉没有统一用一种方式。 后来仔细想想,其实哪种方式都可以,主要还是看你的个人习惯或者公司对这一块是否有明确的用法规定。 以下是我把实际项目中看到的方式做了一个 阅读全文
posted @ 2018-01-28 13:21 你不知道的巨蟹 阅读(20601) 评论(0) 推荐(0) 编辑

2017年12月29日

摘要:在实际项目开发中,有时我们本地跑项目,访问接口数据的时候需要跨域才可以访问,否则控制台会报错,提示出于安全考虑,需要跨域才能访问数据,如下图: 解决方法: 这篇博客详细的介绍了谷歌浏览器新旧版本设置跨域模式的方法:http://www.cnblogs.com/laden666666/p/554457 阅读全文
posted @ 2017-12-29 21:55 你不知道的巨蟹 阅读(3057) 评论(0) 推荐(0) 编辑

2017年9月16日

摘要:最近有点空闲时间,终于把一直想学的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 你不知道的巨蟹 阅读(7208) 评论(0) 推荐(0) 编辑

2017年9月1日

摘要:dropload.js相关介绍和使用以及demo下载详见:https://github.com/ximan/dropload (原文出处) 之前因为项目需要一个上拉加载的效果,然后无意中看到了此插件,用了之后感觉挺好用的,就是坑太多,下面列出一些我在实际使用中遇到的问题。 注:如果在使用该插件的时候 阅读全文
posted @ 2017-09-01 11:45 你不知道的巨蟹 阅读(35297) 评论(7) 推荐(3) 编辑

2020年9月17日

摘要:作用域 js的作用域有3种,分别是全局作用域,局部作用域,块级作用域(ES6新增)。 全局作用域:在函数function以外定义的变量是全局变量,具有全局作用域,在任何地方都可以访问 let a = 1; function x() { console.log(a); } x(); x()函数中并未声 阅读全文
posted @ 2020-09-17 18:38 你不知道的巨蟹 阅读(38) 评论(0) 推荐(0) 编辑

2020年7月16日

摘要:cssText是什么? 简单来说是设置元素的style属性值,比如 ele.style.cssText = 'display: block'; cssText的使用场景 有时我们需要使用原生js写css样式,比如 obj.style.width = '100px'; obj.style.height 阅读全文
posted @ 2020-07-16 18:10 你不知道的巨蟹 阅读(96) 评论(0) 推荐(0) 编辑

2020年7月9日

摘要:基本使用 条件 ?结果1 :结果2 例:true ? 1 :2 如果条件为true,结果为1,否则结果为2,相当于 if else 嵌套使用 三元运算嵌套只能是用在第二个结果中进行嵌套 条件1 ?结果1 :条件2 ?结果2 :结果3 例:true ? 1 : false ? 2 : 3 如果条件为t 阅读全文
posted @ 2020-07-09 18:20 你不知道的巨蟹 阅读(116) 评论(0) 推荐(0) 编辑

2020年7月1日

摘要:第一种:通过 . 的方式获取 这种方式很常用,简单易懂 第二种:通过 [ ] 的方式获取 注:用数组下标获取值的方式获取属性,记得要给属性加引号 参考 阅读全文
posted @ 2020-07-01 10:54 你不知道的巨蟹 阅读(2965) 评论(0) 推荐(0) 编辑

2020年6月27日

摘要:第一种:通过获取DOM来获得input值 获取DOM的四种方式 1. 通过id document.getElementById("element").value; 2. 通过class document.getElementsByClassName("element")[0].value; 3. 通 阅读全文
posted @ 2020-06-27 11:46 你不知道的巨蟹 阅读(933) 评论(2) 推荐(1) 编辑

2020年6月17日

摘要:simditor是什么? 一个基于浏览器的文本编辑器,也就是我们通常说的富文本 simditor官网 https://simditor.tower.im/ (simditor官网) https://github.com/mycolorway/simditor (github) simditor安装 阅读全文
posted @ 2020-06-17 11:30 你不知道的巨蟹 阅读(136) 评论(0) 推荐(0) 编辑

2020年6月15日

摘要:codemirror是什么? 使用JavaScript为浏览器实现的多功能文本编辑器。 codemirror作用 专门用于编辑代码,并带有实现更高级编辑功能的多种语言模式和附加组件。 codemirror官网 https://codemirror.net/ (全英文,我这种英语渣渣是直接谷歌翻译的, 阅读全文
posted @ 2020-06-15 12:00 你不知道的巨蟹 阅读(1416) 评论(0) 推荐(0) 编辑

2020年6月1日

摘要:1. 如果在使用过程中报这个错,意思是Drawer组件必须有一个子组件children,但现在还未定义 用官方例子解释就是<Drawer>这里面必须要有内容,如下图红色框部分内容</Drawer> 而这里面的内容一般为自定义代码 2. 如果你想让弹出的侧边导航栏在页面右侧 不要在state中设置 而 阅读全文
posted @ 2020-06-01 14:11 你不知道的巨蟹 阅读(619) 评论(0) 推荐(0) 编辑

2020年5月29日

摘要:需求描述 当导航栏置顶时,导航栏沉浸在背景图里;当鼠标滑动滚轮到一定位置时,显示导航栏 用原生JS实现 给window添加scroll滚动事件并执行对应方法,这里执行方法为handleScroll react中实现 在react中如果要使用上面的代码,需要使用生命周期函数componentDidMo 阅读全文
posted @ 2020-05-29 16:41 你不知道的巨蟹 阅读(852) 评论(0) 推荐(0) 编辑
 
摘要:场景 最近在IOS上遇到一个问题,当滑动到底部显示相应内容时,点击input框后内容被弹出键盘遮挡 预期效果如下图 解决方法 使用activeElement属性,该属性返回文档中当前获得焦点的元素 上面代码把返回文档中当前获得焦点的元素赋值给变量 currentFocusEle, 然后判断该焦点元素 阅读全文
posted @ 2020-05-29 15:17 你不知道的巨蟹 阅读(74) 评论(0) 推荐(0) 编辑