welcome to my blog
随笔:150 文章:0 评论:32 引用:0

置顶随笔

摘要: 前言 首先,你需要知道vue中父组件和子组件分别指的是什么? 父组件:vue的根实例——用new Vue()构造函数创建的vue实例(实例会有一个挂载点,挂载点里的所有内容可理解为父组件的内容) 这里以root为挂载点,root里包含的所有内容可称为模板,即我们常说的父组件 子组件:用Vue.com阅读全文
posted @ 2019-07-12 11:21 你不知道的巨蟹 阅读(225) 评论(0) 编辑
 
摘要: 前言 这篇博文不会教你怎么安装vue,但会告知安装过程中可能遇到的5个问题 2017年我写过一篇安装vue的博客,详情:https://www.cnblogs.com/tu-0718/p/7521099.html 5个报错 ①:若使用vue -V查询是否安装vue时提示没有找到指令,可能是你没有安装阅读全文
posted @ 2019-06-12 01:17 你不知道的巨蟹 阅读(313) 评论(0) 编辑
 
摘要: 前言 现在很多公司喜欢把网站做成中英文切换,比如某零食官网 那么问题来了,一般实现中英文切换有哪些方法呢?下面我总结了三种方法(因技术水平有限,若有错误,欢迎留言指正) 解决方法 方法1:(中英文各做一份,然后用不同的文件夹区分开来,点击切换语言时,链接跳转到不同文件夹就行了) 优点:各自的版本是分阅读全文
posted @ 2019-05-30 12:45 你不知道的巨蟹 阅读(1426) 评论(3) 编辑
 
摘要: 前言 现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝 最近因项目需要开始使用Vscode,但不知为何,感觉有点力不从心,不知道该怎么用 首先想到去官网看看,然后放弃了(英语渣渣表示压力山大,其实正因为英语差,才更应该锻炼一下的,大家不要学我23333)阅读全文
posted @ 2019-05-28 14:49 你不知道的巨蟹 阅读(2071) 评论(4) 编辑
 
摘要: 前言 虽然进入前端这个行业时间不长,但也不再是纯小白了(技术依然菜鸡,路漫漫其修远兮) 写这篇文章的初衷是因为身边偶尔会有朋友跟我说对前端感兴趣,想要入坑,怎样入门等等。。。 一般我会问一个问题,你为什么入坑?因为工资高?福利待遇好?别人都说好?还是自己感兴趣? 这个问题很重要,如果你对这个行业只是阅读全文
posted @ 2019-05-06 14:15 你不知道的巨蟹 阅读(196) 评论(0) 编辑
 
摘要: 以前,如果想建立一个自己的网站,需要买域名,买存储空间,对个人来说维护成本比较高。 并且很多人只是想有一个网页展示自己的作品或者展示个人的简历。 在github越来越成熟的现在,直接使用github托管代码,就能实现上述需求。 具体实现步骤1: 首先要去github官网注册一个账号:https://阅读全文
posted @ 2019-04-12 10:51 你不知道的巨蟹 阅读(118) 评论(0) 编辑
 
摘要: 最近有一个需求,是让我把一个效果优化一下。这个效果是页面加载完后,会有一个向上滑动的文字提示动画效果,如下图 注:下面的例子我都会附上完整demo,以供有需要的小伙伴测试和借鉴 之前是后台同事用 JS 实现的,代码如下: 然后,我用纯 CSS3 做了优化,代码如下: 后来有一个需求是,当用户向上滑动阅读全文
posted @ 2018-12-12 22:52 你不知道的巨蟹 阅读(77) 评论(0) 编辑
 
摘要: 用过mui的小伙伴们一定不会陌生,有时候真的很烦mui本身会阻止a标签默认跳转。一般只要用了mui的ui组件,比如头部,底部或者弹框,你就不能在用a标签进行跳转了。 注:项目中引用了mui后,可能也会遇到,html代码中未引用mui的组件代码段,但依然会导致a标签默认跳转失效的问题(mui一般用于移阅读全文
posted @ 2018-11-29 18:04 你不知道的巨蟹 阅读(206) 评论(0) 编辑
 
摘要: 最近因为突然对小程序有兴趣,然后开始了自学之旅。 在学习的过程当中遇到了一个问题,控制台报错,提示:不在以下 request 合法域名列表中,如下图所示 然后我就开始了搜索之旅,相对觉得以下这篇还行,但没解决我的问题 https://blog.csdn.net/qq_27626333/article阅读全文
posted @ 2018-11-20 21:35 你不知道的巨蟹 阅读(1327) 评论(0) 编辑
 
摘要: 前言: 最近一直在面试,我把面试的5家公司面试题,选择了一些来总结说明,如有问题,欢迎各位小伙伴给与指正 有些题的答案是百度,有些则是我自己的理解,有些题是开放题,没有标准答案,根据自己实际情况回答即可 下面这些题都很基础,更多更全的面试题我会在最后把链接发出来,那些链接是我准备面试收集的不错的面试阅读全文
posted @ 2018-10-20 14:33 你不知道的巨蟹 阅读(273) 评论(0) 编辑
 
摘要: 在我开始写移动端页面至今,一直有2个疑问困扰着我,我只知道结果但不知道为什么 问题1:为什么设计师给的设计稿总是640px或750px(现在一般以Phone6为基准,给的750px) 问题2:为什么我们拿到640px和750px的设计稿,在编码的时候都要除以2, (比如设计稿上有一个图标宽高是40*阅读全文
posted @ 2018-09-06 11:17 你不知道的巨蟹 阅读(254) 评论(0) 编辑
 
摘要: 无意中看到了阮一峰大神多年前的一篇博客: 12种不宜使用的Javascript语法 看到第9条的时候受到了启发,感觉之前没怎么理解清楚的一些问题好像突然变得清晰了,如下图 可能光这样看,有些小伙伴会有些蒙蔽,不知道到底有什么区别? 下面我就用自己的理解来描述一下,能力有限,见谅 请大家先看下面的代码阅读全文
posted @ 2018-09-04 14:38 你不知道的巨蟹 阅读(824) 评论(0) 编辑
 
摘要: 相信大家都使用过CDN静态资源库,比如下面 staticfile CDN:http://staticfile.org (由国内优秀的云存储服务商七牛云提供存储和加速赞助) BootCDN:https://www.bootcdn.cn/ (Bootstrap中文网支持并维护的前端开源项目免费 CDN 阅读全文
posted @ 2018-08-19 01:18 你不知道的巨蟹 阅读(403) 评论(0) 编辑
 
摘要: 在网页布局中,我们往往会遇到下图所示的场景,让小图标和文字对齐 可能有的小伙伴会说,这个简单,直接给小图标设置左浮动来实现。 这样做是可以的,但不推荐,毕竟浮动是会影响布局的,能少用还是少用。 以前遇到这种场景,其实挺头疼的,我是直接给小图标设置相对定位,然后调整top值。好像找不到更好的办法,也就阅读全文
posted @ 2018-07-22 17:23 你不知道的巨蟹 阅读(355) 评论(0) 编辑
 
摘要: 很多小伙伴在开发的时候,大多是在用谷歌开发者工具调试代码(快捷键F12 或 Ctrl-Shift-i)。 可能会经常遇到需要调试hover样式的时候,一般都是直接改代码,然后在页面上刷新查看效果。 其实,这里有个小技巧,用谷歌开发者工具就可以方便的查看hover样式 方法一(鼠标右键想查看hover阅读全文
posted @ 2018-06-20 19:55 你不知道的巨蟹 阅读(1469) 评论(0) 编辑
 
摘要: 有时候我们想在本地测试一下图片预加载loading的加载情况,如下图: 可无奈一般网络带宽都比较好,基本上看不到效果,图片一下子就加载出来了, 可能这个时候有些小伙伴想到的办法是用定时器延迟加载 其实Google Chrome开发者工具的Network面板提供了2个不错的方法 方法一(推荐)如下图选阅读全文
posted @ 2018-06-09 01:21 你不知道的巨蟹 阅读(166) 评论(0) 编辑
 
摘要: 在和后台同事对接口的时候,有一个小问题一直困扰着我。那就是用ajax请求后台接口数据,需要用data属性传值的时候,data属性传值的方式感觉没有统一用一种方式。 后来仔细想想,其实哪种方式都可以,主要还是看你的个人习惯或者公司对这一块是否有明确的用法规定。以下是我把实际项目中看到的方式做了一个汇总阅读全文
posted @ 2018-01-28 13:21 你不知道的巨蟹 阅读(4706) 评论(0) 编辑
 
摘要: 在实际项目开发中,有时我们本地跑项目,访问接口数据的时候需要跨域才可以访问,否则控制台会报错,提示出于安全考虑,需要跨域才能访问数据,如下图: 解决方法: 这篇博客详细的介绍了谷歌浏览器新旧版本设置跨域模式的方法:http://www.cnblogs.com/laden666666/p/554457阅读全文
posted @ 2017-12-29 21:55 你不知道的巨蟹 阅读(633) 评论(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 你不知道的巨蟹 阅读(5435) 评论(0) 编辑
 
摘要: dropload.js相关介绍和使用以及demo下载详见:https://github.com/ximan/dropload (原文出处) 之前因为项目需要一个上拉加载的效果,然后无意中看到了此插件,用了之后感觉挺好用的,就是坑太多,下面列出一些我在实际使用中遇到的问题。 注:如果在使用该插件的时候阅读全文
posted @ 2017-09-01 11:45 你不知道的巨蟹 阅读(26630) 评论(6) 编辑

2019年7月23日

摘要: 有时对伪类和伪元素傻傻分不清楚,觉得它们很相似,但又有哪里不同,所以做了一个小结,希望能帮到有需要的人 1个相同点:都是被添加到一个选择器末尾的关键字 2个不同点: ① 伪类是以1个冒号(:)作为前缀被添加到选择器末尾的关键字;伪元素是以2个冒号(::)作为前缀被添加到选择器末尾的关键字 ② 如果伪阅读全文
posted @ 2019-07-23 18:05 你不知道的巨蟹 阅读(8) 评论(0) 编辑
 
摘要: 如果有一个需求,给一个元素增加一条边框,想必大家会习惯且娴熟的使用border来实现,我也是这样 但其实outline也能达到同样的效果,并且在有些场景下会更适用,比如下面的demo 使用border后,div宽度增加,导致超出父元素 使用outline后,div元素宽度不会改变 DEMO 那么到底阅读全文
posted @ 2019-07-23 16:58 你不知道的巨蟹 阅读(10) 评论(0) 编辑
 
摘要: 前言:查看下面代码,在任意编辑器中直接复制粘贴运行即可 1:非动态组件(全局注册2个组件,借用v-if指令和三元表达式) 2:动态组件(使用vue自带component标签,它表示一个动态组件,配合is属性绑定type,动态组件会根据is里数据的的变化,自动加载不同的组件) 3:使用once指令(不阅读全文
posted @ 2019-07-23 15:55 你不知道的巨蟹 阅读(9) 评论(0) 编辑

2019年7月17日

摘要: 下面主要以4个示例Demo演示(示例代码JS引用的Vue CDN),建议小伙伴直接复制示例代码运行查看, 赶时间的小伙伴可直接往下拉,看示例demo4 注:全局或局部注册的组件称为子组件,其中声明的组件名称(如下demo中的child)是一个自定义组件 Demo1-直接给父组件绑定原生事件 Demo阅读全文
posted @ 2019-07-17 19:35 你不知道的巨蟹 阅读(32) 评论(0) 编辑
 
摘要: props的2个特性 ①:父组件通过属性的方式传值(比如下面截图中的content)给子组件,content不会显示在DOM节点中 ②:父组件向子组件传递值(content),子组件通过props接收后,可在子组件中直接通过{{}}(插值表达式)或this.content获得content中的内容 阅读全文
posted @ 2019-07-17 18:25 你不知道的巨蟹 阅读(25) 评论(0) 编辑

2019年7月12日

摘要: 细节1:table(表格)中直接引用自定义组件出现的bug 如上图,tr本应在tbody中面,现在却是同级。造成的原因是h5规定table里必须有tbody,tbody中必须有tr, 当tbody中引入自定义组件,浏览器解析后就出现了上述问题 解决方法:依然在tbody中使用tr,同时使用vue的i阅读全文
posted @ 2019-07-12 18:27 你不知道的巨蟹 阅读(32) 评论(0) 编辑
 
摘要: 先来看一个需求:下图div用v-for做了列表循环,现在想要span也一起循环,应该怎么做? 有3种方法可以实现 ①:直接用v-for对span也循环一次(该方法虽然可以使用,但不要用这种方式,因为以后你会哭) ②:在div和span外面包裹一个div,给这个div加循环(该方法会额外增加一个多余的阅读全文
posted @ 2019-07-12 17:12 你不知道的巨蟹 阅读(133) 评论(0) 编辑
 
摘要: 前言 首先,你需要知道vue中父组件和子组件分别指的是什么? 父组件:vue的根实例——用new Vue()构造函数创建的vue实例(实例会有一个挂载点,挂载点里的所有内容可理解为父组件的内容) 这里以root为挂载点,root里包含的所有内容可称为模板,即我们常说的父组件 子组件:用Vue.com阅读全文
posted @ 2019-07-12 11:21 你不知道的巨蟹 阅读(225) 评论(0) 编辑

2019年7月8日

摘要: 1:@charset(用来设置html文档字符编码的格式,比如我们常用的,charset='utf-8') 注:建议CSS文件最顶部都加上@charset "utf-8";,避免出现乱码 以前我写过一篇博客,详见:https://www.cnblogs.com/tu-0718/p/6920243.h阅读全文
posted @ 2019-07-08 17:35 你不知道的巨蟹 阅读(23) 评论(0) 编辑

2019年7月4日

摘要: 在日常前端开发中,常常会遇到需要调试代码的场景,下面我总结了前端调试3板斧 ①:使用console.log()(推荐) 可在控制台打印出我们需要的数据,也可如下图直接在控制台输入console.log打印 ②:使用alert()(不推荐) 以弹框的形势展示出我们需要的数据 注:该方法为阻塞式,若不手阅读全文
posted @ 2019-07-04 14:59 你不知道的巨蟹 阅读(38) 评论(0) 编辑