HTML中使背景图片自适应浏览器大小实例详解

HTML中使背景图片自适应浏览器大小实例详解解决办法:
1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div...

B/S(Web)实时通讯解决方案分享

B/S的实时通讯实现起来比较麻烦,因为http协议是无状态的,导致一些实时消息通知和聊天等功能比较难以实现,本文主要简述几种自己之前常用的几种方式。1、传统的HTTP协议是无状态...

vue中mint-ui环境搭建详细介绍

vue中mint-ui环境搭建详细介绍首先需要如下配置node (最好用淘宝源)$ npm install -g cnpm --registry=https://registry.npm.taobao.org以及git从官方github拉下来mint-uigi...

ES6中Symbol类型用法实例详解

本文实例讲述了ES6中的Symbol类型。分享给大家供大家参考,具体如下:Symbol是在ES6中新加入的类型。正如我们所知,JavaScript中有以下几种类型:Undefined ,Null ,Boolean ,Number...

ES6中Proxy代理用法实例浅析

本文实例讲述了ES6中Proxy代理用法。分享给大家供大家参考,具体如下:ES6中提出了一个新的特性,就是proxy,用来拦截在一个对象上的指定操作。这个功能非常的有用。举一个例子来说...

ES6中class类用法实例浅析

本文实例讲述了ES6中class类用法。分享给大家供大家参考,具体如下:类语法是ES6中新增的一个亮点特色。我们熟悉的JavaScript终于迎来了真正意义上的类。在之前,想要通过javascr...

ES6中module模块化开发实例浅析

本文实例讲述了ES6中module模块化开发。分享给大家供大家参考,具体如下:多人开发JavaScript时伴随着命名冲突等问题,先后有了模拟块级作用域、命名空间、模块化开发等方法。之...

深入理解 JavaScript 中的 JSON

我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题,请问,以下JS对象通过JSON.stringify后的字符串是怎样的?先不要急着复制粘贴到控制台,先自己打开一个代码编辑器或者纸...

javascript闭包功能与用法实例分析

本文实例讲述了javascript闭包功能与用法。分享给大家供大家参考,具体如下:理解闭包闭包这个东西,确实是很麻烦。之前我自己的理解也是有一点误差,所以今天将文章修改修改,争取将...

vue.js指令和组件详细介绍及实例

大家好,本文给各位做一下vue.js一个最基本的概念介绍。vue.js 指令
<div id="app"> <div v-text="message"></div></div>var app = new Vue({ el: '#app', data: { message...

jQuery实现文章图片弹出放大效果

首先先搭写一个基本的格式:$.fn.popImg = function() { //your code goes here}然后用自调用匿名函数包裹你的代码,将系统变量以变量形式传递到插件内部,如下:;(function($,win...

原生javascript上传图片带进度条【实例分享】

javascript代码: ; (function(w) { var error = "上传控件不支持您的浏览器!"; // 构造函数 function UploadImg(option) { $u = this; $u.option = option; $u.init($u.op...

微信小程序五星评分效果实现代码

微信小程序五星评分效果实现代码很多做过电商项目的朋友会经常用到评分的功能,我这里正好写了一个例子,发出来分享一下:我写的是5分满分制的,首先,准备3个图片,,像这样的,分别代表分...

微信小程序 下拉菜单的实现

微信小程序 下拉菜单看下实现效果图:实例://wcss /**DropDownMenu**/ /*总菜单容器*/ .menu { display: block; height: 28px; position: relative; } /*一级菜单*/ .m...

微信小程序 图片宽度自适应的实现

微信小程序 图片宽度自适应的实现实例代码:wxml 代码:<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration...

JavaScript原生数组Array常用方法

栈方法push方法和pop方法, 可以使数组的行为类似于栈, 先进后出, 并且推入和弹出操作只发生在一端.push方法push方法可以接收一个或多个参数, 把它们追加到数组末尾, 并返回...

详解JS中遍历语法的比较

for循环JavaScript 提供多种遍历语法。最原始的写法就是for循环。let arr = [1,2,3,4,5];for (var index = 0; index < arr.length; index++) { console.log(myArray[index]...

js按条件生成随机json:randomjson实现方法

前端开发中,在做前后端分离的时候,经常需要手写json数据,有3个问题特别揪心:
1,数据是写死的,不能按一定的条件随机生成长度不一,内容不一的数据2,写数组的时候,如果有很多条,需要一条...

Zepto实现密码的隐藏/显示

效果图:代码如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="http://www.xipwang.cn/js/zep...

原生JS实现圆环拖拽效果

最近用原生JS写一个环形的鼠标滑动效果,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0;padding:0...

nodejs爬虫遇到的乱码问题汇总

上一篇文章中使用nodejs程序解析了网页编码为gbk,gb2312,以及utf-8的情况,这里面有三种特殊的乱码情况需要单独的说明一下.1,网页编码为utf-8,但是解析为乱码,代表网站为www.gu...

JavaScript函数节流的两种写法

最近看了函数节流的相关内容,具体什么是节流我不讨论了,网上很多,这里总结下两个方法,我只认可其中一个。另一个貌似也能达到节流的效果但是感觉不是很正规。方法一:<!DOCTYPE ht...

JS实现的添加弹出层并完成锁屏操作示例

本文实例讲述了JS实现的添加弹出层并完成锁屏操作。分享给大家供大家参考,具体如下:上图:代码:<html><head> <title>弹出层</title> <style type="text/css"> *{ padding:0px...

Bootstrap.css与layDate日期选择样式起冲突的解决办法

问题如图:
给大家看下正常的layDate年份选择图片:
一开始想到的,以为是自己没有将layer.css导入,或者layDate.css没有导入,出现的这个问题,结果发现只要导入layer.css,会自动导...

JS简单实现获取元素的封装操作示例

本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下:JS封装获取元素js的获取元素:ID:document.getElementById();
class:document.getElementsByName(...

js简单实现网页换肤功能

我发现网上写换肤功能写的有点长,就想想如何更简单方法实现这个功能,于是我自己写了一个。html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></titl...

聊聊JavaScript如何实现继承及特点

“继承”是面向对象编程里面经常提及到的概念,它的目的是实现代码复用。JavaScript并没有“类”的概念,那么,它如何实现继承呢?
(ES6有关键字class和extend,继承的语法与Java等面...

js时间查询插件使用详解

我从同事那拿来一个时间查询的插件,先记录下来:首先要引入js文件和css文件,因为我用到了bootstrap 所以引入的文件有点多:ps: 如果有需要的小伙伴,可以直接跟我说<script src="j...

jQuery获取table下某一行某一列的值实现代码

jQuery获取table下某一行某一列的值实现代码最近需要获取到某个table下每一行某一列的值,用jQuery做了一会儿,过程如下,仅供参考:
<div class="div"> <table name="info">...

nodejs服务搭建教程 nodejs访问本地站点文件

本教程为大家分享了nodejs服务搭建和如何访问本地站点文件,供大家参考,具体内容如下搭建nodejs服务器步骤:1.安装nodejs服务(从官网下载安装)2.在自己定义的目录下新建服务器...

微信小程序 连续旋转动画(this.animation.rotate)详解

微信小程序 连续旋转动画一、.js中封装旋转动画方法  添加animation属性 data:{ animation:''" }  改变animation的值(官网提供角度范围是-180~180,但是我发现角度...

jQuery中map函数的两种方式

两种方式:1、直接jQuery.map//将原数组中每个元素加 4 转换为一个新数组。$.map( [0,1,2], function(n){ return n + 4;});//结果:[4, 5, 6]//原数组中每个元素扩展为一个包...

JavaScript使用链式方法封装jQuery中CSS()方法示例

本文实例讲述了JavaScript使用链式方法封装jQuery中CSS()方法。分享给大家供大家参考,具体如下:主要思路就是:返回this对象,将所获取的操作元素放入一个数组中。在原型中添加拓...

微信小程序page的生命周期和音频播放及监听实例详解

一、界面的生命周期 /** * 监听页面加载, * 页面加载中 */ onLoad:function(){ var _this = this console.log('index---------onload()') /**...

微信小程序 chooseImage选择图片或者拍照

微信小程序 chooseImage选择图片或者拍照一、使用API wx.chooseImage(OBJECT)var util = require('../../utils/util.js')Page({ data:{ src:"../image/pic4.jpg" },...

JS实现css hover操作的方法示例

本文实例讲述了JS实现css hover操作的方法。分享给大家供大家参考,具体如下:hover我们可以用css的方式写,当然,也可以用js的方式写<html><head> <title>js的下拉菜单效果</titl...

如何使用vuejs实现更好的Form validation?

用vuejs对Form验证怎么进行对submit验证,验证失败不跳转,成功才跳转?我试了好几个方法都没实现,很郁闷,要么不验证,要么就是验证了不进行跳转。<input type="button" v-on:click="...

ES6实现的遍历目录函数示例

本文实例讲述了ES6实现的遍历目录函数。分享给大家供大家参考,具体如下:// npm init// npm install koa --save-dev// node --harmony app.jsconst fs = require('fs');var ea...

vue-hook-form使用详解

vue-hook-form
用于处理form请求,获取formData。以便于将form请求转成ajax/fetch请求安装npm install vue-hook-form
使用VUE版本:1.x
必须在vue-cli生成的webpack模板环境中...

自带气泡提示的vue校验插件(vue-verify-pop)

本教程大家分享了自带气泡提示的vue校验插件,供大家参考,具体内容如下安装npm install vue-verify-pop
使用VUE版本:1.x
必须在vue-cli生成的webpack模板环境中使用一、在./ma...

微信小程序实现图片轮播及文件上传

微信小程序实现图片轮播及文件上传刚刚接触微信小程序,看着网上的资源写了个小例子,本地图片轮播以及图片上传。图片轮播:
index.js
<span style="font-size:14px;">var app =...

JS+HTML5 FileReader对象用法示例

本文实例讲述了JS+HTML5 FileReader对象用法。分享给大家供大家参考,具体如下:FileReader 实例中有四个方法来读取文件数据1、readAsBinaryString(Blob|File)
2、readAsDataUR...

socket.io实现在线群聊功能

我自己在用socket.io开发,对官方网站上的文档,进行简单的整理,然后自己写了一个简单的聊天程序。最最开始先安装socket.io:npm install socket.io
利用Node的搭建Http服务分为...

JS实现的模仿QQ头像资料卡显示与隐藏效果

本文实例讲述了JS实现的模仿QQ头像资料卡显示与隐藏效果。分享给大家供大家参考,具体如下:我们使用QQ时经常需要查看朋友的资料卡,当我们把鼠标移入头像时,资料卡显示,并且鼠标能...

js 数字、字符串、布尔值的转换方法(必看)

1、转换为字符串'' + 10 === '10'; // true将一个值加上空字符串可以轻松转换为字符串类型。2、字符串转换为数字
+'010' === 10Number('010') === 10parseInt('010', 10) =...

Vue表单验证插件Vue Validator使用方法详解

Vue-validator 是Vue的表单验证插件,供大家参考,具体内容如下Vue版本: 1.0.24
Vue-validator版本: 2.1.3基本使用<div id="app"> <validator name="validation"> <form novali...

ES6学习笔记之Set和Map数据结构详解

本文实例讲述了ES6学习笔记之Set和Map数据结构。分享给大家供大家参考,具体如下:一.SetES6提供了新的数据结构Set。类似于数组,只不过其成员值都是唯一的,没有重复的值。Set本身...

初识NodeJS服务端开发入门(Express+MySQL)

NodeJS对前端来说无疑具有里程碑意义,在其越来越流行的今天,掌握NodeJS已经不再是加分项,而是前端攻城师们必须要掌握的技能。本文将与同志们一起完成一个基于Express+MySQL的...

使用 NodeJS+Express 开发服务端的简单介绍

随着NodeJS的发展,现在已经被很多人熟知,NodeJS已经成为了前端开发人员必备的技能。本文不会对NodeJS过多介绍 如果你感兴趣可以访问NodeJS 官网本文是利用NodeJS+Express开发...

js控制文本框禁止输入特殊字符详解

在开发难免遇到一些前端需要验证输入的数据是否合法的问题,收集分享在这里同学们使用,欢迎补充。1.标签上直接替换方法:JS 控制不能输入特殊字符<input type="text"class="doma...

返回顶部
顶部