Osborn的博客

你把echarts.min.jsecharts-gl.min.js下载地址http://echarts.baidu.com/download.html  这两个js文件从echarts官网下载下来，在同一个文件夹内新建一个HTML文件，把下面的代码复制进去echarts#main {width:100%;height: 100

gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出...

最近一直在做股票相关的东西，但是股票行情数据花钱来买对于个人用户来说还是太贵了，查了好多资料，总的来说新浪的行情接口还是比较稳定比较全的。以下是把获取的行情字符串通过逗号分开，产生一个数组，并列了每一个对应的含义，部分没找到，欢迎大家来完善具体如下：A股sh上海 sz深圳http://hq.sinajs.cn/list=sh600379[html] view plain copyvar hq_st...

ES6 Promise 用法讲解Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.lo...

RelayCommand(() => this.AddPerson(), () => this.CanAddPerson());的意思可以翻译为RelayCommand(参数一, 参数二);参数一 ：() => this.AddPerson()参数二 ：() => this.CanAddPerson()() => this.AddPerson() 的意思是 一个没有参...

js(=>) 箭头函数 ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：x => x * x上面的箭头函数相当于：function (x) { return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和...

call()方法使用示例： //例1 <script> window.color = 'red'; document.color = 'yellow'; var s1 = {color: 'blue' }; function changeColor(){ console.log(th...

什么是ES5作为ECMAScript第五个版本（第四版因为过于复杂废弃了），浏览器支持情况可看第一副图，增加特性如下。1. strict模式严格模式，限制一些用法，'use strict';2. Array增加方法增加了every、some 、forEach、filter 、indexOf、lastIndexOf、isArray、map、reduce、reduceRight方法PS： 还有其他方法...

首先你要掌握的基础知识:.row 行概念 <el-row></el-row> .col 列概念 <el-col></el-col> col组件的:span属性的布局调整,一共分为24栏: 代码示例:  <el-row> <el-col :span="24"&gt

windows 安装npm install --global --production windows-build-toolscentos 安装sudo npm install -g node-gyp --registry=https://registry.npm.taobao.org

例1 <div v-if="Math.random() > 0.5"> Now you see me </div> <div v-else> Now you don't </div> <div v-if="num==10">

1.表单名称 ref=”idname”2.表单绑定 :rules=rules3.el-form-item prop属性4.验证方法方法提交方法：confirm(formName){        this.$refs[formName].validate((valid) => {        if (valid) {           console.log('succe...

第一步： 父组件在子组件上注册方法<customer-Avatar ref="customerAvatar" @customerchangeflag='customerchangeflag'></customer-Avatar>第二步 ： 子组件里设置何时调用方法将此方法写在要调用父组件方法的地方1.不传参数的写法 this.$emit("customerc...

this.unique(this.dataList)unique(arr) {  const res = new Map();  return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))},var m = new Map(); // 空Mapm.set('Adam', 67); /...

1.安装node.js3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架在cmd里 1)输入：npm install -g vue-cli，回车，等待安装...            2).输入：vue，回车，若出现vue信息说明表示成功(注:如果不没有成功显示提示信息，找到安装目录，修改环境变量的path)  3.创建项目在cmd里输入：vue init...

vuex 的设计是将数据存在一个对象树的变量中，我们的应用（vue应用）从这个变量中取数据，然后供应用使用，当将当前页面关闭， vuex 中的变量会随着消失，重新打开页面的时候，需要重新生成。 而，浏览器缓存（cookie，localstorage等）是将数据存到浏览器的某个地方，关闭页面，不会自动清空这些数据，当再次打开这个页面时，还是能取到之前存在浏览器上的数据（cookie，localst...

相关css 代码如下：//强制显示滚动条:html { overflow: scroll; }//强制隐藏滚动条:html { overflow: hidden; }//隐藏IE的水平滚动条:html { overflow-x: hidden; }//隐藏IE的垂直滚动条:html { overflow-y: hidden; }//强制显示IE的水平滚动条:html { overflow-x: s...

Javascript:网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidt...

dat.gui是一款小巧轻便的可视化工具，配合使用在Three.js中非常方便。首先导入js库[javascript] view plain copy"../examples/js/libs/dat.gui.min.js">  再参考dat.gui的用法，由于dat.gui直接显示变量名称，原本以为只能显示英文了，国人看起来会非常

这三种架构模式模式可以说是行业必备知识，不管是开发人员还是需求产品设计人员，都能说上两句。不过对于开发人员面试的时候还是会经常被问到。一、MVC（Model-View-Controller）MVC是比较直观的架构模式，用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结果反馈给View）。

单页Web应用，顾名思义，就是只有一张Web页面的应用。浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面上完成，这一切都由JavaScript来控制。单页Web应用（single page web application，SPA）无疑是目前网站开发技术的弄潮儿，很多传统网站都在或者已经转型为单页Web应用，新的单页Web

引入js（dist目录下JsonExportExcel.min.js）script src="https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js">script>js代码var option={};option.fileName = 'excel'option.datas=[

Bootstrap Snippet Pack BootStrap 代码片段插件，ctrl =k,x可以选择到此插件，里面存放了很多入模态框，提示框等代码示例。在代码片段中选择对应示例，代码自动输出，可以大大节省开发时间。有了Bootstrap Snippet Pack，我们只需要使用Visual Studio的快捷键Ctrl+k,x唤出已安装的代码片段菜单，如图：然后选择“Bootst

1.gulp是什么？前端构建工具，gulp是基于Nodejs，自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。流，Node将几乎所有

define(['require','jquery'//依赖jquery], function (require, $) {'use strict';return {jquery:$,f1:'hello',m1:fureturnnction () {'world';}}});"use strict" "

搭建一个兼容IE8的前端架构

pace.js – 网页自动加载进度条插件源码地址https://github.com/HubSpot/pacepace.js – 网页自动加载进度条插件

是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，上手更快更轻松。

nodejs 一分钟了解 三大特点：　　1、基于事件驱动；　　2、无阻塞。从而nodeJS非常适合处理并发请求。4.后端 js

数据可视化常用图表解读

如果你代码狂人，期待与一群老司机为代码狂欢，欢迎你岗位职责：1.负责项目Web平台的设计与开发；（包括PC、以及移动端开发）2.RestAPI接口开发工作；3.根据产品需求，对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计；4.与产品经理紧密配合，完成项目的持续交互；任职要求：1.大专及以上学历；2.两年以上开发经验，至少完整经历过一个产品的开发、上线、维护工作,对Web开发有整体认识...

i18nexti18next是一个用来支持应用国际化的javascript库。 官方下载链接 http://i18next.github.io/i18next/index.html我下载了不是AMD规范的版本第一步 引入第二步  绘画页面第三步 js初始化第四步  编写翻译json配置...

<el-form-item label="所属项目：" prop="projectId":required="!dlgoptionprojectDisabled"class="nomarbottom"><el-selectclass="filter-item"v-model="dlglistQuery.projectId"p