- 博客(53)
- 收藏
- 关注
RSS订阅
原创 【萌芽笔记】ECMAScript6学习笔记
ES6(ES2015)——IE10+、Chrome、FireFox、移动端、Node.js编译转换1.在线转换（browser.js）2.提前编译ES6新特性1.变量2.函数3.数组4.字符串5.面向对象6.promise（串行化异步交互）7.generator（把同步拆分为异步）8.模块化（ES6自带模块化）变量var1.可以重复声明2.无法限制修改3.没有...
2019-04-09 18:22:37
404
3
原创 【Linux系统学习】Linux安装与配置
安装Linux系统（1）通过虚拟机来安装centOS（2）虚拟机：使用VMware实现硬件的虚拟化首先让我们双击打开虚拟机VMware。点击创建新的虚拟机。这里我们选择自定义，然后点击下一步。这里的兼容是我们的虚拟机版本，最好是和我们版本兼容一样。选择之前下载好的驱动，注意千万不要解压，解压的话可能会把文件破坏掉。创建用户安装路径...
2018-08-28 00:15:58
1283
4
原创 使用express报错找不到模块
Error: Cannot find module 'express'记录一次比较憨的经历，事实这证明不管用啥凡事儿还是先看看文档比较好。node server.js的时候报错，而且还是这只很简单报错【找不到模块“express”】，看到这条bug的时候萌芽第一反应是直接查看版本号看看自己有没有装。可以看到能打印出来就证明是有安装的，于是萌芽下一步就开始百度这个错误问题，结果答案全部都是说没安装什么的，还有再安装一次之类的东西，我这个憨憨居然跟着照做了……上面的方法：https:/.
2020-08-19 15:04:23
2722
2
原创 React学习笔记
React学习笔记React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。作为前端三大框架之一不会的小伙伴是时候学一学啦。这里萌芽只大概做个总结，新手小白的话可以去看看菜鸟教程，想深入了解的话可以去看官方文档，废话不多说，上干货！菜鸟教程：https://www.runoob.com/react/react-tutorial.html官方文档：https://react.docschina.org/docs/getting-started.htmlReact生命周期
2020-08-17 14:56:47
375
原创 访问器属性之getter、setter函数
要是想理解Vue中的【响应式】数据到底是怎么实现的那么首先我们就要了解ECMAScript中的属性。在ECMAScript中有两种属性：数据属性和访问器属性。这里萌芽主要讲的是访问器属性的getter、setter函数！
2020-04-09 23:19:04
1744
4
原创 Vue学习之watch监听器详解
Watch监听器详解疫情期间在家蹲得都变懒咯，有短时间没写博客啦这次萌芽跟大家来谈谈Vue中的watch监听器！周末有小伙伴跟萌芽提到“深度监听”这个词，我寻思着不就是watch吗？怎么还分深的浅的？后来查了下才发现是萌芽小白了。watch基本上可以分为三种模式:【浅监听】【深监听】【局部监听】这里萌芽先讲一下watch监听器是什么以及使用方式。[官方对watch的解释]观察 Vue ...
2020-03-10 13:13:30
1207
4
原创 JavaScript DOM总结笔记
DOM编程艺术总结笔记hi hi～这里是萌芽子！前几天萌芽读完了《JavaScript DOM编程艺术》跑来跟大家分享一下，全篇读起来很愉快萌芽来做个小总结！书里基本上都是围绕案例展开的非常易理解，还讲了关于平稳退化以及浏览器不支持JS的年代需要怎么应对，虽然在这个马上都2020年的时代已经不用担心浏览器禁用JS问题但是多多少少了解一下真的是很有趣！感兴趣的小伙伴可以看看。【 扫盲：Jav...
2019-12-29 23:18:40
256
原创 TypeScript总结笔记
TypeScript总结笔记上次萌芽说的学习笔记～直接放干货！安装配置萌芽之前有一篇博客有讲到可以去看看，配置好了的小伙伴可以和萌芽一起继续往下看哦！TypeScript安装配置在最后面：https://blog.csdn.net/Meng_ya_zi/article/details/100341670数据类型 1.1 基本类型 函数类型 2.1 返回值 2.2 重载 类 3....
2019-12-23 11:15:39
288
原创 apply和call详解与使用
apply()与call() 详解每个函数都包含的两个非继承而来的方法：apply()和call()。然而这俩方法萌芽总是忘记所以今天打算深入的去学习一下借此加深记忆！这俩方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内的this对象的值。apply()apply()方法接受两个参数，第一个是在其中运行函数的作用域，另一个是参数数组。其中第二个参数可以是Array的实例，...
2019-12-17 10:12:51
558
原创 ESlint + TypeScript安装与配置
Vue-cli+ESlint+ TypeScript笔记最近萌芽开始试着用vue-cli，vue-cli默认安装eslint刚开始是给我整懵了，一行代码三行报错，不过对于萌芽这种强迫症来讲eslint简直一直报错一直爽！萌芽一直都很注重编码规范但是只是靠编码文档感觉还不够啊，周围也没前端小伙伴指导自从开启了eslint代码瞬间被整的整整齐齐，整洁哭了，连标点符号也给我整的干干净净的。...
2019-12-16 11:15:06
1697
原创 简易Node网络爬虫
Node爬虫篇hi hi～最近爬虫这个词越来越常见所以萌芽打算大概的来了解一下！爬虫通俗点来讲其实就是把页面上的数据下载下来然后通过正则表达式进行筛选，塞选出来的内容存入数据库就是整个流程啦！比如我们平常做一些demo没有数据怎么办？这个时候就可以用爬虫爬取到数据填充我们的页面～是不是感觉很棒？让我们一起来学习吧～大概分为以下几个步骤【阅读之前最起码要有一些node基础哦！】引入chee...
2019-12-12 18:44:29
279
原创 粘性定位
好久没发博客啦这里萌芽～ 今天做了个小练习前来总结一下！成品图不是特别好看凑合一下，老规矩代码会放在最后。练习总结笔记 position: sticky 粘性定位 利用flex(伪)瀑布流展示图片 css计算属性calc() 雪碧图截取icon 粘性定位之前对定位没有一个笼统的学习，大多数情况下用relative，absolute，fi...
2019-12-03 16:43:44
1759
3
原创 盘点h5在iOS下的那些坑
盘点h5在iOS下的那些坑 太忙咯好久没写博客啦！给大家分享一下关于萌芽在实战h5开发中关于iOS(Safari浏览器)的一些坑！希望帮助那些还没遇到过的萌新～在安卓下实现显示正常但是在iOS下时间格式为 NAN-NAN-NAN 关于Safari浏览器下cookie无法存储问题 在安卓显示正常但是在ios浏览器中字体超级小问题1.时间格式错误这个问题萌芽第一次遇...
2019-11-11 21:46:21
406
原创 高德地图H5开发总结笔记
高德地图的使用基本可以分为【地图初始化】【信息点坐标】【路线规划与导航】大概就这么些，因为之前没接触过这方面一直都觉得挺复杂的实际开发感觉还算ok，全程干货走起。
2019-08-25 14:06:15
1067
原创 npm管理工具
npm管理工具今天萌芽来学习一下npm管理工具，npm能帮助我们管理不同包之间的依赖关系。一行命令帮我们能做很多事情炒鸡方便，让我们一起来学习吧！首先我们要知道强大的node帮助我们作为一个桥梁。啥都没有的我决定先装个环境……Node官网看这里，安装的时候顺便就把npm装了：http://nodejs.cn/安装Node环境中途遇到问题，Mac系统下安装完毕后输入【node -v...
2019-08-02 20:43:26
378
原创 css3-filter属性的学习
[ 每日一练 ]荧光边框效果又到了萌芽的每日练习时间了！（文章结尾放练习代码）总结一下这次练习get到的新技能！第一次看到这个名字的时候第一反应是过滤器哈哈哈。filter属性none【默认效果】粉色小方块blur()【高斯模糊 | px】brightness()【明暗度| %】contrast()【对比度 | %】drop-shadow()【投影|...
2019-07-20 15:22:48
361
原创 动态提交按钮
今天做了个小动画的练习，没什么好讲的直接粘源码了~<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" ...
2019-07-17 18:45:56
223
原创 CSS动画
CSS动画学习css动画作为一枚前端汪必备技能萌芽决定今天来好好的总结一下！如果平常不经常用到的话时间久了就很容易产生遗忘，所以要养成记笔记的好习惯哦！animation（动画） transition（过渡） transform（变形） @ keyframes 选择器在css3中有着2D转换和3D转换，转换可以可以对元素进行移动、缩放、转动、拉长或拉伸。配合上我们的动态...
2019-07-17 17:54:31
274
原创 使用fullpage出现异常
fullPage: Fullpage.js version 3 has changed its license to GPLv3 and it requires a `licenseKey` option. Read about it here: fullPage: https://github.com/alvarotrigo/fullPage.js#options.其实这个异常无关痛痒没...
2019-07-12 15:50:12
1029
4
原创 冒泡排序
冒泡排序写了个冒泡排序跟网上的方法不一样，看不出来自己写的问题和网上的区别，似乎是逆向了不知道能不能这么写会不会不太好？ var arr = [-2,153, 55, 66, 77, 2]; for (let i = 1; i < arr.length; i++) { //i为1减少一次无效循环 for (let j = 0; j <...
2019-07-11 11:08:26
234
原创 如何优雅的编写前端代码
代码千万行，注释第一行。命名不规范，同事泪两行。锵锵锵！今天萌芽跟大家一起来讨论讨论编码规范问题，可不要小看注释哦！在多人项目的时候注释可是非常重要的，你是否有觉得自己页面排版不够好？经常自己都不知道自己的这个class或者id用在哪里？或者因为偷懒写一大把css选择器导致布局一改还要再调？这都是编码规范问题！自己都看不懂自己的代码的话就更别想让别人看得懂了。先做个小总结：HTML语义...
2019-07-10 10:32:16
668
原创 JavaScript垃圾回收
JavaScript是具有垃圾自动收集机制的。垃圾收集的原理【找出那些不再继续使用的变量然后释放其占用的内存！】垃圾收集齐会按照固定的时间间隔周期性的去执行这一操作，萌芽觉得挺有趣的虽然这些知识在我们平常开发中并不常用但是还是需要去了解的！了解垃圾回收能的帮助我们编写代码提升性能以及避免造成不再使用的循环引用对象内存无法回收问题。标记清除 (常见) 引用计数标记清除垃圾...
2019-06-27 09:53:56
135
原创 箭头函数能不能替代普通函数
前段时间萌芽学习ES6的时候，其中新加入的箭头函数被一部分人称作是用来替代function的，当时还不是很理解后来才发现其实这种说法是错误的！首先我们看他们的语法： function demo() { //普通函数 } var demo = () =>{ //箭头函数 }箭头函数相对于普通函数简洁很多这让人有种 ...
2019-06-22 11:49:35
1133
原创 JavaScript基本概念总结
睡前总结了一些实用的基础小知识，有些比较冷门儿萌芽个人觉得还算有意思跟大家分享一下～1.类型2.操作符3.语句4.函数类型1. typeof是一个操作符而不是一个函数，主要用于检测数据类型萌芽很喜欢这个！2. NAN是一个特殊数值，表示“非数值”。 isNAN() 判断是否为NAN类型，如果是则返回true，里面的数值会进行类型转换如果可以转换为...
2019-06-21 01:57:41
202
原创 浅谈JavaScript面向对象与基础类型
每日总结1.JavaScript面向对象2.七大数据类型类型1.JavaScript面向对象的理解JavaScript面向对象和其他基于类的面向对象语言相比他是基于原型的，面向对象其实就是一种接近人类思维的一种概念，举个例子，先有一个苹果(对象)，我们知道这个苹果能吃，之后才知道所有苹果都能吃（类）。说起面向对象大家都会想到封装继承多态，这里我要强调的是他们的不同点，JavaS...
2019-06-14 01:46:32
159
原创 web项目调试
web项目调试web项目往往由前端和后台组成，涉及的内容和知识特别多，初学者由于对其运行机制理解不到位，同时没有掌握恰当的调试方法，当项目出现问题时就比较茫然、无从下手。提高调试能力对于程序员来讲是至关重要，是成为一个合格程序员的必经之路。一、总体思路（1）理解清楚web项目运行基本机制，理清程序运行轨迹；（2）掌握Java代码调试方法和技巧；（3）掌握浏览器前端调试方法和技巧...
2019-05-09 00:35:30
251
原创 Canvas画图
萌芽之前一直都觉得Canvas是个神奇的东西所以今天学习一下！来来一起玩儿点好玩的，用Canvas画一个贼鸡儿丑的 五角星！长期更新！！！canvas画布首先让我们创建一个canvas画布<canvas id="myCanvas" height="500px" width="500px" style="border:1px solid #d3d3d3;">您的浏览器不支持<...
2019-04-15 18:06:04
196
原创 PHP基础学习
为了以后能更方便的和后端小哥哥作对接，萌芽决定学习一下PHP，因为之前学的是JAVA语言所以理解上并不是非常的困难，不过不过只是基础语法的程度啦，让我们一起来学习一下吧~PHP环境这里我们用本地快速搭建工具，他能帮你快速配置好Apache服务器以及php的运行环境。http://phpstudy.php.cn/PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代...
2019-04-02 17:22:54
239
原创 JavaScript练习二级联动
用jQuery做个二级分类，先放一下效果图代码里写了注释，贴一下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cd...
2019-04-01 08:53:39
161
原创 jQuery总结笔记
这两天复习了一下jQuery，为了防止以后忘记了想在这里做个小总结。$ 符号封装了我们的dom方法，调用方法为： $('p').click(function () { console.log("欢迎使用jQuery"); })即使我们不去安装也可以调用一些网站自带的jQuery，比如：<script src="https:/...
2019-03-30 15:23:54
163
原创 Boostrap栅格源码含五格栅格
Boostrap栅格源码，扒出来给不是很理解响应式的小伙伴们看看，中间加入了萌芽自己的5格栅格【 moyako-col-2 】，方便学习使用哟~关于栅格布局：主要就是媒体查询media方法，意思是只要满足括号内条件即可执行！*{ box-sizing: border-box;}.container { margin-right: auto; margin-left: au...
2019-03-08 09:20:18
576
原创 微信小程序开发笔记之属性篇
今天来谈谈一些属性方法吧，最常用的就是我们data的值了，直接this拿到之后再修改是不行的！那么怎么去更改呢？其实很简单只要我们调用setdata方法就可以啦，setData({ 键:值})但是这只限于对单一的更改，实际项目中大多数还是以数组的方式传递的，这个时候我们要想在JS当中去修改他的代码也是有方法的var num = this.data.数组名;num[1]...
2019-02-23 22:43:32
240
2
原创 微信小程序开发笔记
这两天开始做微信小程序，稍微总结一下知识点。首先创建一个小程序，之后新建他的目录，和html区别并不大如果学了vue的同学上手会更快。本章节除了基础目录外，实用知识点有【页面跳转】【底部目录】需要的同学可以往下翻，纯手打不易喜欢的点个赞吧。wxml就是我们的html，和html不同的是他并不需要一些约束比如头部身体他都不需要，可以直接上手撸代码。wxss就是我们的css文件，样式写法和我...
2019-02-20 21:41:39
483
6
原创 IDEA整理代码快捷键
IDEA代码对齐快捷键：ctrl + alt + LVS codevscode代码对齐快捷键：Shift+Alt+ F
2019-01-10 15:50:58
31777
4
原创 阿里云服务器每日账
萌芽的第一个服务器，超开心的！2019请多关照目前正在备案中，这篇记录笔记将伴随着我的小窝一起成长。不定时长期更新哟，冲鸭冲鸭冲！【2019-01-07】1.用SecureCRTPortable 进行远程连接，刚刚修改了【vi/etc/hostname】目录下的名字！重启后就生效了真开心~可以用hostname查看当前服务器的名字哟！【2019-12-19】免费将h...
2019-01-07 16:01:54
273
原创 Ajax异步请求
AjaxAjax是一门技术并不是一门语言（无论是JAVA还是HTML都是学习到这里为止）Ajax是一种无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax = 异步 JavaScript + XML通过在后台与服务器进行少量的数据交换，Ajax可以使网页实现异步更新。这意味着不再需要重新加载整个网页，对网页的某个部分进行更新。Ajax必须要发送参数url：请求的地...
2019-01-07 14:35:59
173
原创 vscode安装到配置
前段时间我们说到了关于idea配置Vue代码提示问题，结果萌芽还是发现了一些问题，比如事件绑定的 " @ " 不能用还有 “ => ” 也不能用，于是萌芽考虑试试微软爸爸的VS Code来进行前端代码编写啦，当然Webstorm其实也不错啦这里我们选择vsc！优点下载安装接下来进入我们的安装环节！直接去官网下载就好了链接甩在这里了https://code.vis...
2019-01-01 17:26:32
470
原创 配置IDEA里的Vue代码提示
今天萌芽芽在学习vue的时候发现idea写vue代码 没！有！提！示！这对小白来说实在是太痛苦了qwq，觉得难受的小伙伴快来一起配置吧~首先点击【 File目录 > Settings > Plugins > 搜索Vue.js插件安装！】安装好后他会让你重启idea，重启后IDEA就有提示啦~舒服多了~...
2018-12-25 22:44:27
17686
9
原创 免费图片在线压缩网站推荐
第一种：https://img.top/PNG压缩过后依旧透明太棒！亲测，几乎无损！完全免费界面清新简洁！------------------------------优点：实用，支持（JPG，PNG，GIF）等格式无损压缩 / 缺点：5MB限制，超过5MB无法压缩第二种：http://www.660660.top------------------------------优点：可以...
2018-12-18 13:35:24
11124
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人