萌芽笔记
文章平均质量分 65
萌芽子
hi,这里是前端小码农萌芽 ^-^ 喜欢听歌、画画敲代码
展开
-
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 · 403 阅读 · 0 评论 -
Date类型之时间戳
时间戳想必大家都再熟悉不过了,这里萌芽就来谈谈JavaScript中几种你不一定知道但很实用的时间戳获取方式!原创 2020-05-14 23:15:57 · 3848 阅读 · 6 评论 -
访问器属性之getter、setter函数
要是想理解Vue中的【响应式】数据到底是怎么实现的那么首先我们就要了解ECMAScript中的属性。在ECMAScript中有两种属性:数据属性和访问器属性。这里萌芽主要讲的是访问器属性的getter、setter函数!原创 2020-04-09 23:19:04 · 1815 阅读 · 4 评论 -
Vue学习之watch监听器详解
Watch监听器详解疫情期间在家蹲得都变懒咯,有短时间没写博客啦这次萌芽跟大家来谈谈Vue中的watch监听器!周末有小伙伴跟萌芽提到“深度监听”这个词,我寻思着不就是watch吗?怎么还分深的浅的?后来查了下才发现是萌芽小白了。watch基本上可以分为三种模式:【浅监听】【深监听】【局部监听】这里萌芽先讲一下watch监听器是什么以及使用方式。[官方对watch的解释]观察 Vue ...原创 2020-03-10 13:13:30 · 1324 阅读 · 4 评论 -
JavaScript DOM总结笔记
DOM编程艺术总结笔记hi hi~这里是萌芽子!前几天萌芽读完了《JavaScript DOM编程艺术》跑来跟大家分享一下,全篇读起来很愉快萌芽来做个小总结!书里基本上都是围绕案例展开的非常易理解,还讲了关于平稳退化以及浏览器不支持JS的年代需要怎么应对,虽然在这个马上都2020年的时代已经不用担心浏览器禁用JS问题但是多多少少了解一下真的是很有趣!感兴趣的小伙伴可以看看。【 扫盲:Jav...原创 2019-12-29 23:18:40 · 297 阅读 · 0 评论 -
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 · 329 阅读 · 0 评论 -
apply和call详解与使用
apply()与call() 详解每个函数都包含的两个非继承而来的方法:apply()和call()。然而这俩方法萌芽总是忘记所以今天打算深入的去学习一下借此加深记忆!这俩方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内的this对象的值。apply()apply()方法接受两个参数,第一个是在其中运行函数的作用域,另一个是参数数组。其中第二个参数可以是Array的实例,...原创 2019-12-17 10:12:51 · 628 阅读 · 0 评论 -
ESlint + TypeScript安装与配置
Vue-cli+ESlint+ TypeScript笔记最近萌芽开始试着用vue-cli,vue-cli默认安装eslint刚开始是给我整懵了,一行代码三行报错,不过对于萌芽这种强迫症来讲eslint简直一直报错一直爽!萌芽一直都很注重编码规范但是只是靠编码文档感觉还不够啊,周围也没前端小伙伴指导自从开启了eslint代码瞬间被整的整整齐齐,整洁哭了,连标点符号也给我整的干干净净的。...原创 2019-12-16 11:15:06 · 1776 阅读 · 0 评论 -
简易Node网络爬虫
Node爬虫篇hi hi~最近爬虫这个词越来越常见所以萌芽打算大概的来了解一下!爬虫通俗点来讲其实就是把页面上的数据下载下来然后通过正则表达式进行筛选,塞选出来的内容存入数据库就是整个流程啦!比如我们平常做一些demo没有数据怎么办?这个时候就可以用爬虫爬取到数据填充我们的页面~是不是感觉很棒?让我们一起来学习吧~大概分为以下几个步骤【阅读之前最起码要有一些node基础哦!】引入chee...原创 2019-12-12 18:44:29 · 320 阅读 · 0 评论 -
盘点h5在iOS下的那些坑
盘点h5在iOS下的那些坑 太忙咯好久没写博客啦!给大家分享一下关于萌芽在实战h5开发中关于iOS(Safari浏览器)的一些坑!希望帮助那些还没遇到过的萌新~在安卓下实现显示正常但是在iOS下时间格式为 NAN-NAN-NAN 关于Safari浏览器下cookie无法存储问题 在安卓显示正常但是在ios浏览器中字体超级小问题1.时间格式错误这个问题萌芽第一次遇...原创 2019-11-11 21:46:21 · 461 阅读 · 0 评论 -
高德地图H5开发总结笔记
高德地图的使用基本可以分为【地图初始化】【信息点坐标】【路线规划与导航】大概就这么些,因为之前没接触过这方面一直都觉得挺复杂的实际开发感觉还算ok,全程干货走起。原创 2019-08-25 14:06:15 · 1197 阅读 · 0 评论 -
npm管理工具
npm管理工具今天萌芽来学习一下npm管理工具,npm能帮助我们管理不同包之间的依赖关系。一行命令帮我们能做很多事情炒鸡方便,让我们一起来学习吧!首先我们要知道强大的node帮助我们作为一个桥梁。啥都没有的我决定先装个环境……Node官网看这里,安装的时候顺便就把npm装了:http://nodejs.cn/安装Node环境中途遇到问题,Mac系统下安装完毕后输入【node -v...原创 2019-08-02 20:43:26 · 405 阅读 · 0 评论 -
css3-filter属性的学习
[ 每日一练 ]荧光边框效果又到了萌芽的每日练习时间了!(文章结尾放练习代码)总结一下这次练习get到的新技能!第一次看到这个名字的时候第一反应是过滤器哈哈哈。filter属性none【默认效果】粉色小方块blur()【高斯模糊 | px】brightness()【明暗度| %】contrast()【对比度 | %】drop-shadow()【投影|...原创 2019-07-20 15:22:48 · 375 阅读 · 0 评论 -
CSS动画
CSS动画学习css动画作为一枚前端汪必备技能萌芽决定今天来好好的总结一下!如果平常不经常用到的话时间久了就很容易产生遗忘,所以要养成记笔记的好习惯哦!animation(动画) transition(过渡) transform(变形) @ keyframes 选择器在css3中有着2D转换和3D转换,转换可以可以对元素进行移动、缩放、转动、拉长或拉伸。配合上我们的动态...原创 2019-07-17 17:54:31 · 285 阅读 · 0 评论 -
冒泡排序
冒泡排序写了个冒泡排序跟网上的方法不一样,看不出来自己写的问题和网上的区别,似乎是逆向了不知道能不能这么写会不会不太好? 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 · 247 阅读 · 0 评论 -
PHP基础学习
为了以后能更方便的和后端小哥哥作对接,萌芽决定学习一下PHP,因为之前学的是JAVA语言所以理解上并不是非常的困难,不过不过只是基础语法的程度啦,让我们一起来学习一下吧~PHP环境这里我们用本地快速搭建工具,他能帮你快速配置好Apache服务器以及php的运行环境。http://phpstudy.php.cn/PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代...原创 2019-04-02 17:22:54 · 262 阅读 · 0 评论 -
Canvas画图
萌芽之前一直都觉得Canvas是个神奇的东西所以今天学习一下!来来一起玩儿点好玩的,用Canvas画一个贼鸡儿丑的 五角星!长期更新!!!canvas画布首先让我们创建一个canvas画布<canvas id="myCanvas" height="500px" width="500px" style="border:1px solid #d3d3d3;">您的浏览器不支持<...原创 2019-04-15 18:06:04 · 211 阅读 · 0 评论 -
【萌芽笔记】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 · 426 阅读 · 3 评论 -
SVG图标的使用
萌芽总结一下关于SVG矢量图的使用,除了代码量比较大其他都非常的NICE!你还在用png当图标吗?来一起学习吧!SVG矢量图库:【推荐】阿里爸爸矢量图标库:https://www.iconfont.cn/https://icomoon.io/app/#/selectLinearicons:https://linearicons.com/SVG图片转代码:菜鸟在线转换:h...原创 2018-12-08 17:00:11 · 1184 阅读 · 0 评论 -
浅谈JavaScript面向对象与基础类型
每日总结1.JavaScript面向对象2.七大数据类型类型1.JavaScript面向对象的理解JavaScript面向对象和其他基于类的面向对象语言相比他是基于原型的,面向对象其实就是一种接近人类思维的一种概念,举个例子,先有一个苹果(对象),我们知道这个苹果能吃,之后才知道所有苹果都能吃(类)。说起面向对象大家都会想到封装继承多态,这里我要强调的是他们的不同点,JavaS...原创 2019-06-14 01:46:32 · 177 阅读 · 0 评论 -
JavaScript基本概念总结
睡前总结了一些实用的基础小知识,有些比较冷门儿萌芽个人觉得还算有意思跟大家分享一下~1.类型2.操作符3.语句4.函数类型1. typeof是一个操作符而不是一个函数,主要用于检测数据类型萌芽很喜欢这个!2. NAN是一个特殊数值,表示“非数值”。 isNAN() 判断是否为NAN类型,如果是则返回true,里面的数值会进行类型转换如果可以转换为...原创 2019-06-21 01:57:41 · 232 阅读 · 0 评论 -
箭头函数能不能替代普通函数
前段时间萌芽学习ES6的时候,其中新加入的箭头函数被一部分人称作是用来替代function的,当时还不是很理解后来才发现其实这种说法是错误的!首先我们看他们的语法: function demo() { //普通函数 } var demo = () =>{ //箭头函数 }箭头函数相对于普通函数简洁很多这让人有种 ...原创 2019-06-22 11:49:35 · 1176 阅读 · 0 评论 -
JavaScript垃圾回收
JavaScript是具有垃圾自动收集机制的。垃圾收集的原理【找出那些不再继续使用的变量然后释放其占用的内存!】垃圾收集齐会按照固定的时间间隔周期性的去执行这一操作,萌芽觉得挺有趣的虽然这些知识在我们平常开发中并不常用但是还是需要去了解的!了解垃圾回收能的帮助我们编写代码提升性能以及避免造成不再使用的循环引用对象内存无法回收问题。标记清除 (常见) 引用计数标记清除垃圾...原创 2019-06-27 09:53:56 · 151 阅读 · 0 评论 -
如何优雅的编写前端代码
代码千万行,注释第一行。命名不规范,同事泪两行。锵锵锵!今天萌芽跟大家一起来讨论讨论编码规范问题,可不要小看注释哦!在多人项目的时候注释可是非常重要的,你是否有觉得自己页面排版不够好?经常自己都不知道自己的这个class或者id用在哪里?或者因为偷懒写一大把css选择器导致布局一改还要再调?这都是编码规范问题!自己都看不懂自己的代码的话就更别想让别人看得懂了。先做个小总结:HTML语义...原创 2019-07-10 10:32:16 · 685 阅读 · 0 评论 -
微信小程序开发笔记之属性篇
今天来谈谈一些属性方法吧,最常用的就是我们data的值了,直接this拿到之后再修改是不行的!那么怎么去更改呢?其实很简单只要我们调用setdata方法就可以啦,setData({ 键:值})但是这只限于对单一的更改,实际项目中大多数还是以数组的方式传递的,这个时候我们要想在JS当中去修改他的代码也是有方法的var num = this.data.数组名;num[1]...原创 2019-02-23 22:43:32 · 255 阅读 · 2 评论 -
阿里云服务器每日账
萌芽的第一个服务器,超开心的!2019请多关照目前正在备案中,这篇记录笔记将伴随着我的小窝一起成长。不定时长期更新哟,冲鸭冲鸭冲!【2019-01-07】1.用SecureCRTPortable 进行远程连接,刚刚修改了【vi/etc/hostname】目录下的名字!重启后就生效了真开心~可以用hostname查看当前服务器的名字哟!【2019-12-19】免费将h...原创 2019-01-07 16:01:54 · 283 阅读 · 0 评论