HTML5
csdn17668
会点儿什么呢
展开
-
Bootstrap省市区三级联动菜单
这是一个简单基于Bootstrap省市区三级联动菜单,数据源可以修改通过修改javascripthtml: <div class="modal-body"> <!-- 省市区三级联动 begin --> ...原创 2020-03-09 11:46:49 · 1466 阅读 · 1 评论 -
layui时间控件联动:开始时间、结束时间,有效时间范围
初次使用,在这里备份一下,以后Copy自己的得了(欢迎Copy代码,若遇到问题,请麻烦回复我一下)@Styles.Render("~/Content/layuiadmin/layui/css/layui.css")@Styles.Render("~/Content/layuiadmin/style/admin.css?v=1")@Scripts.Render("~/Plugins/js...原创 2019-09-30 10:31:43 · 1090 阅读 · 0 评论 -
Json 获取天气信息API
页面处理 Ajax返回数据 $.ajax({ type: 'GET', url: 'https://www.tianqiapi.com/api/', data: 'version=v1&city=上海', dataType: 'JSON', error: function () { ...原创 2019-05-28 17:31:20 · 1583 阅读 · 0 评论 -
前端开发--私人定制时间插件 schedule
这个插件也是在之前的基础上修改的,算得上是自定义写的插件效果如下:最外层调节month;最内层调节day贴代码:;(function (undefined) { var _global; //工具函数 //配置合并 function extend (def,opt,override) { for(var k in opt){ ...原创 2019-01-28 11:37:28 · 863 阅读 · 0 评论 -
前端开发案例总结-【CSS3背景图片百分比及应用】
案例:background-size:100% auto,意思是背景图片宽度为元素宽度*100%,高度等比缩放。详情可见css3 background。background-position的原理。下面详细介绍等价写法在看各类教程时有以下等价写法:·top left, left top 等价于 0% 0%. top, top center, center top 等价于 50...原创 2019-01-16 15:14:06 · 494 阅读 · 0 评论 -
Html5移动端页面 适应布局 (rem布局)
rem的值目前有两种,一种是根据js来调整html的字号,另一种则是通过媒体查询来调整字号·;(function(designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement; var tid; var rootItem,rootStyle; fu...原创 2019-01-16 15:00:28 · 657 阅读 · 0 评论 -
移动端rem布局详解(转载非原创)
https://www.cnblogs.com/well-nice/p/5509589.html转载 2019-01-16 14:49:33 · 161 阅读 · 0 评论 -
css实现 /**<br>**/不换行/**<br>**/自动换行/**<br>**/强制换行
1. 强制不换行css{ white-space:nowrap;}2. 自动换行css{ word-wrap: break-word; word-break: normal;}3. 强制英文单词断行 css{ word-break:break-all; }4. CSS设置不转行:overflow:hidden 隐藏 whit...原创 2019-01-09 15:51:44 · 1429 阅读 · 0 评论 -
Js 截取字符串 处理
// JS截取字符串可使用 substring()或者slice()//// 函数:substring()// 定义:substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。// 功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring...原创 2019-01-09 15:19:37 · 120 阅读 · 0 评论 -
Flex 布局教程:Flex 项目属性、 布局示例
这里是简单的Flex布局示例,没什么硬货,关键是理解、动手coding一下https://www.cnblogs.com/Y1473/p/10262421.html转载 2019-01-14 14:14:46 · 106 阅读 · 0 评论 -
Flex 布局教程:语法篇
flex属性:flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto。后两个属性可选。该属性有两个快捷值:auto (1 1 auto) 和 none (0 0 auto)。http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html...转载 2019-01-14 13:31:27 · 89 阅读 · 0 评论 -
Echarts 的悬浮框tooltip显示自定义格式化
/** * tooltip配置项示例 */ tooltip: { trigger: 'item' },默认提示框效果一:显示当前单个数据项的提示框 /** * tooltip配置项示例 */ tooltip: { trigger: 'axis' },默认提示...原创 2019-01-04 15:57:16 · 1862 阅读 · 0 评论 -
jQuery html li css 选中状态切换
点击当前li元素后是用removeClass()删除所有li元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。具体演示如下:1、HTML结构:设计三个li元素<ul id="test"> <li>123</li> <li>45</li> &..原创 2018-12-20 12:45:41 · 2687 阅读 · 0 评论 -
Bootstrap 长期项目开发使用总结No.4
Bootstrap 布局组件 Bootstrap 插件针对以上不做介绍,这些是可以拿来就用的东西 后期可以根据需要绑定数据和处理 Bootstrap CSS编码规范语法用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 为选择器分组时,将单独的选择器单独放在一行。 为了代码的易读性,在每个声明块的左花括号前添加一个空格。 声明块...原创 2018-11-23 11:44:01 · 217 阅读 · 0 评论 -
Bootstrap 长期项目开发使用总结No.3
代码Bootstrap 允许您以两种方式显示代码:第一种是 <code> 标签。如果您想要内联显示代码,那么您应该使用 <code> 标签。 第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 <pre> 标签。请确保当您使用 <pre> 和 <code> 标签时,开始和...原创 2018-11-23 11:22:34 · 220 阅读 · 0 评论 -
Bootstrap 长期项目开发使用总结No.2
Bootstrap CSS这里不打算详细的介绍bootstrap的css元素及功能 我只是提取一些很罕见但是会用到的一些属性 可能大家平时不会注意的一些使用移动设备兼容Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签<meta name="viewport" content="width...原创 2018-11-23 11:04:14 · 148 阅读 · 0 评论 -
Bootstrap 长期项目开发使用总结No.1
从入门开发到工作 所涉及的前端框架接触最多的便是Bootstrap环境框架 本就从事Java开发 这就算是比较普遍的一套使用搭配基于近期辗转与后台和前端H5开发的缘故,打算把Bootstrap 环境开发进行系统的梳理和深入了解一下 这也是做这个blog的初衷 也是担心自己会遗忘 说不定以后做前端开发呢Bootstrap 环境 HTML 模板<!DOCTYPE h...原创 2018-11-23 10:22:50 · 334 阅读 · 0 评论 -
【微信H5开发】基于html2canvas实现(图文组合)图片长按即可保存(简单处理)
鉴于当前开发的功能比较简单 所以这里只涉及html5的canvas来实现功能,所以没有涉及很深的功能开发<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"&am原创 2018-11-09 15:38:17 · 4998 阅读 · 0 评论