2018年12月_风神.NET

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 js实现四则计算(中缀,后缀表达式)

index.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport&am

2018-12-31 16:02:17 1104

转载 bootstrap-modal.js学习笔记(源码注释)

主要知识点：通过on,one注册自定义事件，并且只能通过trigger来触发计算滚动条的宽度，通过生成一个div节点，overflow为scroll，那么就有滚动条了，然后就可以计算出滚动条的宽度把变量绑定在该dom元素的data的某个属性上，这个很妙/* ===================================================================...

2018-12-31 15:53:46 1014

/* ======================================================================== * Bootstrap: modal.js v3.2.0 * http://getbootstrap.com/javascript/#modals * =============================================...

2018-12-31 15:51:46 490

转载 bootstrap插件学习-bootstrap.modal.js

先从bootstrap.modal.js的结构看起。复制代码function($){var Modal = function(){} //构造器Modal.prototype = function(){} //构造器的原型function …(){} //自定义方法$.fn.modal = function(){} //在jQuery对象上自定方法$.fn.modal.defau...

2018-12-31 15:51:10 652

转载 Bootstrap插件modal源码的学习

使用说明两部分需要定义：模态框的触发元素，需要data-toggle=“modal”，以便被初始化；需要data-target=&quot;#example&quot;或href指定模态框模态框，模态框容器需要与data-target对应的类或id，其内容部分可以用&quot;modal-content&quot;的类来美化样式触发按钮 title

2018-12-31 15:50:07 1098

转载设置bootstrap modal模态框的宽度和宽度

(1)修改宽度可以通过修改modal中的modal-dialog这个div宽度实现 (2) 修改高度和宽度最好的办法是修改modal-body中添加的控件，设置控件的大小，modal会自动适应。例如 × 选择移动到的目录 &nbsp; &nbsp; &nbsp; &nbs...

2018-12-31 15:47:58 5332

转载 bootstrap中的模态框（modal，弹出层）

bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现或功能。默认的modal示例：[html] view plain copy 在CODE上查看代码片派生到我的代码片 ...

2018-12-31 15:20:35 2938

转载深入理解BootStrap-- 面板(panel)

1、面板面板（Panels）是Bootstrap框架新增的一个组件，其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码：☑ Less版本：对应的源码文件是 panels.less☑ Sass版本：对应的源码文件是 _panels.scss☑ 编译后的Bootstrap：对应bootstrap.css文件第4995行～第5302行2、面板–基础面板基础面板...

2018-12-31 15:03:47 7931 1

转载 bootstrap一个标签中，同时有 col-xs , col-sm , col-md , col-lg

.col-xs- 超小屏幕手机 (&lt;768px).col-sm- 小屏幕平板 (≥768px).col-md- 中等屏幕桌面显示器 (≥992px).col-lg- 大屏幕大桌面显示器 (≥1200px)HTML代码：&lt;div class="col-xs-12 col-sm-9 col-md-6 col-lg-3"&gt;&lt;/div&a

2018-12-31 15:02:02 884

bootstrap datepicker 单独设置某些日期的特殊背景颜色和某些月份特殊背景

JQuery bootstrap datepicker这个日期简直非常好用,不过项目有这样的需求,点击日期查询月份,但需要先判断哪些月份有数据,然后再设置这几个月份为特殊的背景颜色,以便用户知道哪些月份有数据,就不用一个个月份去点击查看数据了,这样是不是很方便,百度上基本没有答案,连了外网查看到的资料如下,正是参考下面这些链接,才做出效果的: //当弹出日期,选择月份时,触发方法,设置有数...

2018-12-31 14:53:02 2427

转载 Ladda的vue封装

index.html&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &

2018-12-31 14:51:13 447

转载 Bootstrap和ladda.js

&lt;!doctype html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;

2018-12-31 14:27:12 1159

转载 ladda.js源码

2018-12-31 14:24:21 505

转载 jquery datatables各参数详细说明及简单应用

下载后，将media文件夹里面的css，images，js文件夹拷贝到你的网站即可。接下来引入以下内容：datatables简单示例http://www.datatables.net/release-datatables/examples/basic_init/zero_config.html123$(document).ready(function() {$(’#exa...

2018-12-31 00:21:56 950

转载 dataTables.js知识

https://blog.csdn.net/zhishiqu/article/details/74942876?utm_source=blogxgwz2准备工作：了解DataTables官方网站：http://www.datatables.net/简介：DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格...

2018-12-31 00:21:33 606

转载前端插件一：jQuery Multi-Select多选插件

项目此项目是替换标准（含有multiple属性的select标签）的一套交互友好的组件。特点免费（基于WTFPL许可证）支持键盘操作提供一些回调函数css完全自定义依赖jQuery 1.8以上版本总大小约8kb简单使用HTML 选项1 选项2 ...

2018-12-31 00:21:09 3588 3

转载 js判断输入字符串是否为空、空格、null总结

在进行表单数据验证时，如必填字段我们要求不能为空，有时虽然不为空但是输入了空格也是不允许的，再就是为null的情况，本文给大家介绍这几种情况的判断代码。判断字符串是否为空var strings = ''; if (string.length == 0) { alert('不能为空'); }判断字符串是否为“空”字符即用户输入了空格var strings = ' '; if (...

2018-12-30 23:33:47 9915

转载浅谈jquery中prop()和attr()

我们都知道，一般在jquery中设置属性时要用到attr()方法，现在我们有一个效果，点击按钮切换复选框的选中状态，下面贴出html代码：123复选框js代码：1234567891011121314我们发现当点击按钮时，第一次点击时复选框会选中，第二次时点击复选框会取消选中，但以后再点击时复选框将不会有任何效果。更奇怪的是，打开调试工具，点击按钮时ht...

2018-12-30 23:18:10 1338

转载 IE6/7/8中Option元素未设value时Select将获取空字符串

如下12345678910111213IE6/7/8中Option元素未设value时Select将获取空字符串 one two three 当触发change事件时，各浏览器中测试结果如下：IE6/7/8 : 弹出空字符串IE9/Firefox/Safari/Chrome/Opera...

2018-12-30 16:43:35 343

转载 AngularJS系列之select下拉选择第一个选项为空白的解决办法

今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。相信大家也经常遇到这种情况吧：在使用AngularJS中的select组件开发的时候，莫名其妙的第一个选项就变成空白了，而且选中其中非空白的地方，第一个选项的空白位置又奇妙的消失了。今天就举几个例子给大家介绍一下种种情况的处理办法，下面首先给出一个具体例子介绍一下：&lt;!DOCTYPE html&g...

2018-12-30 16:31:17 594

转载 jquery操作select(取值，设置选中）

最近工作中总出现select 和 option问题，整理一下，内容大部分源于网络资料一、基础取值问题例如1、设置value为pxx的项选中 $(&amp;quot;.selector&amp;quot;).val(&amp;quot;pxx&amp;quot;);2、设置text为pxx的项选中$(&amp;quot;.selector&amp;quot;).find(&amp

2018-12-30 16:26:03 148

转载 oracle中distinct和group by的区别

其实二者没有什么可比性，但是对于不包含聚集函数的GROUP BY操作来说，和DISTINCT操作是等价的。不过虽然二者的结果是一样的，但是二者的执行计划并不相同。在Oracle9i中：SQL&gt; SELECT * FROM V$VERSION;BANNEROracle9i Enterprise Edition Release 9.2.0.4.0 - Production PL/SQL ...

2018-12-30 16:06:34 3810

转载 oracle之优化一用group by或exists优化distinct

今天mentor给了一个sql语句优化的任务。（环境是sql developer）有一个语句执行很慢，查询出来的结果有17544条记录，但需970秒，速度很慢。语句是这样的： SELECT DISTINCT 'AMEND_NEW', reporttitle, reportsubtitle, ...

2018-12-30 15:58:59 6223 1

转载 Oracle中left join中右表的限制条件

无过滤条件的LEFT JOINSQL中最简单形式的LEFT JOIN，是直接根据关联字段，以左表为基准，对右表进行匹配。在SELECT语句中选取的字段，如果有右表的记录（一般都是需要右表的某些记录的），取出配对成功的右表记录中对应的这个字段的值；否则，直接置NULL。这本身就是LEFT JOIN的特点：保证左表记录完整，右表只是辅助匹配。直接看例子，为了演示，准备了两张测试表test1，tes...

2018-12-30 15:38:30 1173

转载 Ora-01536：超出了表空间users的空间限量

正在开会，同事跑过来说数据库有问题，通讯程序不能入库，赶快获取一条insert into a values()语句后在toad工具中手动插入，发现报错：Ora-01536：超出了表空间users的空间限量。该表a的是用户A下的一个大表，表空是users，而非A用户的默认表空间。users表空间有大约70%的空闲空间，为什么a表就不能使用了呢？从网上搜索后终于明白：ora-1536 是指的你建表...

2018-12-30 15:16:37 2972

转载【Oracle】排序与sort_area_size

【Oracle】排序与sort_area_size生产环境的一个查询语句在随着时间推移时查询速度越来越慢，终于到了我忍无可忍的地步，决定一探究竟。Oracle版本：Oracle Database 11g Enterprise Edition Release 11.2.0.1.0 - 64bit Production数据量：382947workarea_size_policy:AUTOso...

2018-12-30 15:08:16 922 3

转载 Oracle优化的方法

想做到数据库优化的高手，不是花几周，几个月就能达到的，这并不是因为数据库优化有多高深，而是因为要做好优化一方面需要有非常好的技术功底，对操作系统、存储硬件网络、数据库原理等方面有比较扎实的基础知识，另一方面是需要花大量时间对特定的数据库不断的进行实践测试与总结。针对数据库的优化，可以已Oracle为基点，从Oracle外部因素和Oracle本身的性能两部分考虑。一、Oracle的外部因素：O...

2018-12-30 15:00:27 694

转载 oracle优化技巧

一、编码习惯以及技巧1、SELECT子句中避免使用 &quot; * &quot;：ORACLE在解析的过程中, 会将&quot;*&quot; 依次转换成所有的列名, 这个工作是通过查询数据字典完成的, 这意味着将耗费更多的时间。2、sql语句用大写的：因为oracle总是先解析sql语句，把小写的字母转换成大写的再执行。3、WHERE子句中的连接顺序：ORACLE采用自下而上的顺序解析WHERE子句,根据这个原理,表

2018-12-30 13:58:08 494

转载 Oracle SQL性能优化的40条军规

SQL语句执行步骤语法分析&amp;amp;gt; 语义分析&amp;amp;gt; 视图转换 &amp;amp;gt;表达式转换&amp;amp;gt; 选择优化器 &amp;amp;gt;选择连接方式 &amp;amp;gt;选择连接顺序 &amp;amp;gt;选择数据的搜索路径 &amp;amp;gt;运行“执行计划”选用适合的Oracle优化器

2018-12-28 11:10:53 221

转载 Vuejs进阶知识(二十四)【自定义Directive】

自定义 DirectiveVuejs除了自身提供的 v-if, v-model 等标准的Directive之外，还提供了非常强大的自定义功能。使用这个功能，我们就可以定义属于我们自己的Directive.例子我们看下面例子：&lt;html&gt;&lt;head&gt; &lt;script src="https://cdn.jsdelivr.net/npm/[email protected].

2018-12-26 23:11:48 313

转载 Vuejs进阶知识(二十三)【与CSS预处理器结合使用】

与CSS预处理器结合使用20年前的《程序员修炼之道》这本书，就提到了程序员的一个职业习惯： DIY。 (Don’t Repeat Yourself), 不要做重复的事儿。目前的编程语言，几乎都具备了消灭重复代码的能力。除了CSSCSS 是唯一不具备支持变量的编程语言。因为CSS 本身只是一个DSL（Domain Specific Language领域特定的语言）, 它不是一个“编程语...

2018-12-26 23:06:04 713

转载 Vuejs进阶知识(二十二)【事件Event】

Event Handler 事件处理Vuejs中的事件处理非常强大，也非常重要。我们一定要学好它。Event Handler 之所以会被Vuejs放到很高的地位，是基于这样的考虑：把跟事件相关的代码独立的写出来，非常容易定位各种逻辑，维护起来方便。event handler 被独立出来之后，页面的DOM元素看起来就会很简单。容易理解。当一个页面被关掉时，对应的ViewMo...

2018-12-26 22:59:23 2228

转载 Vuejs进阶知识(二十一)【生命周期，最佳实践】

Vuejs的生命周期每个 Vuejs 的实例，都会经历下图的生命周期。可以看出，基本周期是：created (创建好DOM)mounted (页面基本准备好了。)updated (update 可以理解成人肉手动操作触发)destroyed （销毁)上面步骤中的 1,3,4都是自动触发。每个步骤都有对应的 beforeXyz方法所以...

2018-12-26 22:49:33 248

转载 Vuejs进阶知识(二十)【vuex状态管理器】

VuexVuex 是状态管理工具. 跟React中的Redux相似，但是更加简洁直观。简单的说, Vuex 帮我们管理 “全局变量”, 供任何页面在任何时刻使用.跟其他语言中的“全局变量”相比，使用Vuex 的优点是：Vuex中的变量的状态是响应式的。当某个组件读取这个变量时，只要Vuex中的变量发生变化，那么对应的组件就会发生变化（类似于双向绑定）用户或者程序无法直接改变Vue...

2018-12-26 22:44:45 256

转载 Vuejs进阶知识(十九)【slot】

Slot作为对Component的补充，Vuejs 增加了 Slot 这个功能.普通的Slot我们从具体的例子来说明。&lt;html&gt;&lt;head&gt; &lt;script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"&gt;&lt;/script&am

2018-12-26 22:37:13 290

转载 Vuejs进阶知识(十八)【component 进阶知识】

Component (组件) 进阶Component 是非常常见的，在我们的Web开发中，只要是生产环境的项目，就一定会有Component.下面就是我们的一个实际项目中的例子，这个项目我们只做了两个月，里面就发展到了32个component. 如下图所示：很多时候，我们甚至会看到一个 component 中嵌套着另一个，这个component再嵌套另外5个…例如：popup-p...

2018-12-26 22:31:00 401

转载 Vuejs进阶知识(十七)【computed properties】

使用Computed properties(计算得到的属性)和watchers(监听器)很多时候，我们在页面上想要显示某个变量的值时，都需要经过一些计算，例如：&amp;lt;div id=&quot;example&quot;&amp;gt; {% raw %}{{{% endraw %} some_string.split(',').reverse().join('-') }}&amp;lt;/div&a

2018-12-26 22:06:36 1382

转载 Vuejs进阶知识(十六)【mixin】

MixinMixin是一种更好的复用代码的模式.我们知道 java , Object C 中的 interface , implements, extends 等关键字的意义,就是为了让代码可以复用、继承.但是这几种方法, 都理解起来很不直观, 给人一种拐弯抹角的感觉. 特别是像我这样很不习惯 “设计模式”的人。在js, ruby等动态语言中, 我们如果要复用代码的话,直接使用 mixi...

2018-12-26 22:01:41 235

转载 Vuejs基本知识(十五)【js的作用域和this】

js的作用域与 this无论是 javascript, 还是 emscript, 变量的作用域都属于高级知识。我们想考察一个js程序员的水平如何，可以直接用作用域来提问。同时，我们在实际的开发中发现，很多js/emscript 的新人，对于作用域和 this 都很含混，所以这里要单独的提一下。作用域无论是 javascript, 还是 emscript, 对于作用域的使用基本是一样的。...

2018-12-25 22:13:58 1616 1

转载 Vuejs基本知识(十四)【component初级知识】

Component 组件组件是 Vuejs中最最重要的部分之一. 学号需要一定的时间投入。在 “webpack” 项目中，每一个页面文件( .vue) 都可以认为是一个组件.在Vuejs 1.x中, 组件跟视图是分别放到不同的文件夹下面的.在Vuejs 2.8以后, 所有的视图文件,都保存到 ‘components’ 目录下.可见 “组件” 这个概念已经越来越重要和普及了.说明这...

2018-12-25 22:07:04 749