Author: admin

jquery通过递归来实现的图片依次消失和隐藏的案例

admin web前端 暂无评论 304 浏览

javascript jquery通过递归来实现的图片依次消失和隐藏的案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 400px;
        }
        img{
            width:90px ;
            height:90px;
            vertical-align: top;
        }

    </style>
   
</head>        
<body>        
<input type="button" value="隐藏动画" id="btn1"/>
<input type="button" value="显示动画" id="btn2"/>
<div>
    <img src="images/1.jpg"/>
    <img src="images/2.jpg"/>
    <img src="images/3.jpg"/>
…
Read more

CSS如何实现div宽度根据内容自适应

admin web前端 暂无评论 3,349 浏览

小编给大家分享一下CSS如何实现div宽度根据内容自适应 ，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

在实际应用中，可能有这样的需求，那就是需要div根据内容进行宽度自适应。有很多开发者可能误以为如果不设定div的宽度就可以实现宽度随内容自适应，其实这是错误的，因为在默认状态下，div的宽度值是百分之百，也就是会占满整个父元素宽度。
代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="https://www.yisu.com/" /> 
<title>亿速云</title> 
<style type="text/css"
…
Read more

jquery如何获取标签内容

admin web前端 暂无评论 2,495 浏览

jquery获取标签内容的方法：1、使用“$('#id').val()”方法获取标签的value值；2、通过“$('#id').text()”方法获取标签中间的文本；3、通过“$('#id').html()”方法获取标签中的html内容。

 

推荐：《javascript基础教程》

使用jquery获得标签的值或元素的内容

$('#标签id').val() 可以用来获取标签的value值，比如 input 标签的value值可以用它获取；
$('#标签id').text()可以用来获取标签中间的文本，比如 <span>值1</span>就可以用它获取到值1；
$('#标签id').html() 可以用来获取标签中间的html内容，比如<div id="div1"><span>123</span></div>可以用$('#div1').html()获取到<span>123</span>；
$('#标签id').attr('属性名')可以用它来获取标签的指定属性的值，比如<a href="xxx.aspx">xxx</a>就可以用.attr('href')获取到xxx.aspx。
jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：
$("label#userid").text(); // 首选，获取label的文本
$("label#userid").html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

<div class="box">
<span>点击按钮获取label中内容：</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>
…
Read more

jquery 的val()值复加怎么弄

admin web前端 暂无评论 406 浏览 
var hdcval = $("#hdelsecount").val();
                        hdcval += icount + ",";
                        $("#hdelsecount").val(hdcval);

往一个隐藏域里追加值。。
原始是0
icount 是传来的数字
想是

$("#hdelsecount").val(icount+","）；

以为能重复追加值，如1,2,3,4,这样，可是val()这个方法是覆盖的。不是在值里追加字符额。。那个方法是追加的呢？？

 

答:

$("#hdelsecount").val($("#hdelsecount").val() + icount+","）

…

Read more

input回车触发事件

admin web前端 暂无评论 414 浏览

需求

需要在搜索框中输入文字后回车能够触发搜索事件

 

实现

页面代码

<div class="index-search">
   <input type="text" name="indexSearch" class="inp"  value="<s:property value="front.key"/>" onkeydown="tab(event)" placeholder="Search in this store" id="ssubmitStore">
   <img class="icon icon-search" src="/images/djimart-supplier-home/icon_search1.png">
</div>

效果

 

当我们在上图文本框中输入字符按回车实现自动搜索

我们需要引入jquery ,编写如下功能代码

核心在于e.keyCode=13那么就是我们按下了回车的动作

实现1

$("#ssubmitStore").keydown(function(e) {
    if (e.keyCode == 13) {
        seachStore(); //调用搜索店内商品信息
…
Read more

nodejs创建服务器步骤

admin 编程 暂无评论 412 浏览

1、引入http模块。这个模块是内置模块

const http = require('http')

2、http身上有个createServer() 函数 创建服务器的。

const server = http.createServer() //得到 个服务器对象

3、 兼听事件: 兼听用户发的请求事件

server.on( 'request',function(req,res){
    					/*
    						req:request简写。语法上只是一个形参而已，请求消息
                       		res:response简写，响应消息
    					*/
    console.log('一个用户发起了请求')
    //此时这里没有响应。按照协议：一个请求必须对应一个响应啊。
    res.end('hello node.js') //这就是响应。
} )

4、开放一个端口

 server.listen(3000)

当端口开启后，叫：服务器开启了、服务器挂载成功了。

然后我们访问这个服务器

http：//localhost:3000

http:127.0.0.1:3000

上面的两个作用一样：代表访问的是你自己电脑上的服务器。

自己的IP
http://192.168.30.128:3000

…
Read more

使用nodejs搭建一个简单服务器

admin 编程 暂无评论 734 浏览

1. nodejs 服务器搭建

nodejs 写一个服务器，别人能够访问到；

http 协议：浏览器 和 服务器 遵守的规范；

http 服务器 和 浏览器 之间的通信，都是通过 http 实现的

我们的服务器，最重要的一环，监听，也就是说，http 向服务器发送请求，那么服务器就应该接收到这样的请求，这就是监听；

第一步：　我们创建server.js文件如下：
// 1. 导入http模块
const http = require("http");

// 2. 创建一个web服务器对象
const server = http.createServer();

// 3. 监听请求事件
server.on("request", (req,
…
    
Read more

Socket网络通信

admin 概念 暂无评论 463 浏览

Socket网络通信

Socket 是什么?

Socket 其实就是套接字，大部分人对于 Socket 的理解就是它可以实现一个简单的网络通信，但是它「具体解决了哪些问题？有什么实际的作用？为什么会有一个 Socket 出现？」

Socket 其实是在「应用层与传输层之间的一个产物」，它把传输层的很多复杂操作封装成一些简单的接口，来让应用层调用以此来实现进程在网络中的通信，Socket 是对端口通信开发的工具,它要更底层一些。

Socket 其实类似于一台洗碗机，它的功能就是洗碗(网络通信)，如果没有它，你可能需要自己手动去洗碗(手动调用传输层、应用层之间的各个 api)，但是有了它你只需要点击开关、调整时长就行了(封装了 api)，你可以不需要它，但是如果没有它，洗碗(应用层与传输层之间的交互)将变得非常繁琐。

一次完整的网络通信必不可少的会经过物理传输层的网线和网卡，网络传输层的 IP 协议可以知道要将数据传送给哪台机器，但是在计算机系统中会运行不同进程，那要如何把「网卡中的网络数据识别出来是给哪个进程的」，这其实就是 Socket 设计的想解决的一点了。

Socket 是「对 TCP/IP 或者 UDP/IP 协议的封装」，Socket 本身其实就是一个调用接口。通过这个接口我们在开发网络应用程序的时候，就可以不用关心底层是怎么实现的，减轻开发的难度。

Socket 运行流程

基于 TCP

Server

  • socket():表示创建一个 socket，底层会生成一个文件描述符，用来表示该
…
Read more

yarn的安装及使用教程

admin web前端 暂无评论 868 浏览

目录

一、引言

二、同为包管理工具 npm和yarn的区别

三、yarn的安装

 四、总结

一、引言

之前出过一篇关于 用 npm 创建 react 项目的介绍与使用教程，本文在此介绍并对比一下 yarn 的使用。

yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，yarn 是为了弥补 npm 的一些缺陷而出现的。

二、同为包管理工具 npm和yarn的区别

1、并行安装：yarn安装包会同时执行多个任务，npm 需等待上一个任务安装完成才能运行下一个任务
2、离线模式：如果你已经安装过一个包，用 yarn 再次安装会从缓存中获取，而 npm 会从网络下载
3、版本锁定：yarn 默认有一个 yarn.lock 文件锁定版本，保证环境统一，而 npm

…
        
Read more