$(document).ready(function () { // Select the text input field var textInput = $("#textInput"); var delayTimer; // Attach an event handler to the input field for the "input" event textInput.on("input", function () { clearTimeout(delayTimer); delayTimer = setTim...
Read More »TimeLine Layout
10月, 2023
-
7 10月
input file字段选择图片之后怎么实现预览（还未上传到服务器的情况下）
$("#txt_image").on('change',function(){ console.log('on change'); if (this.files && this.files[0] ) { const reader = new FileReader(); reader.onload = function(e){ $("#book-image-preview").attr('src',e.target.result); } reader.readAsDataUR...
Read More » -
7 10月
js提交form数据的时候如果要包含file数据要用到FormData对象
通过创建一个FormData对象并将表单元素（包括文件输入）附加到该对象，您应该能够成功地将文件作为$_FILES数组的一部分发送到后端。 jQuery中的serialize（）方法不包括文件输入，因为出于安全和技术考虑，文件上传需要特殊处理。文件输入包含二进制数据（文件本身），这些数据不能以与文本字段或其他表单元素相同的...
Read More »
8月, 2023
-
1 8月
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 » -
1 8月
JS系统教程二-数据种类
了解内存里面的stack和heap , 数据形式村在stack的是是原始数据，存在数组，对象和函数里的，是参考数据。 stack和heap的概念 heap是stack的子层
Read More »
7月, 2023
-
31 7月
JS系统教程一：Console的用法
console是一个object， 直接在console界面输入console你就会看到console obj的所有属性，log() 是console里面的一个方法，同样的方法还有warn() , error()， table() , group() 等等 用console.group() 时候要给group 添加闭合， console.groupend()。 也可以给console添加样式，
Read More » -
4 7月
深入理解JavaScript同步加载与异步加载
在现代网页开发中，JavaScript扮演着至关重要的角色。为了提高用户体验和页面性能，我们需要了解并巧妙地利用JavaScript的加载方式。在本文中，我们将深入探讨JavaScript同步加载和异步加载的概念、区别以及适用场景。 同步加载（Synchronous Loading） 同步加载是指在加载JavaScript文件时，浏览器会按照代码...
Read More »
4月, 2023
-
1 4月
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 »
3月, 2023
-
4 3月
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 »
