纯js 使用 js-yaml

2024-11-08

JS-YAML -YAML 1.2 JavaScript解析器/编写器

下载 JS-YAML -YAML 1.2 JavaScript解析器/编写器JS-YAML -YAML 1.2 JavaScript解析器/编写器在线演示这是YAML的实现,YAML是一种对人友好的数据串行化的语言.它一开始是作为PyYAML端口的完全重写从零开始.现在它非常快,并且支持1.2规范. 安装 js的YAML模块 npm install js-yaml CLI可执行如果你想从CLI检查你的YAML文件,全局安装js-yaml: npm install -g js-yaml

vue10行代码实现上拉翻页加载更多数据，纯手写js实现下拉刷新上拉翻页不引用任何第三方插件

vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件/库一提到移动端的下拉刷新上拉翻页,你可能就会想到iScroll插件,没错iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件.iScroll不仅仅是滚动.它可以处理任何需要与用户进行移动交互的元素.在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能.iScroll的强大毋庸置疑,本人也非常欢迎大家使用iScr

纯css、js 的H5页面对接echarts

做项目时,会遇到一些零碎的技术点.记录下来以防忘记需求:做可视化界面,但是需要兼容ie8,需要用纯css.js 的H5页面对接echarts,下面为效果图(带定时器循环显示tooltip). 实现方式(此处为一个中央云南地图的实现方法): 1.定义容器 // 页面逻辑<div class="sp-ynsdt" id="main4"></div> 2.声明参数 var myChart4 = echarts.init(document.getE

一统江湖的大前端（2）—— Mock.js + Node.js 如何与后端潇洒分手

<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至嵌入式开发 ,什么火就搞什么,活脱脱一个蹭热点小能手.如果你也觉得前端的日常开发有些枯燥,不妨一起来看看前端的另一番模样. 为什么你总是下不了班大部分工程化的项目为

Angularjs在控制器(controller.js)的js代码中使用过滤器($filter)格式化日期/时间实例

Angularjs内置的过滤器(filter)为我们的数据信息格式化提供了比较强大的功能,比如:格式化时间,日期.格式化数字精度.语言本地化.格式化货币等等.但这些过滤器一般都是在VIEW中使用的,比如格式化时间/日期的VIEW视图代码: <div ng-app> <p> <label>Select a date</label> <input type="date" id="date" ng-model=&quo

什么是js和js的基本语法

时间:2016年12月15日先讲讲基础语法: 大部分是来操作表单: js动态效果和数据交互(ajax?) js也有自己的API js大部分的DOM操作都是针对input的. 案例学习,对注册页面的简单校验,对于空值或者错误的值先弹框,后面再学习在页面上写数据. js是一种脚本语言,轻量级的,可插入到html页面中运行的语言,和java半毛钱的关系都没有. js有三大块内容: ECMAScript java的基础语法 BOM 浏览器对象模型 DOM 文档对象模型以后jquery用的也很多,但是

在Sublime Text 3 中安装SublimeLinter,Node.js进行JS&CSS代码校验

转载自:http://www.wiibil.com/website/sublimelinter-jshint-csslint.html 在Sublime Text中安装SublimeLinter,Node.js进行JS&CSS代码校验发布时间: 2016年1月11日作者: WIIBIL 阅读:801 次评论数:4 次文章目录 [隐藏] 一:Sublime Text 中需要先安装Package Control 二.安装SublimeLinter 三.安装SublimeLinter-jshi

Angular.JS + Require.JS + angular-async-loader 来实现异步加载 angular 模块

传统的 angular 应用不支持异步加载模块,必须在 module 启动的时候,所有模块必须预加载进来. 通过使用 angular-async-loader 库,我们可以使用 requirejs 等加载器,在 module 初始化之后,在动态异步加载其他的 Controller, Services, Filters 等等... Angular.JS + Require.JS + angular-async-loader 来实现异步加载 angular 模块

JS后退, JS返回上一页, JS返回下一页

Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a> response.Write("<scrip

比較Backbone.js, Angular.js, Ember.js, Knockout.js 心得

還記得第一次寫網站的時候,我無意間寫成了 SPA(single page application),當時還沒有SPA這個詞,後來因為廣告主需要不同 url location 頁面的廣告展示,只好把部分網站改成一般網頁.但是一直以來我對於提高整體溝通效率以及使用端的回應效率抱持相同的想法,希望能夠把更多回應放到 client 處理,讓server 做好 api 提供者的角色,可以讓網站回應更即時而親切,這篇心得文不會詳細走訪每個技術層面,而是提供概括的入門使用情況. 現在client-side j

解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容

如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果. 这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug. 我们不得不找到一个能平衡于它们之间的解决方法. 如png透明问题在IE5.IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现.譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5.IE6下png透明问题.当然还有更多的方法. 而现在有种更加完美的方法能兼容

js优化 ----js的有序加载

说到有序加载,我们先来说说js的无序加载: <script src="jquery/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> window.onload = function () { $("#head").append("<script src='js/

原生JS+tween.js模仿微博发布效果

转载请注明出处:http://www.cnblogs.com/zhangmingze/p/4816865.html 1.先看效果吧,有效果才有动力: 2.html结构: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>模仿微博发布效果</title> <link rel="stylesheet" href=&quo

Paper.js - Paper.js

Paper.js - Paper.js Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphi

soket.io.js + angular.js + express.js(node.js)

soket.io.js + angular.js + express.js(node.js) 今天搭建个soket.io.js + angular.js + express.js的环境, 采坑无数,特整理出来避免大家少走弯路. 采坑问题原因主要是因为各各.js不同的版本及调用方式引起的,上述几个流行的框架版本更新都很快,而网上google到的资料经常没有标注哪个版本,所以照着写不一定能解决你的问题,因此再搭建环境时要特别注意版本的兼容性及调用方式. 我的环境: angularjs v1

require.js实现js模块化编程（一）

1.认识require.js: 官方文档:http://requirejs.org/RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的RequireJS压缩后只有14K,堪称非常轻量.它还同时可以和其他的框架协同工作,使用RequireJS必将使您的前端代码质量得以提升.RequireJS 是一个JavaScript模块加载器.它非常适合在浏览器中使用, 但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用Requir

require.js实现js模块化编程（二）：RequireJS Optimizer

require.js实现js模块化编程(二):RequireJS Optimizer 这一节,我们主要学习一下require.js所提供的一个优化工具r.js的用法. 1.认识RequireJS Optimizer RequireJS Optimizer是对脚本的优化支持目前流行的 UglifyJS 和 Closure Compiler 两种压缩方式,UglifyJS 需要 NodeJS 环境支持,而 Closure Compiler 则需要 Java 环境.这篇文章是以运行于 NodeJS 的

JS 循环遍历JSON数据分类： JS技术 JS JQuery 2010-12-01 13:56 43646人阅读评论(5) 收藏举报 jsonc JSON数据如：{"options":"[{

JS 循环遍历JSON数据分类: JS技术 JS JQuery2010-12-01 13:56 43646人阅读评论(5) 收藏举报 jsonc JSON数据如:{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"valu e/":/"10

r.js合并实践 --项目中用到require.js做生产时模块开发 r.js build.js配置详解

本文所用源代码已上传,需要的朋友自行下载:点我下载第一步: 全局安装 npm install -g requirejs 第二步: 1.以下例子主要实现功能, 1)引用jq库获取dom中元素文本, 2)实现并引用去空格工具类trim, 3)最后获取文本并去掉空格后输出, 4)打包js(将所有js文件打包成main.min.js) 1.下载require文件 require.js require主文件 r.js require优化器文件官网地址:http://requirejs.org/doc

使用JS+Three.js+Echart开发商场室内地图客流信息统计功能

现在的商场管理者在管理商场的同时面临着一些无法避免的问题比如:人员监管不到位.效率低下.商场同质化严重,人流量少等.发现了这些问题作为开发人员的我们怎能视而不见,我们的责任就是发现问题解决问题,提供更好更智能的服务.因此就此问题我们想出了相应的解决办法,使用JS+Three.js+Echart开发了一个功能界面,为商场管理者提供更加高效的管理方法. 通过商场管理系统的相应界面,商场管理者可实时获取商场的人流数据.人流密度的热力分布.可实时查看商场各处的视频监控信息.安保人员的实时位置信息及运动轨

前端笔记之JavaScript面向对象（三）初识ES6&underscore.js&EChart.js&设计模式&贪吃蛇开发

一.ES6语法 ES6中对数组新增了几个函数:map().filter().reduce() ES5新增的forEach(). 都是一些语法糖. 1.1 forEach()遍历数组 forEach()方法用来循环遍历数组,方法中的function回调函数接收3个参数参数1是遍历的数组内容(item):参数2是对应的数组索引(index),参数3是是数组本身(array). [].forEach(function(item,index,array){ ... }) var arr = ["白板&

纯js 使用 js-yaml

热门专题