Jishenshen97-CSDN博客

原创 sql- Leetcode#183 Customers Who Never Order找出没有下订单的用户

问题描述Suppose that a website contains two tables, the Customers table and the Orders table. Write a SQL query to find all customers who never order anything.Table: Customers.+----+-------+| Id | Name |+----+-------+| 1 | Joe || 2 | Henry || 3 |

2020-12-08 00:56:37 253

原创 CSS-Flex布局方法

在做js30天挑战的时候，遇到了这样一个页面效果demo页面点击前截屏如下点击后：我的代码如下：<div class="panels"> <div class="panel panel1"> <p>Hey</p> <p>Let's</p> <p>Dance</p> </div> <div class="pane

2020-05-30 20:06:46 261

原创 CSS-元素页面水平垂直居中显示

网页元素页面水平垂直居中显示的设置问题描述代码展示解决方案问题描述目标页面效果如下：目前页面效果如下：为什么呢？让我们来看下源代码代码展示问题代码：body { font-family: Arial, Helvetica, sans-serif; font-size: 2rem; background: #018ded; display: flex; align-items: center; flex: 1;} .clock { margin: 50px auto;

2020-05-23 02:00:47 355

原创 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 5067 1

原创 CSS界面布局篇—关于display的使用

在做界面布局的时候遇到了这样几个问题：1. display的使用：** 目标完成界面**：实操过程中的结果却如下：在用flex:1定义了right bar充满剩下的屏幕后，输入任何内容都居中，而我想要让内容从左到右来布局，在尝试了几个方法后发现自己漏了这么一步：.right1 span{ display: flex;}写入这个css语句后，排版回复正常2. fle...

2020-05-01 15:59:49 333

原创 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 839

原创 CSS-关于CSS的一些小技巧（页面元素居中，弹性布局，分割线）

今天试着模拟还原Twitter界面，在页面布局时收到大佬指点，学了一些实用的布局技巧，来此记录一下。1. 页面元素居中思路：给container一个宽度，再把她的左右margin设置成auto，container就自动居中了.container{ width: 500; margin: 0 auto;}2. css初始化考虑到不同浏览器兼容性的问题，在写css文件时初...

2020-04-16 19:28:23 474 1

原创 Github--上传本地项目到Github

昨天简单尝试了用vue.js搭建apexcharts的动态barcharts可视化，并将储存于本地的项目传到github上，但是按照git的命令进行执行，上传不上去，一直在报错，在此整理一下自己遇到的问题。1. 项目结果首先展示下本地化项目的可视化结果上传本地至github在vs code中打开项目根目录，在terminal中输入git init将项目的所有文件添加到仓库中...

2020-04-11 18:50:36 140

原创 Vue.js—关于watch, method, computed的用法区别

今天遇到了一个关于watch的简单案例，代码如下<div id="app"> <input type="number" v-model.number="counter"></input></div>new Vue({ el: '#app', data () { return { ...

2020-04-07 05:21:45 157

原创 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 198

原创 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 415

翻译 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 316 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 228

转载 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 462

原创 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 210

原创 Chrome Developer tools工具学习笔记

今天这篇文章，主要是想给前端新手介绍几个工具，以便大家更好地理解，并且提高学习效率，仅限个人简介，如果有补充，欢迎评论留言。DOM：DOM是文档对象模型（Document Object Model，简称DOM），浏览器浏按从上到下，从左到右的顺序，读取DOM树的文档节点。这个解释抽象到生无可恋，刚接触DOM概念的同学应该是一脸懵逼，所以推荐大家可以live-dom-viewer，帮助大家理...

2020-03-14 21:41:07 293

原创 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 246

原创如何理解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 1961

原创 Mysql篇 - phpmyadmin在macOS Catalina上的配置(希望初学者少走弯路)

由于换了电脑，所以MacBook上的所有配置都要重新设置，折腾了一个晚上终于把phpmyadmin又重新设置完毕，中途曲折路线令人掉一把辛酸泪，出错，网上查资料，然后bash改文件，改完出新的错，然后再找，最后死胡同了，于是写下这一篇文章记录一下，以便以后少走弯路1. 启动Apachemacbook自带Apache, 我电脑上的目前是Apache2，打开终端，输入sudo apachectl...

2020-03-08 07:09:10 802

原创 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 1571 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 208

原创 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 433

Jishenshen97的博客