JS 学习笔记
Jishenshen97
这个作者很懒,什么都没留下…
展开
-
Vue应用篇—读取本地geojson文件 ( Input data given to 'glasgow' is not a valid GeoJSON object )
在应用mapbox的时候,想要导入自己的geojson文件,一直遇到bug当前文件路径是:components/map/index.vue, 在这个index.vue文件里我addSource了一个geojson的文件,我确认这个文件的格式是对的,在github上可以正常显示:并确定这个addSource的格式正确,图是官方案例但是我自己咋npm run serve之后,但是在它cons...原创 2020-05-01 19:29:57 · 5246 阅读 · 6 评论 -
Node.js—读取目录下的所有文件路径,并导出脸部表情数据
由于一门课程作业主题与脸部数据识别有关,在GitHub上找到了一个开源代码库face-api.js(https://github.com/justadudewhohacks/face-api.js),想要识别在Instagram上抓取所图片的脸部数据,其过程如下:1. 读取所有图片路径在node.js中读取folders中的文件,可以用fs.readFile,假设我所有的图片都放在test这个...原创 2020-04-19 06:06:44 · 870 阅读 · 0 评论 -
Vue.js—关于watch, method, computed的用法区别
今天遇到了一个关于watch的简单案例,代码如下<!--HTML--><div id="app"> <input type="number" v-model.number="counter"></input></div>new Vue({ el: '#app', data () { return { ...原创 2020-04-07 05:21:45 · 175 阅读 · 0 评论 -
JS篇 -- Types Exercise
今天这一篇主要po一下几道关于types的练习题及答案1. ObjectQuestion Description:Polyfill for Object.is(..)In this exercise, you will define a polyfill for Object.is(..). No cheating and looking it up online!Instruction...原创 2020-03-28 05:08:23 · 242 阅读 · 0 评论 -
JS篇--async练习篇
这篇主要为闭包练习题及答案合集题目来源:https://github.com/CodesmithLLC/cs-bin-solutions/blob/master/async.jsChallenge 1Thinking point (no writing code necessary for this challenge): Inspect the code given to you in C...原创 2020-03-20 18:45:24 · 445 阅读 · 0 评论 -
JS篇--The JavaScript Event Loop解释篇(新手向)
看完callback queue & Event loop的视频解释后还是有点云里雾里,网上看到了这篇解释文章真的很赞,在此转载与大家分享。source: https://flaviocopes.com/javascript-event-loop/原文如下:1. IntroductionThe Event Loop is one of the most important aspe...翻译 2020-03-19 19:58:26 · 345 阅读 · 1 评论 -
JS篇--Closure闭包练习
这篇主要为闭包练习题及答案合集题目来源:https://github.com/CodesmithLLC/cs-bin-solutions1. Challenge 1Create a function createFunction that creates and returns a function. When that created function is called, it shou...原创 2020-03-18 20:25:50 · 244 阅读 · 0 评论 -
JS篇 -- Closure的介绍与应用
今天主要学习了JS中一个非常重要的概念Closure (scope and execution context),刚开始真的是非常懵,看概念解释第一反应就是谁看得懂???也看了几篇解释还是觉得似懂非懂,直到看到了一篇文章叫I never understood JavaScript closures, 醍醐灌顶,在此与大家一起分享。As the title states, JavaScript c...转载 2020-03-18 06:18:57 · 490 阅读 · 0 评论 -
JS篇--Higher Order Functions & Callbacks
今天主要学习了对于higher order function及callbacks的理解,记录下自己的学习体会,以便日后复习。1. 什么是higher order function中文翻译成高阶函数,在数学和计算机科学中,高阶函数是至少具有下列功能之一的函数:Takes in a function or passes out a functionJust a term to describ...原创 2020-03-15 23:12:20 · 231 阅读 · 0 评论 -
Chrome Developer tools工具学习笔记
今天这篇文章,主要是想给前端新手介绍几个工具,以便大家更好地理解,并且提高学习效率,仅限个人简介,如果有补充,欢迎评论留言。DOM:DOM是文档对象模型(Document Object Model,简称DOM),浏览器浏按从上到下,从左到右的顺序,读取DOM树的文档节点。这个解释抽象到生无可恋,刚接触DOM概念的同学应该是一脸懵逼,所以推荐大家可以live-dom-viewer,帮助大家理...原创 2020-03-14 21:41:07 · 323 阅读 · 0 评论 -
JS篇 - reduce()用法的练习体会
今天在做reduce()练习的时候,遇到了这样一个函数:var arr=[3,5,6,2,2,4];var newArr = arr.reduce(function (prev, cur) { prev.indexOf(cur) === -1 && prev.push(cur); return prev;},[]);//==>[ 3, 5, 6, 2...原创 2020-03-08 21:03:16 · 275 阅读 · 0 评论 -
如何理解JavaScript中obj[item] = (obj[item] +1 || 0)
今天主要应用了reduce(), 他的语法为:arr.reduce(function(prev,cur,index,arr){...}, init);其中:arr 表示原数组;prev 表示上一次调用回调时的返回值,或者初始值 init;cur 表示当前正在处理的数组元素;index 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;init 表...原创 2020-03-08 19:48:15 · 2003 阅读 · 0 评论 -
JS篇-Array.prototype.slice.call()详解
slice.call()这个方法第一次接触的时候很容易迷惑,它使arguments转换为array;更具体的理解是:==》是能够将具有length属性的arguments转换为数组, 可以理解为 arguments.toArray().slice());==>所以,这个过程我们是不是可以理解为 Array.prototype.slice.call(arguments)的实现过程就是把传...原创 2020-03-08 03:17:13 · 1620 阅读 · 1 评论 -
JS篇 - Array filter() Exercises
Goal: Use the built-in array method .filter() to solve all of these problemsTaks reference: https://coursework.vschool.io/array-filter-exercises/1) Given an array of numbers, return a new array that...原创 2020-03-05 22:40:31 · 227 阅读 · 0 评论 -
JS篇 - Array Map() Exercises
Today, I am going to use the built-in .map() method on arrays to solve all of these problemsThese assignments are from https://coursework.vschool.io/array-map-exercises/.map() method documents: http...原创 2020-03-05 18:41:15 · 453 阅读 · 0 评论