Js
关注
分享
扫一扫
文章平均质量分 51
js语法以及web API 的复习
指尖跃动smile
失败只有一种，就是半途而废。
展开
-
浅谈浅克隆和深度克隆复杂数据类型的数据
浅克隆浅克隆可以把源对象上的数据复制到目标对象上去,对于源对象上简单数据类型可以完全复制，对于源对象上的复杂数据类型则复制的是引用地址原创 2022-05-25 10:18:18 · 219 阅读 · 0 评论 -
前端图片转成base64并压缩的实现方案
图片转base64方案原创 2022-05-16 18:30:15 · 2854 阅读 · 3 评论 -
前端生成pdf和word
生成pdf引入html2canvas和jsPDF插件调用html2canvaspdfdom是导出的页面最外成元素，a4纸的大小592.28*841.89px html2canvas(pdfdom, { padding: 0, width: 592.28 * 2, dpi: 192, scale: 2, // 页面缩放原创 2021-12-22 10:10:38 · 1153 阅读 · 0 评论 -
用js实现百度热搜榜的动态的效果
实现效果html代码如下 <div class="box"> <ul> <li> <div class="imgbox"> <img src="https://fyb-1.cdn.bcebos.com/hotboard_img/704d02b8f97781861dce050a22f8f970?x-bce-process=i..原创 2021-12-09 11:48:08 · 2011 阅读 · 1 评论 -
数组的一些操作方法学习概括
数组的基本操作创建数组字面量创建let arr = []new 一个数组 let arr = new Array()数组常用方法isArraylet arr = []let isArr = Array.isArray(arr)console.log(isArr) // trueinstanceof let istrue = arr instanceof Array console.log(istrue); // truejoin()将数组转化原创 2021-11-18 14:44:15 · 200 阅读 · 0 评论 -
NodeJs基础知识的学习笔记
服务器基础1.网站组成：客户端和服务器端。2. 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。3. 创建web服务器： // 引用系统模块 const http = require('http'); // 创建web服务器 const app = http.createServer(); // 当客户端发送请求的时候 app.on('request', (r原创 2021-07-30 15:02:19 · 419 阅读 · 0 评论 -
使用es6的class类写的todos小案例
案例只有添加和删除以及本地存储功能，利用es6class封装了一个功能类<div class="box"> <button class="deleteBtn">删除</button> <input type="text"> <button class="addBtn">添加</button> <ul class="todos"> .原创 2021-11-10 17:09:46 · 742 阅读 · 0 评论 -
实现vue大数据全屏和退出全屏操作
一、封装设置全屏和退出全屏的函数：设置全屏setFullScreen() { let el = document.documentElement; let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen if (rfs) { // typeof rfs !=原创 2021-11-10 10:22:48 · 492 阅读 · 0 评论 -
实现图片上传和预览以及多图上传
前言关于图片上传方法采用的是创建FormData对象处理文件数据和表单数据预览图片 function upload(th) { var file = th.currentTarget.files[0] // 创建文件读取对象 var reader = new FileReader() reader.readAsDataURL(file) // 图片预览 reader.onload = function (res)原创 2021-08-26 15:11:23 · 671 阅读 · 0 评论 -
关于数据可视化的大小屏自适应和缩放的问题
方案一通过设计图的尺寸来写页面，按大屏为宽度1920的设计图来说，页面的宽高完全按照设计图的尺寸来写，通过设置盒子的zoom值来实现大小屏自适应。html页面：<body> <div id="container"> <div class="item"> <div class="left"> </div> <div class="middle"&原创 2021-08-26 14:38:55 · 1895 阅读 · 0 评论 -
实现h5的拖放盒子的功能并且交换元素的位置
<div id="box1" ondragover="allowDrop(event)" ondrop="drop(event)"> <!-- draggable设置可拖放 ondragstart拖动什么 --> <img src="video/school.gif" alt="" draggable="true" id="img1" ondragstart="drag(event)"> </div> <!-- ondragover原创 2021-11-10 13:36:53 · 662 阅读 · 0 评论 -
js基础知识总结
JsJS语法数组 字符串函数 作用域对象内置对象DOMBOM本地存储JS高级正则表达式闭包递归ES6新增JS语法1.基础数据类型变量就是装数据的容器，是在内存中申请存放数据的空间,变量的数据类型只有程序在运行过程中，根据等号右边的值来确定的。js是动态语言，变量的数据类型是可以变化的。js数据类型分为简单数据类型，字符型。布尔型。isNaN（）用来判断变量是否是非数字。字符串string单引号 ；通过length属性检测字符串长度；变量和字符串相连引引加加bo原创 2021-08-22 14:25:27 · 215 阅读 · 1 评论 -
前端实现文件流和json数据的导出功能
// 实现导出功能 $(".excelOut").click(function () { var xhr = new XMLHttpRequest() var params = "" for (var key in info) { if (info[key] instanceof Array) { if (info[key].length) { info[key].forEach((item) =>.原创 2021-03-16 11:37:17 · 485 阅读 · 0 评论 -
js知识点学习笔记
计算机基础编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，最终得到结果的过程。计算机语言：指人与计算机之间的通讯的语言。计算机语言分为机器语言，汇编语言、高级语言。汇编语言只是指令采用英文缩写和指令符，更容易识别和记忆。高级语言：包括c语言、c++、java、c#、php、javascript等。编程语言有很强的的逻辑和行为能力，是主动的，标记语言（html）不用于向计算机发出指令，常用于格式化链接，是用来被读取的，是被动的。计算机硬件（输入设备原创 2023-03-14 13:51:02 · 584 阅读 · 1 评论