四时宝库

程序员的知识宝库

开源前端框架——“锋利的jQuery”发布4.0首个Beta版本

jQuery 4.0.0 发布了首个 Beta 版本。

JavaScript的超级库--jQuery内容整理(3)


本教程时候有一定前端基础的人员学习.

常用方法:

parent():返回元素的直接父元素

parents():返回元素的所有父元素

children():返回所选元素的所有直接子元素.

siblings():返回所选元素的所有兄弟元素.

next():返回下一个兄弟元素

nextAll():返回后面的所有兄弟元素.

prev():返回上一个兄弟元素.

全新web前端开发教程之Jquery Ajax

1、$.ajax

jquery调用ajax方法:

格式:$.ajax({});

Jquery相关(jquery技巧)

一、Jquery:目前流行的JavaScript程序库,它是对JavaScript对象和函数的封装。

设计思想:写的更少,做的更多。(write less,do more)

目的:提高开发的效率。

二、(搭建jquery的开发环境)使用Jquery的步骤:

1.下载jquery的文件(js文件:例如jquery-1.9.1.min.js),并添加项目中

还在拿着10k的工资敲代码?学完这些Java冷知识,年薪65W不是梦

文章有点长,请大家耐心看完,话不多说直接上干货!

永不过时的编程语言——Java 编程开发。

Java编程语言占比:

据官方数据统计,在全球编程语言工程师的数量上,Java编程语言以900万的程序员数量位居首位。 而且很多软件的开发都离不开Java编程,因此其程序员的数量最多。而在以Java编程为核心的开发领域中,javaEE程序员的需求量10年来一直居于首位!

Java工程师人才缺口:

根据IDC的统计数字:就2017年来说,我国Java人才的缺口已达42.5万,并且以每年20%左右 的速度增长。在未来5年内,合格软件人才的需求将远大于供给。

“锋利的jQuery”发布4.0首个Beta版本

jQuery 4.0.0 发布了首个 Beta 版本。

jQuery中的事件——事件绑定、合成事件

加载DOM

以浏览器装载文档为例,在页面加载完毕后,浏览器会通过javaScript为DOM元素添加事件,在常规的javaScript代码中,通常使用window.onload方法,而在jQuery中,使用的是$(document).ready(function(){})

Web前端新人笔记之了解Jquery(web前端三大主流框架 jquery)

与javaScript相比,Jquery更简洁。浏览器的兼容性更强,语法更灵活,对xpath的支持更强大。一个$符就可以遍历文档中各级元素。
例:在页面上有一个无序列表,我们需要将所有列表项中的文本内容提取出来并显示。
 1 //javascript代码
 2 <script type = "text/javascript">
 3     var listTimes = document.getElementByTagName("li");
 4     var str = "";
 5     for(var i = 0; i < listTimes.length; i++){
 6         str += listTimes[i].firstChild.nodeValue;
 7         alert(str);
 8     }    
 9 </script>
10 //jquery代码
11 <script type = "text/javascript">
12     $(function{
13         alert($("li").text);
14     }); 
15 </script>

layui 上传excel,数据插入到数据库

前端代码:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="views/lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="views/css/layuimini.css?v=2.0.4.2" media="all">
    <link rel="stylesheet" href="views/css/themes/default.css" media="all">
    <link rel="stylesheet" href="views/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <script src="views/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
    <script src="views/js/lay-config.js?v=2.0.0" charset="utf-8"></script>
    <script src="views/js/common.js" charset="utf-8"></script>
    <!--[if lt IE 9]>
    <script src="views/lib/export-word/excanvas-IE8.js"></script>
    <script src="views/lib/export-word/jqueryWordExport-IE8.js"></script>
    <script src="views/lib/other/html5.min.js"></script>
    <script src="views/lib/other/respond.min.js"></script>
    <![endif]-->
</head>
<body class="layui-layout-body">
<div class="layui-upload" align="center">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;" align="center">
        <legend>请选择您要上传的Excel文件</legend>
    </fieldset>
    <div style="margin-top: 30px" align="center">
        <button id="importData" name="file" class="layui-btn layui-btn-normal">导入</button>
    </div>
</div>
</div>

<script>
    layui.use(["element", "layer", "upload"], function () {
        var layer = layui.layer;
        layui.upload.render({
            elem: "#importData",
            url: '/upload',
            size: '800',
            accept: "file",
            exts: 'xls|xlsx',
            before: function () {
                layer.load();
            },
            done: function (res) {
                if (res.code==0) {
                    let index=layer.alert('上传成功!',function () {
                        layer.close(index);
                    });
                } else layer.alert('失败',{icon:5});
                layer.closeAll('loading');
            }
        });
    });

</script>
</body>
</html>
</html>

这可能是全网Java学习路线最完整最详细的版本

文章有点长,请大家耐心看完,话不多说直接上干货!

一门永不过时的编程语言——Java 编程开发。

Java编程语言占比:

据官方数据统计,在全球编程语言工程师的数量上,Java编程语言以900万的程序员数量位居首位。 而且很多软件的开发都离不开Java编程,因此其程序员的数量最多。而在以Java编程为核心的开发领域中,javaEE程序员的需求量10年来一直居于首位!

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接