Day: 2022年7月20日

$(function(){})中定义变量的作用域

admin web前端 暂无评论 398 浏览

常常由于一个页面功能模块特别多，例如tab页。我们想把每个模块的功能写在一个js中，但是为了区分开，我们在一个模块中定义了多个$(function(){}),定义在$(function(){})中的作用域会怎么样呢？下面举几个例子

(1)$(function(){

var a=1;

})

$(function(){

alert(a);

})

这时会报错，a是undefined，因为变量a中能在定义的$(function(){})中有效，那么，我们真的想定义一个公用的变量怎么办呢？我总结了一下。

方法一：

(1)$(function(){

window.a=1;

})

$(function(){

alert(a);

})

输出：1

注意：不要写反了，如果在下面$(function(){})中定义，也会显示a为undefined,因为$(function(){})写在前面的先加载。

方法二：

(2)

var a=1;

$(function(){

alert(a);

})

输出：1

…

Read more

redis读取全部key

admin 工具 暂无评论 1,575 浏览

1.全量遍历键

keys pattern
在之前的文章中我们已经介绍过了，可以直接使用

keys *

 

redis 的值有5种类型，不同的类型有不同的命令来获取：

字符直接 get key

队列 左端弹出一个元素  LPOP key

哈希 HGET key field

集合 SMEMBERS key 返回集合中的所有元素

有序集合ZRANGE key start stop

…

Read more

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,354 浏览

小编给大家分享一下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,496 浏览

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前端 暂无评论 407 浏览 
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前端 暂无评论 416 浏览

需求

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

 

实现

页面代码

<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 编程 暂无评论 413 浏览

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 编程 暂无评论 735 浏览

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