随笔分类 - 前端扩展
介绍一些关于node、npm、webpack、es6、mock、easy-mock等知识
摘要:一.DataTables概述 Datatables是一款jquery表格插件.是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能.支持 分页,即时搜索和排序 支持数据源: DOM, JavaScript, Ajax 和服务器处理 支持不同的主题: DataTables, jqueryUI
阅读全文
摘要:一.概念 Easy Mock 是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的 在线 mock 服务 。以项目管理的方式组织 Mock List,能帮助我们更好的管理 Mock 数据. 官网: "https://www.easy mock.com/" 在线文档: "h
阅读全文
摘要:一:概念 Mock.js是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能: 根据数据模板生成模拟数据 模拟 Ajax 请求,生成并返回模拟数据 基于 HTML 模板生成模拟数据 官网: "http://mockjs.com/" 二:安装 cnpm in
阅读全文
摘要:1.什么是es6 ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 ECMAScript和JavaScript的关系是,前者是后者的规格,
阅读全文
摘要:1.什么是webpack webpack是一个前端资源加载/打包工具。它根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 官网地址: 从上图看出,webpack可以将多种静态资源js,css,less转换成一个静态文件,减少页面的请求。 2.webpack安装 全局安
阅读全文
摘要:1.什么是npm npm全称 node package manager ,是node包管理和分发工具。可以理解为前端的maven。通过npm可以很方便的下载js库,管理前端工程。node已经集成npm工具,在cmd中输入 查看当前npm版本。 官网地址: 2.npm命令 2.1初始化工程 init
阅读全文
摘要:1.什么是node 简单的说node.js就是运行在服务端的JavaScript 官网地址: 2.node安装 2.1下载node node下载: 2.2命令行测试 3.快速入门 3.1控制台输出 创建demo1.js cmd中输入 3.2使用函数 创建demo2.js cmd中输入 3.3模块化编
阅读全文
摘要:1.概念 前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。 2.老的
阅读全文
摘要:一:VSCode简介 VSCode( Visual Studio Code)是微软出的一款轻量级代码编辑器 ,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行。Visual Studio Code内置了对JavaScript, TypeScript和Node.js语言的支
阅读全文
摘要:如何在Window下安装node\cnpm,并安装vue.js,创建项目 参考链接:https://blog.csdn.net/Corey_mengxiaodong/article/details/81220305 1.安装node.js 2.设置global和cache路径 3.设置环境变量 4.
阅读全文
摘要:1.jquery中调用ajax方法 2.json格式 3.谷歌的gson包 4.阿里的fastjson包 4.1.响应jsonString 4.2.响应json对象 4.3.JSONObject对象 4.4.JSONArray数组
阅读全文
摘要:参考链接:https://developer.mozilla.org/zh CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions 本系列是在平时阅读、学习、实际项目中有关于es6中的新特性、用发的简单总结,目的是记录以备日后温习;本系列
阅读全文
摘要:本系列是在平时阅读、学习、实际项目中有关于es6中的新特性、用发的简单总结,目的是记录以备日后温习;本系列预计包含let/const、箭头函数、解构、常用新增方法、Symbol、Set&Map、Proxy、reflect、Class、Module、Iterator、Promise、Generator
阅读全文
摘要:ES6引入了rest参数(形式为“…变量名”)。其中rest参数搭配的变量是一个数组可以使用数组的一切操作。 1.含义 扩展运算符( spread )是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。 该运算符主要用于函数调用。 上面代码中,array.push
阅读全文
摘要:一.jQuery概述 1.基本功能 a.访问和操作DOM元素:获取元素,修改其样式和内容,删除元素,复制元素... b.对页面事件的处理:不需要指定事件中的函数名,直接在事件中绑定响应函数(匿名函数) c.插件的运用:验证插件,UI插件... d.Ajax技术的结合:$.ajax({"json格式"
阅读全文
摘要:一:html语言基础 1.基本结构 窗口标题 内嵌样式 主体:显示内容 2.基本标签 a.格式标签 段落、居中 项目、列表项 换行、水平线 虚线 b.文本标签 标题、加重文本:粗体、强调文本:斜体 文本 加粗、下划线、斜体、上标、下标 c.图像标签 d.超链接标签 链接文本 链接文本 文本、链接文本
阅读全文