提交什么都对-CSDN博客

原创前端数据可视化D3 ——（案例1）柱状图

从本篇博客开始，我将使用D3来完成一些基础的demo，关于数据可视化方面的介绍我就不多说了，关于d3的简单介绍：D3 的全称是（Data-Driven Documents），一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，主要是用来做数据可视化，将强大的可视化组件应用于需求中。查看这个系列的代码前，请先熟悉一些d3基础知识，关于基础可移步至官网：https://d3js.org/首先我们先来看看，要实现的柱状图的效果：简单分..

2020-06-06 16:36:25 2071 2

原创前端数据可视化D3 ——（案例2）含动画效果柱状图

从本篇博客开始，我将使用D3来做一些数据可视化的基础demo，关于D3的简单介绍：D3 的全称是（Data-Driven Documents），一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，主要是用来做数据可视化，将强大的可视化组件应用于需求中。查看本篇博客代码前，请先熟悉D3基础，详细请查看官网：https://d3js.org/话不多说，我们开始吧~首先我们来看下实现的简单柱状图的样子：对柱状图进行简单分...

2020-06-06 16:09:46 2778 2

原创原生JS创建随机div块（随机位置、随机大小、随机颜色）

先来看看最后实现的效果吧实现方法呢也是非常简单，首先创建了一个产生div块的函数，然后创建一个产生随机颜色的函数，最后通过for循环制造50个随机大小、位置、颜色的div块代码附上： function createDiv(_width, _height, _color) { var str = ""; str += " <div style=' "; str += "width:" ..

2020-05-23 22:19:51 3803 1

原创 Js中函数作用域问题，看这一篇就够了

在编程语言中，作用域控制着变量与参数的可见性与生命周期。对程序员来说这是一项重要的服务，因为它减少了名称冲突，并且提供了自动内存管理。一、从一道面试题入手var x=10;function fn(){ console.log(x)}function show(f){ var x=20; f()}show(fn); 这是TX的一道面试题，大家可以思考一下最后打印的结果是什么？答案是10，那么为啥是10呢，看完这篇博客你就会知道啦~二、一些规则其实学习函数..

2020-05-23 22:06:40 1625 3

原创前端面试必问——JS中的原型(prototype)、原型链和继承

原型、原型链与原型继承也是一个老生常谈的问题了，可以说js原型弄明白了，那么学习js就得了一种质的飞跃，今天我们就来看看这个在前端面试中的高频考题究竟是怎么一回事。一、原型要说原型，我画了上面那张图，它生动的表达了js中的构造函数、实例对象以及原型对象的关系：每个对象都有_proto_属性，并且指向它的原型对象每个构造函数都有它的prototype原型对象 prototype原型对象里的constructor指向它的构造函数 new一个构造函数会形成它的实例对象如果光看文字.

2020-05-20 13:23:42 6315 1

原创全局安装expo-cli后，出现问题：expo不是内部或外部命令，也不是可运行的程序或批处理文件。

当我用yarn全局安装好expo-cli后，想用expo搭建项目时，遇到了下面这个问题。 'expo' 不是内部或外部命令，也不是可运行的程序或批处理文件。紧接着我用 expo -V想要查看是否有版本号，发现依然没有。（如果有版本号，但是在vscode中依然报错的同学可以尝试重启vscode）那么解决方法就是需要将bin文件的路径拷贝到Path环境变量中。首先我们在命令行输入 yarn global bin查看文件路径：（如果是使用npm安装的同学输入：npm ..

2020-05-19 11:25:50 3977 3

原创前端面试必问——JS中的闭包是什么？

一、什么是闭包？先说概念：闭包是指有权访问另一个函数作用域中变量的函数。创建闭包的最常用的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量，利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。...

2020-05-15 19:49:09 2385 3

原创 Vue实现简易邮箱输入验证

本文中的代码将使用自定义全局组件，emit派发以及正则来实现一个简易的邮箱输入验证功能，用以验证邮箱地址格式是否正确，如果正确则在输入框的后方同步显示true，如果错误则显示false。邮箱地址我们规定为：前缀是字母、数字或者下划线，并且长度在3位以上15位以下，后缀是小写字母构成，且长度为2位或者3位。例如：ab@152.cn false（前缀不在...

2020-04-06 10:26:26 4584

原创 Vue中常见指令汇总

Vue指令解释：是指带有 v- 前缀的特殊属性作用：当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM1、v-html解释：更新dom对象的innerHTML<div id="box"> <div v-html="str"></div></div><script>var vm = new ...

2020-04-05 23:47:42 510

cuckooii的博客