2024年3月1日
摘要：
1、安装所需插件 npm install --save html2canvas // 页面转图片 2、新建页面img.vue <template> <div class="reportWrap"> <div id="report"> <div class="content" v-for="item 阅读全文
2024年3月1日
2023年12月7日
摘要：
1. Vue vben admin： 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。 掌握这个项目需要一定前端基础知识以及掌握 Vue 的基础知识，以便能处理一些常见的问题。建议在开发前先学一下以 阅读全文
2020年5月21日
摘要：
WebViewJavascriptBridge当 H5 页面与 IOS 端交互比较复杂时， 比如页面需要获取 IOS 端传回的返回值，或者 IOS 端需要调用 js 方法。 可以通过第三方库来实现，我们项目用的是 WebViewJavascriptBridge。 下面介绍我怎么在 vue 项目中使用 阅读全文
2020年2月12日
摘要：
1.vue.config.js中设置 module.exports = { publicPath: './' } src/router.js中,干掉mode 2.export default new Router({ // mode: 'history' )} 阅读全文
2017年6月22日
摘要：
JavaScript将一个数组插入到另一个数组的方法。分享给大家供大家参考。具体分析如下： 1.通过Array.prototype.push.apply方法将一个数组插入到另外一个数组，下面的代码将数组b插入到a 2. 通过concat连接 阅读全文
2016年8月12日
摘要：
$(function(){ $('#cardid').keyup(function(){/**银行卡四位空隔*/ var value=$(this).val().replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 "); $(this).val(value); }); })... 阅读全文
2016年4月1日
摘要：
/**收录 * 获取本周、本季度、本月、上月的开始日期、结束日期 */var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowM 阅读全文
2015年8月17日
摘要：
/* * 该库主要封装DWZ的一些常用函数，适用于平台开发。 * * JQuery 1.4.4 * Version 0.1 */Namespace = new Object(); // 全局对象仅仅存在register函数，参数为名称空间全路径，如"trisun.ajax"Namespace.re... 阅读全文
2015年7月7日
摘要：
required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digit... 阅读全文
2015年7月6日
摘要：
什么是CSS hackCSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效... 阅读全文
2015年5月19日
摘要：
在html5里，audio是新增的功能。它方便了用户。大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。不过它的兼容性还不完善。只有IE 9 支持MP3... 阅读全文
2015年5月18日
摘要：
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能，那么您需要引用modal.js。或者，正如Bootstrap 插件概览一章中所提到，您可以引用bootstrap.js... 阅读全文
2015年5月15日
摘要：
在前面布局组件中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使不是一名高级的 JavaScript 开发人员，也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（B... 阅读全文
2015年5月13日
摘要：
Well 是一种会引起内容凹陷显示或插图效果的容器 。为了创建 Well，只需要简单地把内容放在带有 class.well的 中即可。下面的实例演示了一个默认的 Well： Bootstrap 实例 - 默认的 Well 您好，我在 Well 中！结果如下所示：尺寸大小您可以... 阅读全文
2015年5月12日
摘要：
Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向 元素添加 class.panel和 class.panel-default即可，如下面的实例所示： Bootstrap 实例 - 默认的面板 ... 阅读全文
2015年5月11日
摘要：
列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下：向元素 添加 class.list-group。向 添加 class.list-group-item。下面的实例演示了这点： Bootstrap 实例 - 基本的列表组 免费域名注册... 阅读全文
2015年5月6日
摘要：
Bootstrap 中的多媒体对象（Media Object）。这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。媒体对象轻量标记、易于扩展的特性是通过向简单的标记应用 class ... 阅读全文
2015年5月5日
摘要：
Bootstrap 进度条。在本教程中，你将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性，Opera 12 不支持动画... 阅读全文
2015年5月4日
摘要：
警告（Alerts）以及 Bootstrap 所提供的用于警告的 class。警告（Alerts）向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框，请使用警告（Alerts） jQuery 插件。您可... 阅读全文
2015年4月28日
摘要：
Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下：在图像周围添加带有 class.thumbnail的 标签。这会添加四个像素的内边距（padding）和一个灰色的边框... 阅读全文
2015年4月27日
摘要：
页面标题（Page Header）是个不错的功能，它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。如需使用页面标题（Page Header），请把你的标题放置在带有 class.page-header的 中： Boot... 阅读全文
2015年4月24日
摘要：
Bootstrap 支持的另一个特性，超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的步骤如下：创建一个带有 class.jumbotron. 的容器 。除了更大的 ，字体粗细font-weigh... 阅读全文
2015年4月23日
摘要：
Bootstrap 徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把添加到链接、Bootstrap 导航等这些元素上即可。下面的实例演示了这点： Bootstrap 实例 - 徽章（Badges） ... 阅读全文
2015年4月22日
摘要：
Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class.label来显示标签，如下面的实例所示： Bootstrap 实例 - 标签 Example Heading LabelExample Heading LabelExample Heading... 阅读全文
2015年4月21日
摘要：
Bootstrap 支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。分页（Pagination）下表列出了 Bootstrap 提供的处理分页的 class。Class描述示例代码.pagination添加该 class 来在页面上显... 阅读全文
2015年4月20日
摘要：
面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。Bootstrap 中的面包屑导航（Breadcrumbs）是一个简单的带有.breadcrumbclass 的无序列表。分隔符会通过 C... 阅读全文
2015年4月17日
摘要：
导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。默认的导航栏创建一... 阅读全文
2015年4月16日
摘要：
Bootstrap 提供的用于定义导航元素的一些选项。它们使用相同的标记和基类.nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类。改变修饰的 class，可以在不同的样式间进行切换。表格导航或标签创建一个标签式的导航菜单：以一个带有 class.nav的无序列表开始。添加 cla... 阅读全文
2015年4月15日
摘要：
Bootstrap 支持的另一个特性，输入框组。输入框组扩展自表单控件。使用输入框组，可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，可以添加美元符号，或者在 Twitter 用户名前添加 @，或者应用程序接口所需... 阅读全文
2015年4月14日
摘要：
使用 Bootstrap class 向按钮添加下拉菜单。如需向按钮添加下拉菜单，只需要简单地在在一个.btn-group中放置按钮和下拉菜单即可。也可以使用 来指示按钮作为下拉菜单。下面的实例演示了一个基本的简单的按钮下拉菜单： Bootstrap 实例 - 基本的按钮下拉菜单 ... 阅读全文
2015年4月10日
摘要：
按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时，这就显得非常有用。你可以通过Bootstrap 按钮（Button） 插件添加可选的 JavaScript 单选框和复选框样式行为。下面的表格总结了 Bootstrap 提供的使用按钮组的一些重要的 class：Class描述代码示例.... 阅读全文
2015年4月9日
摘要：
Bootstrap 下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与下拉菜单（Dropdown） JavaScript 插件的互动来实现。如需使用下列菜单，只需要在 class.dropdown内加上下拉菜单即可。下面的实例演示了基本的下拉菜单： Bootstrap ... 阅读全文
2015年4月8日
摘要：
字体图标(Glyphicons)，并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。获取字体图标我们已经在环境安装章节下载了 Bootstrap 3.x 版本，并理解了它的目录结构。在fonts文件夹内可以找到字体图标，它包含了下列这些文件：glyphicons-h... 阅读全文
2015年4月7日
摘要：
Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。超小屏幕手机 ( 相关的元素的特殊情况外，它们与 .vi... 阅读全文
2015年4月6日
摘要：
Bootstrap 中的一些可能会派上用场的辅助类。文本以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗：类描述.text-muted"text-muted" 类的文本样式.text-primary"text-primary" 类的文本样式.text-success"text... 阅读全文
2015年3月31日
摘要：
Bootstrap 提供了三个可对图片应用简单样式的 class：.img-rounded：添加border-radius:6px来获得图片圆角。.img-circle：添加border-radius:500px来让整个图片变成圆形。.img-thumbnail：添加一些内边距（padding）和一... 阅读全文
2015年3月21日
摘要：
任何带有 class.btn的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示：以下样式可用于, , 或 元素上：类描述.btn为按钮添加基本样式.btn-default默认/标准按钮.btn-primary原始按钮样式（未被操作）.bt... 阅读全文
2015年3月18日
摘要：
Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单布局Bootstrap 提供了下列类型的表单布局：垂直表单（默认）内联表单水平表单垂直或基本表单基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：向... 阅读全文