Recent Posts

JS系统教程三-type conversion

如何将数据转换成不同类型 const name = 'Jony'; const age = 30; const person = { name:'brad', age:55 } let amount = 100; // change string to number ////////////////////////////// // amount = parseInt(amount); // // const num = 99.5; // amount = parseFloat(num); 会显示小数 ...

Read More »

JS系统教程二-数据种类

了解内存里面的stack和heap , 数据形式村在stack的是是原始数据,存在数组,对象和函数里的,是参考数据。 stack和heap的概念 heap是stack的子层

Read More »

JS系统教程一:Console的用法

console是一个object, 直接在console界面输入console你就会看到console obj的所有属性,log() 是console里面的一个方法,同样的方法还有warn() , error(), table() , group() 等等 用console.group() 时候要给group 添加闭合, console.groupend()。 也可以给console添加样式,

Read More »

深入理解JavaScript同步加载与异步加载

在现代网页开发中,JavaScript扮演着至关重要的角色。为了提高用户体验和页面性能,我们需要了解并巧妙地利用JavaScript的加载方式。在本文中,我们将深入探讨JavaScript同步加载和异步加载的概念、区别以及适用场景。 同步加载(Synchronous Loading) 同步加载是指在加载JavaScript文件时,浏览器会按照代码...

Read More »

pdf.js pdf 网页查看,翻页教程

html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>pdf VIEWER</title> <link rel="s...

Read More »

JS的FormData对象连接当前form的对象并选择值

对于form来讲,js有个特殊的object值叫FormData, 提交的都是序列化的内容。 如果要用FormData获取当前表格的对象, const form = document.getElementById('myForm'); const formData = new FormData(form); 获取某个input的值: const currentValue = formData.get('inputName'); 连接当前值和新值...

Read More »

JS表格前端验证

JS对表格验证分为前端验证和后端验证,前端验证比较容易理解。后端验证就是通过input发送过来的ajax,php通过判断post的值来做出反应。 1:检查input 字段是否为空 你可以用Input的value元素来检查: const myInput = document.getElementById("myInput"); if (myInput.value === "") { // input is empty...

Read More »

7个超强的javascript方法(Method)所有前端必学

Some方法 循环数组所有item 当一个item 通过函数提供的条件,就会返回true , 这个函数必须要传回true 或者 false 当name 通过 name.includes("h") 这个条件, 这个函数就返回true 用法: 用作条件判断时候特别有用, 这个返回单个的item信息 const containsLetterH = names.some(name => { return name....

Read More »

WP和任意网站如何按钮切换黑暗模式和白昼模式

首先我们先给body标签添加class名字:<body class="light-mode"> 然后去任意你想要添加切换按钮的地方添加切换按钮:<button id="toggle-mode">Toggle Mode</button> 注意class名称和下面的js和css文件要对应。 然后添加css样式: /* Light mode styles */ .light-mode { background-color: whit...

Read More »

WordPress文章如何添加浏览次数

在主题文件夹下面的inc文件夹(如果没有就新建一个),新建一个postviews.php文件,然后在functions.php里面引入: require get_template_directory() . '/inc/postviews.php' 然后在文件里粘贴: <?php // function to display number of posts. // 可以在后台设置一个option来决定是否开启浏览次数 func...

Read More »

jQuery的success\error和done\fail

在jQuery里面,success和error和done,fail函数做的事情都是一样的。 success参数特定回调函数当请求顺利完成时,然后从后端获取到data作为自己传递的参数。 $.ajax({ url: "some.php", type: "POST", data: { name: "John", location: "Boston" }, success: function(data) { console.log("Success:...

Read More »
//snowStorm.start(); snowStorm.snowFlakeWidth = 60; snowStorm.snowFlakeHeight = 60; snowStorm.flakesMax = 128; snowStorm.flakesMaxActive = 128; snowStorm.animationInterval = 30;