- Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!-- 在双花括号中 --> {{ message | capitalize }} <!-- 在 `v-bi... Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!-- 在双花括号中 --> {{ message | capitalize }} <!-- 在 `v-bi...
- 在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方,本来移动端开发H5应用,准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用,但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题,所以最后拍照上传功能还是使用input file方式里解决的。但是内心还是不甘的,由于项目进度推进,迭代版本,所以不得不放弃,后续可能我... 在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方,本来移动端开发H5应用,准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用,但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题,所以最后拍照上传功能还是使用input file方式里解决的。但是内心还是不甘的,由于项目进度推进,迭代版本,所以不得不放弃,后续可能我...
- 此配置文件是vue开发环境的wepack相关配置文件。 // 引入当前目录中的utils工具配置文件 var utils = require('./utils') // 引入webpack来使用webpack内置插件 var webpack = require('webpack') // 引入config目录中的index.js配置文件 var config = re... 此配置文件是vue开发环境的wepack相关配置文件。 // 引入当前目录中的utils工具配置文件 var utils = require('./utils') // 引入webpack来使用webpack内置插件 var webpack = require('webpack') // 引入config目录中的index.js配置文件 var config = re...
- highlight.js 支持几十种编程语言(点击下载),既包括常见的 C、java、javascript、ruby、python、html、css、sql等,还支持 apache、nginx 这些配置文件的语法。 除了引入Vue-highlight.js文件外,还需要引入样式文件highlight.js。vue-highlight.js只是实现了代码高亮的功能,安装... highlight.js 支持几十种编程语言(点击下载),既包括常见的 C、java、javascript、ruby、python、html、css、sql等,还支持 apache、nginx 这些配置文件的语法。 除了引入Vue-highlight.js文件外,还需要引入样式文件highlight.js。vue-highlight.js只是实现了代码高亮的功能,安装...
- JavaScript进阶(十一)JsJava2.0版本 2007年9月11日,JsJava团队发布了JsJava2.0版本,该版本不仅增加了许多新的类库,而且参照J2SE1.4,大量使用了类的继承和实现机制,更加符合面向对象的原则,也更加方便用户使用和扩充,而且对原来版本中存在一些bug进行了修改,下面主要介绍一下2.0版的主要功能。 1. 实现了完整的聚集(co... JavaScript进阶(十一)JsJava2.0版本 2007年9月11日,JsJava团队发布了JsJava2.0版本,该版本不仅增加了许多新的类库,而且参照J2SE1.4,大量使用了类的继承和实现机制,更加符合面向对象的原则,也更加方便用户使用和扩充,而且对原来版本中存在一些bug进行了修改,下面主要介绍一下2.0版的主要功能。 1. 实现了完整的聚集(co...
- 一、初步理解 1. npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可,自动将package.json中的模块安装到node-modules文件夹下 2. package.json 中添加中文注释会编译出错 3. 每个项目的根目录... 一、初步理解 1. npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可,自动将package.json中的模块安装到node-modules文件夹下 2. package.json 中添加中文注释会编译出错 3. 每个项目的根目录...
- 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ ... 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ ...
- 这个配置文件是命令npm run build 的入口配置文件,主要用于生产环境。 由于这是一个系统配置文件,将涉及很多模块和插件,所以这部分内容我将分多个文章讲解,请关注博主其他文章。 // 此文件是在node环境中运行的,使用webpack的nodejsAPI实现自定义构建和开发流程 // npm和node版本检查,请看我的check-versions配置文件解释... 这个配置文件是命令npm run build 的入口配置文件,主要用于生产环境。 由于这是一个系统配置文件,将涉及很多模块和插件,所以这部分内容我将分多个文章讲解,请关注博主其他文章。 // 此文件是在node环境中运行的,使用webpack的nodejsAPI实现自定义构建和开发流程 // npm和node版本检查,请看我的check-versions配置文件解释...
- 这个配置文件是命令 npm run unit 的入口配置文件,主要用于单元测试。 这条命令的内容如下 “cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run” 这条命令中的 cross-env 是跨平台设置环境变量,你在命令行中设置环境变量加上这句话就是了。 karma sta... 这个配置文件是命令 npm run unit 的入口配置文件,主要用于单元测试。 这条命令的内容如下 “cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run” 这条命令中的 cross-env 是跨平台设置环境变量,你在命令行中设置环境变量加上这句话就是了。 karma sta...
- 新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js 1 const axios = require('axios') const express = require('express') const app = express() const apiRoutes = express... 新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js 1 const axios = require('axios') const express = require('express') const app = express() const apiRoutes = express...
- js读取解析JSON类型数据 一、什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。非常适合于服务器与JavaScript 的交互。 二、为什么使用JSON而不是XML 他们都是这样说的:尽管有许多宣传关于... js读取解析JSON类型数据 一、什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。非常适合于服务器与JavaScript 的交互。 二、为什么使用JSON而不是XML 他们都是这样说的:尽管有许多宣传关于...
- 此配置文件是vue开发环境和生产环境的wepack相关配置文件,主要用来处理各种文件的配置。 // 引入nodejs路径模块 var path = require('path') // 引入utils工具模块,utils主要用来处理css-loader和vue-style-loader的 var utils = require('./utils') // 引入conf... 此配置文件是vue开发环境和生产环境的wepack相关配置文件,主要用来处理各种文件的配置。 // 引入nodejs路径模块 var path = require('path') // 引入utils工具模块,utils主要用来处理css-loader和vue-style-loader的 var utils = require('./utils') // 引入conf...
- AngularJS进阶(四十一)AngularJS中使用Chart.js制折线图与饼图实例 Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。 ... AngularJS进阶(四十一)AngularJS中使用Chart.js制折线图与饼图实例 Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。 ...
- React调用顺序: index.html → index.js → components/组件 一般项目创建好后会有二个文件:index.html、index.js。 my-app文件夹下的public/index.html 和src/index.js的源码,可以在这里编写项目代码,但是注意 public/index.html 是启动http服务器的首页,src/... React调用顺序: index.html → index.js → components/组件 一般项目创建好后会有二个文件:index.html、index.js。 my-app文件夹下的public/index.html 和src/index.js的源码,可以在这里编写项目代码,但是注意 public/index.html 是启动http服务器的首页,src/...
- 浏览器兼容性解决之道 前言 浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说,兼容IE6的性价比已经很低,而IE7则几乎已经绝迹。所以,常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标,Angular团队声明:Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版... 浏览器兼容性解决之道 前言 浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说,兼容IE6的性价比已经很低,而IE7则几乎已经绝迹。所以,常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标,Angular团队声明:Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版...
上滑加载中