自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

a546598185的博客

前端小白学习笔记

  • 博客(20)
  • 收藏
  • 关注

原创 【npm】node-sass下载失败问题

title: 【npm】node-sass下载失败问题date: 2020-08-04 14:33:51tags:node-sass 因为一些历史原因,对 node 的版本有要求,必须要node@8.x以下才可以安装。但平时我们不可能为了一个 npm 包,频繁切换 node 版本,尽管有 nvm 版本管理工具。特别是在用到自动化平台,需要在云端进行打包工作的时候。为了从手动操作中解放出来,其实我们可以使用.npmrc 配置文件对 npm 进行配置。通过.npmrc ,我们可以通过观察报错信息.

2020-08-04 14:47:31 441

原创 JavaScript执行机制之垃圾回收

title: js垃圾回收前言我们已经了解变量的赋值,以及引用类型和堆内存之间的关系。前面的章节也多次提到垃圾回收,这里终于可以展开来讲。内存回收JS中有一个自动垃圾收集机制的, 垃圾收集器会每隔一段时间就执行一次释放操作, 去清理掉那些不再使用的值, 来释放它们占用的内存.销毁局部变量和全局变量1. 局部变量的销毁对于一般的局部变量, 即便它们是存在于函数中, 当这个函数执行完了之后, 它里面的变量还是会被GC。唯一的特例是闭包。闭包中的变量并不会随着函数的执行完毕而被清除掉,反而会.

2020-07-28 01:38:54 1275 1

原创 JavaScript执行机制之栈内存与堆内存

title: js栈内存与堆内存前言关于执行上下文与执行栈、执行过程,已经告一段落。这一章你会了解到:三种数据结构: 堆(heap)、栈(stack)、队列(queue)变量的存放内存空间管理注意:栈内存可以理解为当前栈的内存。栈内存与当前执行上下文绑定,仍旧是后进先出。队列严格意义上是 JavaScript 中的高级概念“并发模型”,具体运行过程比之单一概念更加复杂。三种数据结构JS中三种重要的数据结构, 如图:(图片来源前端九五六-Javascript 内存空间管理)栈.

2020-07-28 01:38:02 1171

原创 JavaScript执行机制之执行栈与执行过程

title: js执行栈与执行过程执行栈与执行过程一、执行栈的概念由于 javascript 是单线程,只能在主线程上运行。所以为了管理同一线程上的多个执行上下文(函数),出现了 执行栈 的概念,它也被叫做 调用栈 。特点:后进先出(LIFO)的结构。作用:存储在代码执行期间的所有执行上下文。(LIFO: last-in, first-out,类似于向乒乓球桶中放球,最先放入的球最后取出)js在首次执行的时候,会创建一个全局执行上下文并推入栈中。每当有函数被调用时,引擎都会为该函数创建.

2020-07-28 01:36:58 814

原创 JavaScript执行机制之执行上下文

title: js执行上下文前言:JavaScript没有块级作用域开始之前,必须先声明,JavaScript 没有块级作用域,只有执行上下文。这也是这篇文章的输出原因之一,讲清楚作用域和执行上下文的关系。请不要简单的把一个 {} 当成一个块级作用域,这是错误的!多数人的入门语言是 C语言, 它可以在 for循环 里定义变量不影响外部环境。 但在 JavaScript 中却不可以。JavaScript 中只有全局作用域和函数作用域。而执行上下文,就是函数作用域中的 JavaScript 代码的运.

2020-07-28 01:33:34 533 2

原创 编写你的第一个Github Actions工作流脚本

title: 【Github】Github Actions持续集成date: 2020-07-24 00:05:52tags:Github ActionsGithub2020/7/23 在掘金看到一篇用 github 打造个人简历的文章,骚操作顿时令我惊为天人。没忍住,在待业期间不务正业,花了一天时间各种踩坑,最后经过整理,有了这篇文章。但这篇文章也并不是教程,最好的教程仍旧是官方文档,本文主要是起到一个抛砖引玉的作用!简单聊聊自己是如何学习使用的!对于Github Actions 持.

2020-07-28 01:27:05 2265

原创 深入理解js对象排序-sort()

排序sort()默认按照首字母A~Z、a~z排序,以及0~9排序。① 函数传参(a-b)-升序、降序排序② 进阶:函数嵌套传参(自定义函数(属性名))③ 字母排序兼容sort()原理与通用方法sort()通用方法①通用简单升序② 通用简单降序sort()通用排序原理排序假设有一个对象数组,我们想要根据某个对象属性对数组进行排序。...

2018-04-28 23:49:53 39307

原创 js中的for、for-in、forEach

学习和记录循环语句需要注意的重要细节,深入理解js的循环语句for(条件循环)一般for循环的语法为:for(语句1;语句2;语句3){ 被执行的代码块;}语句 1 在循环(代码块)开始前执行 语句 2 定义运行循环(代码块)的条件 语句 3 在循环(代码块)已被执行之后执行干巴巴的说明有点无聊,不方便记忆,我们来做一道经典题型以面试题级别的题...

2018-04-28 04:02:05 830

原创 CSS布局思路

使用三段论推理:三段论包括大前提、小前提、结论三个部分。 所谓CSS布局:布局是大前提,html是小前提。 良好的布局思路,决定了代码的优雅。①我要用什么布局 ②DOM结构用什么标签 ③结构的主体是什么看似简单,是逻辑推理中的基础【三点式推理】。 但是一定要想清楚! 严格遵循这个顺序!只有一开始便理清思路,并且不断累积这样的判断经验,才能提高开发效率与正确的直觉!...

2018-04-07 01:48:33 892

原创 sass使用之mixin

目前仅用于最简单的实战,没有深入学习,以下介绍SASS常用方法定义mixin通过 @mixin 名称 的方式可以定义一个Mixins模块:在模块内你可以添加任何你想重复使用的样式。示例(以下全文使用一个例子):@mixin flex($direction:column,$inline:block) { display: if($inline==block,flex,i...

2018-04-06 17:48:26 2154

转载 使用css module替代scopet

关于CSS Modulecss modules是一种流行的模块化和组合CSS的系统。 vue-loader提供了与css modules的集成,作为scope CSS的替代方案。vue引入scopet,有缺陷的样式私有化最开始的时候,我们提倡并大量使用的是scoped这种技术 在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped...

2018-04-06 17:11:49 1314

原创 微信小程序学习笔记(完)

最后一部分的电影详情页,内容比较多,加上不是一天完成的,不知从何说起,算是占个坑。 以后继续学习微信小程序时,会再进行补完。 源码我放在GitHub上了,代码做了详细的注释,有兴趣的同学可以去克隆一份看看 demo源码 值得一提的是豆瓣电影搜索的API,使用代理无法调用,浪费了一点时间。...

2018-04-03 17:00:03 186

原创 微信小程序学习笔记(六)

tabBar组件-tap选项卡豆瓣API调用以及五星评分组件豆瓣API五星组件星星的显示tabBar组件-tap选项卡这个有坑,必须说下: ①list方法是定义选项卡 ②list方法里的pagePath属性是绑定选项卡页面 ③选项卡页面无法通过 wx.redirectTo 或者 wx.navigateTo 跳转选项卡页面无法打开原因: navig...

2018-03-31 16:37:31 441

原创 变量类型和计算

变量类型和计算变量类型值类型 VS 引用类型typeof运算符变量计算 - 强制类型转换变量类型和计算变量类型值类型 VS 引用类型值类型var a = 100var b = aa = 200console.log(b) //100引用类型var a = {age:20}var b = ab.age = 21cons...

2018-03-30 01:36:41 196

原创 微信小程序学习笔记(五)

数据缓存的补充,以及音乐功能的实现数据缓存之同步、异步显示消息提示框音乐功能如何在主目录的App.js定义全局变量数据缓存的补充,以及音乐功能的实现数据缓存之同步、异步异步数据缓存看起来挺组件化,但是回调函数比较复杂,不方便阅读理解。 如无特殊需要,推荐使用同步数据缓存异步缓存的思路是: 声明Key名,然后通过res取得本页data内的Key...

2018-03-28 02:27:13 863

转载 JavaScript原生小项目之架子鼓游戏

简介:JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西,不借助框架和库,也不使用编译器和引用。 CSDN有教学视频…… 虽然没有付费观看,但在这里首先还是要感谢视频制作者分享的GitHub源码,以及每个任务附带的项目说明。 顺便一提...

2018-03-26 22:08:13 956

原创 微信小程序学习笔记(四)

在小程序使用自定义属性data-跨页面传递参数数据缓存wx.setStorage在小程序使用自定义属性data- event——框架给你的事件对象; currentTarget——当前事件目标; dataset——所有自定义属性数据的集合; postId——自定义的变量;js无法识别css的减号标签(连字符),会自动转化为驼峰命名...

2018-03-26 02:32:04 370

原创 微信小程序学习笔记(三)

数据文件处理打包(脚本模拟数据库)脚本文件输出module.exports()脚本文件引入require()脚本文件使用template模板化关于import数据文件处理打包(脚本模拟数据库)脚本文件输出module.exports()把数据做成数组单独新建文件夹和新建js文件,把数组放到里面定义出口module.exports...

2018-03-24 21:51:27 196

原创 微信小程序学习笔记(二)

swiper框架数据绑定列表渲染:wx:for点击事件关于跳转swiper框架swiper轮播图组件,swiper-item是承载里面具体内容组件的容器,swiper-item的宽高决定于父控件的swiper的宽高 swiper框架的具体使用,可查看微信开发者文档·组件部分 ——需要注意的是,微信小程序对应html的wxml文件,其中标签无法直接设置布尔...

2018-03-24 16:37:28 296

原创 微信小程序学习笔记(一)

此系列仅记录知识点,与遇到的坑,因此会混杂网络上找来的知识点,并且不会展开去写所学的教程内容app.json里存在-就近原则,即:以离页面最近的配置文件为准。应用程序入口(app)一级页面:wxml,wxss,js,json二级页面:wxml,wxss,js,json页面级数由文件夹嵌套层数而定一级、二级页面可以无限多个(小程序大小限制,不可能无限多个),纵向页面层级数最多只能五级页面应用程序级别...

2018-03-23 16:39:54 2233

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除