前端
关注
分享
扫一扫
绝尘花遗落
一骑红尘妃子笑，无人知是荔枝来
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React——深入理解组件
深入理解组件组件state组件state必须能够代表一个组件UI呈现的完整状态集，即state中的所有状态都用于反映组件UI的变化。组件的属性就是Class的属性，更加确切的说是class实例化对象的属性，state和props实际上也是组件的属性，除了state和props以外的其他组件属性都称为组件的普通属性。一个重要的判断依据是：组件render中有没有用到这个变量，如果没有就是一个普...原创 2019-12-24 15:38:27 · 301 阅读 · 0 评论 -
JavaScript可视化——Flot Ajax数据交互
获取AJAX获取数据异步使用JavaScript和XML方式获取数据的方法叫做Ajax。源数据http://api.worldbank.org/regions/?format=json[{ "page": "1", "pages": "1", "per_page": "50", "total": "48" }, [{ "id": "", "code": "AFR...原创 2019-12-23 16:20:50 · 485 阅读 · 0 评论 -
JavaScript函数式编程——生成器和promise
生成器和promise全新的ES6的前沿特性：生成器（generator）和promise使用生成器函数生成器函数几乎是一个完全崭新的函数类型，它和标准的普通函数完全不同。生成器函数能够生成一组值的序列。但是每个值的生成是基于每次请求，并不同于标准函数那样立即生成。生成器几乎从不挂起，随后当对另一个值的请求到来后，生成器就会从上次离开的位置恢复执行。function assert(co...原创 2019-12-23 10:52:13 · 740 阅读 · 0 评论 -
React——React 16新特性
React 16新特性React16是Facebook在2017年发布的React的新版本，基于Fiber的新架构实现的。Fiber架构：改变了之前的React的组件渲染机制，新的架构使得原来同步渲染的组件可以实现异步化，可中途中断渲染，执行更高优先级的任务，释放浏览器主线程。（中断的渲染组件需要重新渲染）。render新的返回类型在react 16之前，render方法必须返回的单个...原创 2019-12-22 17:13:08 · 537 阅读 · 0 评论 -
React——React基础
React基础react基本概念JSX 简介JSX是一宗描述UI的JavaScript扩展语法，是组件化语言实现的基础，是沟通UI描述和UI数据之间的桥梁。JSX语法基本语法基本的语法使用成对的标签构成的一个树状结构的数据。const element = { <div> <h1>Hello, World</h1> <...原创 2019-12-22 12:22:02 · 346 阅读 · 0 评论 -
ubuntu安装node环境管理器nvm
nvm是一个类似Anaconda和pipenv的环境管理器。安装的ubuntu版本18.04.03安装curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash或者wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35...原创 2019-12-20 09:23:44 · 678 阅读 · 0 评论 -
JavaScript——ES 6语法简介
ES 6语法简介let、constlet和const是ES6中新增的两个关键词，用来声明变量，let和const都是块级作用域，let声明的变量只有在let命令所在代码块中有效，const声明是一个只读的常量，一旦声明，就不能改变了。{ var a = 1; let b = 2;}console.log(a); //1console.log(b); // refere...原创 2019-12-19 21:54:48 · 779 阅读 · 0 评论 -
JavaScript可视化——Flot跟踪数据的值
跟踪数据的值用户既可以看到概况的趋势，又可以看到指定的详情。保存所有图表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...原创 2019-12-19 16:20:40 · 455 阅读 · 0 评论 -
JavaScript可视化——Flot缩放图表
缩放图表虽然Flot类库本身不支持缩放，但是selection插件和navigation插件这两个类库就可以实现这个功能了。navigation插件的作用类似于Google Maps，它在图表的一个角落添加了一个类似于指南针的空间，并在这个指南针的盘面上有箭头和按钮来控制缩放显示。selection插件提供了一个好得多的接口，但是不支持触摸操作。准备页面<!DOCTYPE html&g...原创 2019-12-18 21:49:19 · 729 阅读 · 1 评论 -
JavaScript函数式编程——闭包和作用域
闭包和作用域闭包是纯函数式编程语言的特征之一，能够大大简化复杂操作。理解闭包闭包允许函数访问并操作函数外部的变量，只要变量或函数存在于声明函数时的作用域内，闭包即可使函数能够访问这些变量或函数。所声明的函数可以在声明之后的任何时间被调用，甚至当该函数声明的作用域消失之后仍然可以调用。一个简单的闭包function assert(condition, text) { if(co...原创 2019-12-18 15:41:51 · 309 阅读 · 0 评论 -
JavaScript可视化——Flot选择图表
选择图表内容可视化交互往往需要比简单的，静态的图表更多的思考。包含需要的JavaScript库使用Flot库来创建图表，因为Flot依赖jQuery。使用CDN来加载这两个库。flot ：https://cdn.bootcss.com/flot/0.8.3/jquery.flot.min.jsjQuery：https://cdn.bootcss.com/jquery/3.4.1/j...原创 2019-12-15 22:07:43 · 758 阅读 · 0 评论 -
JavaScript可视化——Flotr2雷达图
雷达图如果你有多维的数据，那么选择雷达图是有效的可视化方法，比较适合展示4维或者更多的维度。雷达图的典型用法是用来展示一个球队的竞技状态。准备数据var players = [ { player: "Chris Bosh", points: 17.2, rebounds: 7.9, assists: 1.6, steals: 0.8, blocks: 0.8 }, ...原创 2019-12-15 20:23:55 · 594 阅读 · 0 评论 -
JavaScript可视化——Flotr2气泡图
气泡图传统的离散图表只能展示X和Y两个值之间的关系，有时两个值并不能恰当的展现出我们想要展现的数据。本次的例子使用气泡图展现2005年卡特里娜飓风的路径，X轴和Y轴代表位置（维度和经度）。定义数据var katrina = [ { north: 23.2, west: 75.5, wind: 35 }, { north: 24.0, west: 76.4, wind: ...原创 2019-12-15 20:02:17 · 627 阅读 · 0 评论 -
JavaScript函数式编程——理解函数调用
理解函数调用使用隐式函数参数函数在调用的过程中会传递两个隐式的参数：this 和 argumentsarguments 参数arguments参数是传递给函数的所有参数集合。无论是否有明确定义对应的形参，通过我们都可以访问到函数的所有参数。可以实现接收参数数量可变的可变函数。arguments对象有一个名为length的属性，表示实参的确切个数。通过数组索引的方式可以获取单个参数的值。...原创 2019-12-13 15:48:33 · 236 阅读 · 0 评论 -
JavaScript可视化——Flotr2散点图
散点图定义数据将经合组织2012年报告健康体检花费价格占全国生产总值的比例。var pacific_data = [ { country: "Australia", spending: 9.1, life: 81.8 }, { country: "New Zealand", spending: 10.1, life: 81.0 },];v...原创 2019-12-12 20:01:42 · 443 阅读 · 0 评论 -
JavaScript可视化———Flotr2饼图
饼图定义数据根据世界银行在2008年底的报告var data = [[ [0,22.4], [1,77.6]]]绘制图表Flotr.draw( document.getElementById("chart"), data, { pie:{ show:true }, yaxis:{ showLabels:false, }, xaxis:{ ...原创 2019-12-12 19:12:29 · 386 阅读 · 0 评论 -
JavaScript可视化——Flotr2折线图
折线图可视化NOAA从1995年至2011年的夏威夷火山的CO2CO_2CO2测量数据var co2 = [ [ 1959, 315.97 ], [ 1960, 316.91 ], [ 1961, 317.64 ], [ 1962, 318.45 ], [ 1963, 318.99 ], [ 1964, 319.62 ], [ 1965...原创 2019-12-12 18:46:56 · 381 阅读 · 0 评论 -
JavaScript可视化——Flotr2基础柱状图
创建基础的柱状图Flotr2的github代码 https://github.com/HumbleSoftware/Flotr2引入所需的JavaScript代码<!DOCTYPE html><html lang = "en"> <head> <meta charset = "utf-8"> <title></ti...原创 2019-12-12 16:34:19 · 471 阅读 · 0 评论 -
JavaScript函数式编程——函数的定义与参数
定义与参数函数式的不同点函数是程序执行过程中的主要模块单元。除了全局JavaScript代码是在页面构建的阶段执行的。由于我们的大多数代码会作为函数调用来执行，通用强大的构造器赋予代码很大的灵活性和控制力。常用功能：对象可通过字面量来创建{}对象可以复制给变量、数组项、或其他对象的属性。var ninja = {};ninjaArray.push({});ninja.data =...原创 2019-12-11 10:44:37 · 478 阅读 · 0 评论 -
JavaScript函数式编程——页面构建过程
运行时的页面构建过程生命周期概览典型客户端Web应用的生命周期从用户在浏览器地址栏输入一串URL，或单击一个链接开始。页面构建时间处理：进入循环等待事件发生，发生后调用事件处理器。页面构建阶段当Web应用能够被展示或交互之前，其页面必须根据服务器获取的响应（通常是HTML、CSS和JavaScript代码）来构建。主要的步骤：解析HTML代码并构建文档对象模型DOM执行J...原创 2019-12-10 16:58:25 · 242 阅读 · 0 评论 -
JavaScript函数式编程——JavaScript基础
JavaScript基础理解JavaScript语言JavaScript函数式语言的血统更多一些。函数式一等公民（一等对象）。函数与其他对象共存，并且能够像任何其他对象一样地使用函数闭包作用域基于原型的面向对象对于其他特性：生成器：一种能够基于一次请求生成多次值的函数，不同的请求之间也能挂起执行Promise：让我们更好地控制异步代码代理：控制对特定对象的访问高级数据方...原创 2019-12-10 14:40:02 · 171 阅读 · 0 评论 -
Python——flask+react搭建
flask+react1.搭建后台安装flask安装virtualenv创建后台文件2.搭建前台1.init在Flask后台中运行前台程序1.build目录2.配置到服务器1.搭建后台安装flaskpip3 install flask安装virtualenvvirtualenv是一个用于创建虚拟环境的脚本。可以让不同的项目使用自己的一套环境，避免项目间的冲突或者与本地环境的冲突。...原创 2019-08-26 16:10:56 · 9475 阅读 · 6 评论