JavaScript/jQuery常用代码片段


=Start=

缘由:

最近在做一些页面展示相关的事情,需要用js/jQuery来实现一些功能,才发现自己的前端技能和知识储备真的是太少了,于是就想着开始积累这方面的知识和代码片段方便以后使用。

正文:

=JavaScript=
1.如何在JavaScript中遍历数组
var array = [0,1,2,3,4,5,6,7,8,9];
var length = array.length;
for (var i=0; i < length; i++) {
    console.log(array[i]);
}
2.用JavaScript生成指定日期字符串
var today = new Date();
var lastWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 7);
var lastMonth = new Date(today.getFullYear(), today.getMonth() - 1, today.getDate());

console.log(today.toISOString());
console.log(today.toISOString().substring(0, 10));
console.log(lastWeek.toISOString().substring(0, 10));
console.log(lastMonth.toISOString().substring(0, 10));
3.定时发起ajax请求
// setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
// setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

setInterval(func_name, 30000);
或
setInterval(function() {
    $.ajax({
        type: 'POST',
        url: 'test.php',
        data: {
            data: "test_data"
        },
        cache: false,
        success: function(result) {
            if (result == "true"){
                alert("true");
            }else{
                alert("false");
            }
        }
    });
}, 30000);
=jQuery=
1.用jQuery动态修改输入框中的值
$(selector).val(value)
2.待添加

……

=END=


《“JavaScript/jQuery常用代码片段”》 有 16 条评论

  1. 你可以在30秒内或更少的时间内收集到的有用的Javascript代码片段(Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.)
    https://github.com/Chalarangelo/30-seconds-of-code
    `
    数组(Array)
    浏览器(Browser)
    日期(Date)
    函数(Function)
    数学(Math)
    多媒体(Media)
    节点(Node)
    对象(Object)
    字符串(String)
    实用程序(Utility)
    `

  2. javascript 总结(常用工具类的封装)
    https://segmentfault.com/a/1190000013041329
    `
    JavaScript
    1. type 类型判断
    2. Date
    3. Array
    4. String 字符串操作
    5. Number
    6. Http
    7. DOM
    8. Storage 储存操作
    9. Other 其它操作

    CSS
    1. pc-reset PC样式初始化
    2. Phone-reset
    3. 公共样式提取
    `

  3. Js面试算法
    https://www.liayal.com/article/5ac46c20a6cf4e67bc05c9f4
    `
    素数
    素数因子
    Fibonacci(斐波那契)
    最大公约数
    算法范式
    去重
    合并两个排序的数组
    不通过临时变量交换两个数的值
    字符串反向
    单词反转
    原位反转
    第一个非重复字符
    删除重复的字符
    回文检查
    找缺失的数字
    两数之和
    最大和
    统计零
    子字符串
    排列
    `

  4. JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of
    https://blog.fundebug.com/2019/03/11/4-ways-to-loop-array-inj-javascript/
    http://thecodebarbarian.com/for-vs-for-each-vs-for-in-vs-for-of-in-javascript.html
    http://airbnb.io/javascript/#iterators–nope
    `
    我们有多种方法来遍历 JavaScript 的数组或者对象,而它们之间的区别非常让人疑惑。Airbnb 编码风格禁止使用 for/in 与 for/of,你知道为什么吗?

    这篇文章将详细介绍以下 4 种循环语法的区别:
    for (let i = 0; i { /* … */ })
    for (let i in arr)
    for (const v of arr)

    结论:
    简单地说,for/of是遍历数组最可靠的方式,它比for循环简洁,并且没有for/in和forEach()那么多奇怪的特例。for/of的缺点是我们取索引值不方便,而且不能这样链式调用forEach(). forEach()。

    使用for/of获取数组索引,可以这样写:
    for (const [i, v] of arr.entries()) {
    console.log(i, v);
    }
    `

回复 hi 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注