Welcome

首页 / 脚本样式 / JavaScript

Bootstrap CSS组件之输入框组

2017-02-06 20
本文实例为大家分享了Bootstrap输入框组的具体代码，供大家参考，具体内容如下了解table-cell的表格width设置为1%的原因。http://www.tuicool.com/articles/VzUVfyi 通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，您可以添加美元符号，或者在 Twitter 用户名前添加 @，或者应用程序接口所需要的其他公共的元素。input-group（input-group-xs,input-...

深入理解JS继承和原型链的问题

2017-02-06 21
对于那些熟悉基于类的面向对象语言（Java 或者 C++）的开发者来说，JavaScript 的语法是比较怪异的，这是由于 JavaScript 是一门动态语言，而且它没有类的概念（ ES6 新增了class 关键字，但只是语法糖，JavaScript 仍旧是基于原型）。涉及到继承这一块，Javascript 只有一种结构，那就是：对象。在 javaScript 中，每个对象都有一个指向它的原型（prototype）对象的内部链接。这个原型对象又有自己的原...

Bootstrap CSS组件之下拉菜单（dropdown）

2017-02-06 32
Bootstrap下拉菜单，常用在开发项目中，今天为大家介绍介绍dropdown、dropdown-menu、dropdown-header、divider、dropdown-submenu 例子见下拉菜单.html//源码.dropup,.dropdown { position: relative;}.dropdown-toggle:focus { outline: 0;}.dropdown-menu { position: absolute; top:...

谈谈JavaScript中浏览器兼容问题的写法小议

2017-02-06 19
前言JavaScript中很多坑，其中对浏览器的兼容也是一个问题，本文就简略的归纳了部分针对浏览器兼容问题的写法的例子，旨在便于查找。如果读者有什么好的意见建议，请留言交流，谢谢！window窗口大小1.在IE9+、Chrome、Firefox、Opera以及Safari中 window.innerHeight获取浏览器窗口的内部高度window.innerWidth获取浏览器窗口的内部宽度var msg = "窗口宽度：" + window.innerH...

Bootstrap CSS组件之按钮组（btn-group）

2017-02-06 23
.btn-toolbar（有助于几组btn-group结合到一个btn-toolbar中）/.btn-group（btn-group-lg/btn-group-sm/btn-group-xs）/.btn-group-vertical 容器内的按钮，可以使用button元素，也可以使用a元素，产生的效果是一样的。容器的多个分组以table风格进行显示，每组之间保持5px的left margin//源码.btn-toolbar:before,.btn-tool...

谈谈JS中常遇到的浏览器兼容问题和解决方法

2017-02-06 25
今天整理了一下浏览器对JS的兼容问题，希望能给你们带来帮助，我没想到的地方请留言给我，我再加上；常遇到的关于浏览器的宽高问题：//以下均可console.log（）实验var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽var winH=document.body.clientHeight||document.docuemntElement.cl...

Bootstrap CSS组件之按钮下拉菜单

2017-02-06 21
按钮下拉菜单结合使用.btn-group（btn-group-lg/btn-group-sm/btn-group-xs） .dropup .btn .dropdown-menu 按钮下拉菜单是在普通的下拉菜单的基础上封装了.btn样式得效果，就类似于单击一个button按钮，然后显示隐藏的下拉菜单。组合式下拉菜单 分离式下拉菜单 向上弹起的下拉菜单//源码，css实现方式主要是设置.dropdown-menu样式容器的bottom为100%.dropup ...

Jquery Easyui搜索框组件SearchBox使用详解（19）

2017-02-06 27
本文实例为大家分享了Jquery Easyui搜索框组件的实现代码，供大家参考，具体内容如下加载方式Class加载 <input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:"Please Input Value",menu:"#box""> </input> <div id="box" style="width:120px...

纯js实现悬浮按钮组件

2017-02-06 24
先上效果下面附上代码 使用方式很简单只需要 在页面引入这段js 即可$（（）=> { let param = {tag: true,num: 1,ele: document.createElement（"div"）,icon: "",homeIcon: "",moreIcon: "",personalIcon: "",closeIcon: "",distance: "50...

Node.js连接postgreSQL并进行数据操作

2017-02-06 50
前言PostgreSql是一个面向对象的关系数据库，postgis是一个基于PostgreSql的空间数据库插件，主要用于管理地理空间数据。因此在GIS领域，广泛使用PostgreSql作为空间数据库。首先使用npm安装数据库连接模块：npm install --save pg 连接池创建然后代码中引入pg模块，并编写数据库配置：var pg = require（"pg"）;// 数据库配置var config = {user:"postgres", da...

无阻塞加载js,防止因js加载不了影响页面显示的问题

2017-02-06 25
浏览器加载静态资源和js的方式都是线性加载，所以一般情况可以将js放到</body>前，防止UI线程的阻塞。而某些时候我们既希望js在整个网页的头部就加载，又担心js阻塞导致网站加载缓慢，就可以用到无阻塞加载js技术。Dynamic Script Elements 动态脚本元素DOM允许我们使用Javascript动态创建HTML的几乎所有文档内容，一个新的<script>元素可以非常容易的通过标准DOM创建：var script ...

Angular.js实现注册系统的实例详解

2017-02-06 20
前言相信大家在做项目里经常需要登录注册，那么在用angularjs该如何实现。下面让我们通过angualr.js来实现注册系统表单验证。Angular下载地址：https://code.angularjs.org/1.5.0/angular.js首先看一下页面效果（通过bootstrap实现的布局样式）：当我们点击提交按钮时，会根据表单验证，若通过，则没有提示语句，若不通过，则会弹出响应提示语句，当然该功能可以通过其他简单方式实现，这里只是通过实战对ang...

教你一步步用jQyery实现轮播器

2017-02-06 20
实现原理如图，试想一下，若是将<ul>的width属性值设置的很宽，直到可以装下你所有的图片，而每一个图片又用<li>包着并且设置了左浮动。那么当我们向左移动ul的时候并且移动的距离为<li>的宽度，第二个<li>不就被移动到了<div>的窗口，这样一来图片不就被一张一张显示出来了吗？接下来我们在设置<div>的属性overflow:hidden，那么<div>窗口以外的图...

完美解决JS文件页面加载时的阻塞问题

2017-02-06 23
关于页面加载时的时间消费，许多书中都做出了介绍，也提出了很多种方法。本文章就详细介绍XHR注入。概述：JS分拆的方法1.XHR注入：就是用ajax异步请求同域包含脚本的文件，然后将返回的字符串转化为脚本使用，该方法不会造成页面渲染和onload事件的阻塞，因为是异步处理，推荐使用。2.iframe注入：加载一个iframe框架，通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞，但是iframe元素开销较大，不推荐。3.DOM注入：就是创建sc...

前端js弹出框组件使用方法

2017-02-06 32
下面分享一个js 弹出窗, 分 toast , dialog , load 三种弹窗 , 下面用js css 来实现以下：首先是js代码 | 采用了 es6 的写法//公共弹窗加载动画const DIALOG_TOAST = "1",DIALOG_DIALOG = "2",DIALOG_LOAD = "3",class Dialog { constructor（type = DIALOG_DIALOG,dialogContent = "请求失败",wrap...

Jquery Easyui日历组件Calender使用详解（23）

2017-02-06 24
本文实例为大家分享了Jquery Easyui日历组件的实现代码，供大家参考，具体内容如下加载方式Class加载<div id="box" class="easyui-calendar" style="width:200px;height:200px;"></div>JS调用加载<div id="box"></div> <script>$（function （） { //JS 加载调用 $（"#b...

Jquery Easyui自定义下拉框组件使用详解（21）

2017-02-06 20
本文实例为大家分享了Jquery Easyui自定义下拉框组件的实现代码，供大家参考，具体内容如下加载方式JS调用加载自定义下拉框不能通过标签的方式进行创建。<input id="box" /><script>$（function （） {//JS 加载调用$（"#box"）.combo（{required : true,multiple : true,}）;}）;</script>属性列表<script>$...

Jquery Easyui验证组件ValidateBox使用详解（20）

2017-02-06 19
本文实例为大家分享了Jquery Easyui验证组件的实现代码，供大家参考，具体内容如下加载方式Class加载<input id="email" class="easyui-validatebox" data-options="required:true,validType:"email"" />JS调用加载 <input id="email" /><script>$（function （） {$（"#email"）....

Jquery Easyui分割按钮组件SplitButton使用详解（17）

2017-02-06 26
SpliButton组件依赖于Menu（菜单）组件和 LinkButton（按钮）组件加载方式Class加载 <a href="javascript:void（0）" id="edit" class="easyui-splitbutton"data-options="menu:"#box",iconCls:"icon-edit"">编辑</a> <div id="box" style="width:150px;"><...

node.js请求HTTPS报错：UNABLE_TO_VERIFY_LEAF_SIGNATURE的解决方法

2017-02-06 92
发现错误最近在用Nodejs发送https请求时候，出现”Error: UNABLE_TO_VERIFY_LEAF_SIGNATURE”的错误，错误如下：events.js:72throw er; // Unhandled "error" event^Error: UNABLE_TO_VERIFY_LEAF_SIGNATUREat SecurePair. （tls.js:1381:32）at SecurePair.emit （events.js:92:17...
<< 41 42 43 44 45 46 47 48 49 50 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图