前端无小事
涵盖了前端框架、HTML、JavaScript、Jquery常见用法。
pengjunlee
不学自知,不问自晓,古今行事,未之有也。
展开
-
前端无小事--登录页布局
觉得公司管理后台的登录界面挺简洁的,于是就记录下来了,方便日后直接拿来用。<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>登录页面布局</title> <style type="text/css...原创 2019-08-05 17:56:58 · 2617 阅读 · 11 评论 -
js中判断数组中是否包含某元素的方法
这个是整理过的:https://www.cnblogs.com/yunshangwuyou/p/10539090.html方法一:arr.indexOf(某元素):未找到则返回 -1。实际用法:if(arr.indexOf(某元素) > -1){//则包含该元素}例:var fruits = ["Banana", "Orange", "Apple", "Mango"];v...转载 2019-11-22 10:25:49 · 321 阅读 · 0 评论 -
JavaScript实用小技巧
JS打开窗口的两种方式方式一:使用超链接 <a href="https://www.csdn.net/" title="CSDN">CSDN</a>等效于js代码window.location.href="https://www.csdn.net/"; //在当前窗口中打开网址方式二:使用超链接 <a href="https://www.原创 2018-11-11 10:57:35 · 56322 阅读 · 0 评论 -
Flex 布局教程:语法篇
原文地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒子模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方...转载 2017-03-21 21:09:55 · 27821 阅读 · 0 评论 -
使用 jQuery Validate 进行表单验证
jQuery Validate简介jQuery Validate 插件提供了强大的表单验证功能,能够让客户端表单验证变得更简单,同时它还提供了大量的可定制化选项,以满足应用程序的各种需求。该插件捆绑了一套非常有用的验证方法,包括 URL 和电子邮件验证,同时也提供了API允许用户自定义校验方法。提供的所有捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。引入 jQuery Valid...原创 2018-06-13 21:31:18 · 87188 阅读 · 4 评论 -
BootStrap Table:事件、方法、多语言
官方文档地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/事件对BootStrap Table事件进行处理有以下两种语法:$('#table').bootstrapTable({ onEventName: function (arg1, arg2, ...) { // ... }});$('#tabl...原创 2018-06-12 00:36:20 · 103783 阅读 · 1 评论 -
BootStrap Table:列参数
官方文档地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/列参数表格的列参数定义在 jQuery.fn.bootstrapTable.columnDefaults 。名称标签类型默认描述radiodata-radioBooleanFALSE设置为 True 在列前添加一个固定宽度的 单选按钮checkboxdata-che...原创 2018-06-11 22:04:02 · 97256 阅读 · 1 评论 -
BootStrap Table:表格参数
官方文档地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/引入BootStrap Table引入 bootstrap.css 和bootstrap-table.css到 <head> 标签下。<head><meta http-equiv="Content-Type" con...原创 2018-06-09 09:27:42 · 69726 阅读 · 1 评论 -
JavaScript简介
目录1.JavaScript是什么?2.JavaScript和ECMAScript的关系3.JavaScript 和JScript的关系4.JavaScript 和Java的关系5.JavaScript的开发和运行环境参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著:张亚飞1.JavaScript是什...原创 2016-09-26 21:57:44 · 42325 阅读 · 0 评论 -
在HTML网页中书写JavaScript
参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著:张亚飞1.使用<script>元素定义JavaScript脚本代码在HTML文档中,可以使用使用<script>元素向HTML页面中插入JavaScript脚本,<script>元素的语法格式如下:<script type...原创 2016-10-30 17:32:06 · 56256 阅读 · 0 评论 -
HTML之CSS画三角形原理
CSS画三角形原理原创 2016-11-01 23:54:42 · 70041 阅读 · 0 评论 -
LocalStorage
目录1.什么是Web存储?2.localStorage、sessionStorage、Cookie和Session3.Storage接口4.localStorage基本操作5.storage事件参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著:张亚飞1.什么是Web存储?Web存储机制是一种通过字...原创 2016-11-06 10:34:43 · 50314 阅读 · 2 评论 -
JavaScript声明和使用变量
目录1.声明和命名变量2.变量的作用域3.变量声明提升4.变量的数据类型简单数据类型Boolean数据类型String数据类型Null数据类型Number数据类型复杂数据类型Array数据类型Object数据类型5.数据类型转换6.typeof操作符参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM...原创 2016-11-05 18:28:14 · 55958 阅读 · 0 评论 -
JavaScript语法规范
目录1.标识符的命名规范2.程序注释3.常用标识符命名方法4.ECMAScript5严格模式参考书籍:《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著:张亚飞JavaScript编写语法遵循ECMAScript标准,以下是ECMAScript语言的一些基本规范。1.标识符的命名规范ECMAScript标识...原创 2017-01-02 15:12:24 · 59908 阅读 · 0 评论 -
Web模板引擎——Mustache
Web 模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,通常是标准的 HTML 文档。转载 2017-03-14 09:40:46 · 40527 阅读 · 0 评论 -
SCSS 教程
Sass是成熟、稳定、强大的CSS预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览CSS书写代码规模较大的Web应用时,容易造成选择器、层叠的复杂度过高,因此推荐通过SASS预处理器进行CSS的开发,SASS提供的变量、嵌套、混合、继承等特性,让CSS的书写更加有趣与程式化。变量变量用来存储需要在CSS中复用的信...转载 2019-09-24 17:26:24 · 201 阅读 · 0 评论 -
谈一谈Normalize.css
Normalize.css是一种CSS reset的替代方案。它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。https://necolas.github.io/normalize.css/7.0.0/normalize.css创造normalize.css有下面这几个目的:...转载 2019-09-25 15:59:41 · 343 阅读 · 0 评论 -
2017 前端大事件和趋势回顾,2018 何去何从?
2017年,前端开发继续飞速发展。以下是在过去的一年中非常值得关注的一些事件和趋势整理,主要参考了国内外的一些报道和文章,希望能对大家在思考 2018 年的趋势和走向上有所帮助。欢迎指正、评论和补充。1、React 16 和 MIT许可证2017年,React 继续在前端领域占据主导地位,备受期待的 React 16 也正式发布。该版本包含可实现异步 UI 渲染的 fiber架构,以及...转载 2019-09-30 11:03:54 · 198 阅读 · 0 评论 -
讲讲PWA
一、背景文章2017 前端大事件和趋势回顾,2018 何去何从?中提到了2017年前端值得关注的十大事件,其中就提到了PWA。大家都知道Native app体验确实很好,下载到手机上之后入口也方便。它也有一些缺点:开发成本高(ios和安卓) 软件上线需要审核 版本更新需要将新版本上传到不同的应用商店 想使用一个app就必须去下载才能使用,即使是偶尔需要使用一下下而web网页开发...转载 2019-09-30 11:08:31 · 376 阅读 · 0 评论 -
Mock.js新手教程
1.什么是Mock.js? 生成随机数据,拦截 Ajax 请求。 通过随机数据,模拟各种场景;不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据;支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等;支持支持扩展更多数据类型,支持自定义函数和正则。 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型。2.安装 使用npm安装:npm ins...转载 2019-10-09 11:29:40 · 2699 阅读 · 0 评论 -
JQuery添加新元素
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><title>第一个JQuery文档</title><script src="jquery.js"></script><script type="text/javascript">...原创 2019-10-09 11:48:39 · 220 阅读 · 0 评论 -
js取整数、取余数的方法
取整1.取整// 丢弃小数部分,保留整数部分parseInt(5/2) // 22.向上取整// 向上取整,有小数就整数部分加1Math.ceil(5/2) // 33.向下取整// 向下取整,丢弃小数部分Math.floor(5/2) // 24四舍五入// 四舍五入Math.round(5/2) // 3取余// 取余6%4 ...转载 2019-09-23 10:48:10 · 52283 阅读 · 1 评论