随笔分类 - 前端
一些简单的前端开发知识
摘要：【webssh】 ——记两天来比较痛苦的历程 广义上来说，webssh泛指一种技术可以在网页上实现一个SSH终端。从而无需Xshell之类的模拟终端工具进行SSH连接，将SSH这一比较低层的操作也从C/S架构扭成了B/S架构。 能实现webssh的组件有好几种，但归根结底都是建立在客户端和服务端的即
阅读全文
摘要：这次开发了个小TRS系统，虽然是很小，但是作为初心者，第一次用到了很多看起来洋气使用起来有相对简单的各种前端（主要是和bootstrap配合使用）组件。包括bootstrap-select2，bootstrap-datetimepicker，bootstrap-fileinput等。本文就旨在记录一
阅读全文
摘要：前端总是会有很多信息提示的时候，最简单的可以用javascript自带的alert,confirm等。这些虽然和js的配合很好，但是很丑。 bootstrap给我们提供了一些不同的方案比如modal的模态对话框，popover，tooltip等比较好看的提示框。这些虽然好看一些但是需要和页面的DOM
阅读全文
摘要：Bootstrap中不乏很多优秀的小插件来让界面更加漂亮。比如之前做过笔记的bootstrap-fileinput,select2,datetimepicker等都是属于这一系列的。这些相对而言比较大一点。其他还有一些比较轻比较小的插件，也很好，特此开篇来记录一下。 由于是基于bootstrap的插
阅读全文
摘要：【Bootstrap-table】 顾名思义，这个组件专注于bootstrap风格的表格的设计，并且提供了很多表格的基础和进阶的功能，给我们开发前端的表格省下很多力气。 本文主要参考这位博主的系列文章： 【http://www.cnblogs.com/landeanfen/p/5005367.htm
阅读全文
摘要：【bootstrap-fileinput】 官方文档：http://plugins.krajee.com/file-input 这是个据传最好用的bootstrap相关联的文件上传控件，支持拖曳上传，多线程上传，上传文件预览等等功能。 首先还是说一下要引入的一些文件： 同样也需要jquery和boo
阅读全文
摘要：【bootstrap-datetimepicker】 datetimepicker是一个比较方便的日期时间插件。有了这个之后，我们可以在类似于表单的地方提供一个友好的日期（时间）输入功能。官方文档：【http://www.bootcss.com/p/bootstrap-datetimepicker/
阅读全文
摘要：这次开发了个小TRS系统，虽然是很小，但是作为初心者，第一次用到了很多看起来洋气使用起来有相对简单的各种前端（主要是和bootstrap配合使用）组件。包括bootstrap-select2，bootstrap-datetimepicker，bootstrap-fileinput等。本文就旨在记录一
阅读全文
摘要：【highlight.js】 很多博客都支持页面插入各种语言的代码，而这些代码肯定是有高亮设置的。那么在我们自己的页面上如何进行代码高亮设置？有现成的这个highlight.js插件我们可以使用。 highlight.js的官网是【https://highlightjs.org/】可以去上面下载插件
阅读全文
摘要：【treeview】 效果图： 前几天想把后台的目录结构通过树形插件的方法反映到前端来，在网上搜了半天只找到了这个treeview，虽然不是很好看，不过还是够用的。。用treeview的前提是要有jquery.treeview.js、jquery.treeview.css以及一些静态文件。这些可以通
阅读全文
摘要：前端积累 虽说我接触过前端，但是实在是非常之菜（毕竟只玩过一两个项目），积累一些知识在内行看来可能非常煞笔。不过我觉得还是记录一下比较好。。大多数文本都是基于js,JQ和BS的 ■ 要获取某个下拉列表select中当前选中的项的文本，用$("selector").text()是没有用的，另一方面$(
阅读全文
摘要：BootStrap 布局组件 II ■ 分页 BS中通过.pagination的ul元素来实现一个分页集合，一个典型的分页如下： 得到效果： 由于分页键的本体仍然是一个超链接，所以依然可以适用.active和.disabled类来表示选中和禁用某个分页。同导航菜单中提到过的一样，这里的选中和禁用只是
阅读全文
摘要：BootStrap布局组件 I 除了在原生的HTML基础上进行了外观和类别上的改进，BS还包装了很多组件进库中，设计网页时我们可以方便地调用这些组件。下面来简略地介绍一下各种各样的组件 ■ 字体图标 Glyphicon BS的字体图标就可以理解成是一种内置好的小图标的库。调用时最常见的方法是这样的：
阅读全文
摘要：BootStrap BootStrap由Twitter开发，基于HTML,CSS,JS，是一套前端框架。它的特点是对浏览器良好的支持（目前市面上所有流行浏览器都可以），兼容移动设备，以及响应式设计（响应式CSS自适应于各种设备）。 安装BS可以到官方网站下载这个框架库，http://getboots
阅读全文
摘要：AJAX AJAX全称异步 JavaScript 和 XML（Asynchronous JavaScript and XML），是一种用于网页前端和网站后台进行数据交互的手段。关于AJAX的详细介绍在此省略，主要讲一下怎么用JQ包装好的AJAX方法来进行AJAX操作。 ■ load方法 $(sele
阅读全文
摘要：JQ & HTML JQ作为一个JS库，很好地继承了JS和HTML互动的特点，并且还给出了包装得更好，操作层次更高的方法。和之前JQ的内容一样，方法的表现形式是$(selector).action()。下面根据操作分类来进行一些罗列 ■ 文档 & 属性操作 ● 获得/设置内容 text(...) 当
阅读全文
摘要：XML XML格式常用于网络通讯，本身不会有作为而是作为纯文本传输，可以说它是一种独立于应用和硬件的数据传输工具。虽然看起来XML比HTML要更加简单，也知道的更加晚一点，但是需要知道的是，XML才是更加通用的，层级比HTML更加低的。准确来说，HTML都只是XML的一种实现形式而已。所以HTML中
阅读全文
摘要：jQuery 之前在JS的文章中提到过，JS虽然功能全面但是仍然比较接近底层，代码写起来很麻烦，而以jQuery为代表的JS库包装了很多功能，可以让代码更加简单。接下来就来简单地记录一下我学习和所知道的jQuery。 jQuery这东西似乎是06年还是09年后才有的东西，自其出现后，明显可以感觉到我
阅读全文
摘要：JS BOM 之前提到过JS和DOM之间的互动方法。而BOM（Browser Object Module）是浏览器的对象模型，它也可以和JS进行互动。也就是说，JS还可以和浏览器进行互动。因为现代主流浏览器都已经实现了JS中和BOM相关的方法，所以JS对BOM也有很高的通用性和兼容性。下面将通过几种
阅读全文
摘要：JS HTML DOM DOM的全程是Document Object Module，即文档对象模型。一般来说，当一个页面被加载时，浏览器会在内部创建一个当前文档的DOM。就像用python的Etree之类的模块解析xml文件时建立的对象一样，浏览器建立的DOM对象抽象了整个html文件，并且形成了一
阅读全文
浙公网安备 33010602011771号