- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 使用Blob实现前端下载
需要实现前端下载我们首先需要知道一下两个apiBlobURL.createObjectURL一、Blob一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式。 File 接口基于Blob，继承 blob功能并将其扩展为支持用户系统上的文件通俗的说，Blob就是h5提供的一个用于操作流的api1、Blob()构造函数let aBlob = new Blob( array, options );array：...
2020-11-22 21:11:38
671
原创 Vue实战 手写QQ音乐一(api接口搭建)
为了请求QQ音乐的数据时的跨域问题，我们使用Node.js + Express搭建一个中间件可以直接在github: https://github.com/liaoqinwei/qqMusicApi 拔取源码写的过程中借助文章https://blog.csdn.net/weixin_33874713/article/details/88003925?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159211368419724848348
2020-06-14 19:27:53
3682
2
原创 Cesium 使用shader实现扫光和修改纹理
代码不算难，我直接贴上代码( 前提是需要懂点glsl )注意更换cesium ion 的token。
2023-05-06 13:51:54
1092
原创 JS学习笔记-DOM
什么是DOM?文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。 --* 引自MDN*可以简单的理解为DOM就是HTML元素对象，我们要做的就是对它们进行一些操作，达到我们想要的效果，那我们该如何操作DOM?一、获取DOM元
2020-12-07 22:32:54
165
原创 python3的生成器使用( yield )
作者是一位python小白，本文章为自己的学习心得，如果有什么错误，请在评论区中指出一、生成器简介生成器是计算机科学中特殊的子程序。实际上，所有生成器都是迭代器。[1]生成器非常类似于返回数组的函数，都是具有参数、可被调用、产生一系列的值。但是生成器不是构造出数组包含所有的值并一次性返回，而是每次产生一个值，因此生成器看起来像函数，但行为像迭代器。 ------ 维基百科简单理解生成器，就是一个可以产生一系列值的函数在python中想要实现一个生成器，需要通过 yil.
2020-11-17 22:57:15
1698
1
原创 插入数据库喊单双引号解决方案(python)
记录一下最近在写python，将数据持久化时，数据含单引号，双引号问题数据库中有这样一张表CREATE TABLE test.test (id INT NOT NULL AUTO_INCREMENT,article VARCHAR(45) NULL,PRIMARY KEY (id));我们的python代码如下我们想把 <span class="title">这是标题</span>插入到数据库中import pymysqlSQL_CONFIG = {
2020-11-15 21:47:36
526
原创 python爬虫体验( reqests爬取豆瓣电影信息 )
python 版本：3.6.1requests 版本：2.14.2一、接口分析我们访问 豆瓣电影 豆瓣电影网站
2020-11-09 21:45:06
475
原创 Mysql8忘记密码解决策略 Linux
第一步：修改my.cnf配置文件执行 vim /etc/my.conf 命令进入mysql的配置文件在配置文件默认加入 skip-grant-tables 开启免密登录 看图一 (不需要注释掉)第二步：登录mysql然后执行 systemctl restart mysqld 将mysql进行重启直接mysql -u root -p即可直接进入mysql第三步：修改密码在修改密码之前我们可以执行 select host, user, authentication_string
2020-11-08 23:18:16
193
1
原创 React生命周期(最新API讲解)
React生命周期(最新API讲解)React在更新到16+的时候对于class生命的组件的生命周期有了比较大的改动和调整，此文章针对新的React生命周期来进行学习和使用。大家也可以去 官网 进行学习。React中class组件的生命周期可以大致的分为一下几步:挂载: 组件第一次创建，第一次渲染到页面上更新: 组件的state或者props在发生变化的时候销毁: 组件从dom中移除错误处理:当组件出现错误的时候(包含子组件)一、挂载defaultProps：属性默认值constru
2020-09-01 17:28:15
252
原创 call、apply、bind使用及一道经典面试题
call ，apply ，bind ，是 js中非常重要的三个函数(Function)原型上的方法，我们来学习一下这三个方法。原型上的方法，我们需要通过实例来创建，意思就是我们需要先创建一个函数，通过关键字function一、callcall( ctx, …args)ctx ： 执行函数需要改变的this对象 ;args： 执行函数需要传入的参数我们来看一下call的基本使用function fn(name) { console.log(this, name); // window 张三
2020-07-22 23:17:04
1061
原创 MutationObserver 用法总结( 监听节点、DOM变化 )
一、认识MutationObserver今天在查看Event Loop相关的文章的时候，看见了MutationObserver类，然后自己看了一下，在这做下总结MutationObserver：原生api中用来监听node节点变化的一个类，用来代替Mutation Events我们先来看看MutationObserver中有哪些方法 我们使用dir函数输出一下我们可以看到MutationObserver中有三个方法，我们一一来看observeobserve(target, config)
2020-07-07 22:25:33
23585
原创 Vue实战 手写QQ音乐四( 圆形进度条实现 SVG)
如图所示，我们今天要说的就是这种圆形进度条的效果是如何实现的一、认识SVG矢量图摘抄自菜鸟教程SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体总结一下: svg就是使用标签绘画出来的矢量图我们先来画一个简单的 正方形试试<s.
2020-07-06 22:18:10
426
原创 es6箭头函数 和 es5函数区别
我们今天来聊一聊箭头函数和普通函数的区别一、定义语法我们想要了解箭头函数，我们就得先知道它咋玩函数定义// 这是普通函数定义的方式function fn(){}// 箭头函数定义let fn = ()=>{ }形参定义// 箭头函数只有一个形参时，可以省略掉小括号let fn = num => {}// 有多个 形参 或 没有形参 的时候需要加上小括号let fn2 = (num1, num2){}返回值// 我们现在有一个相加函数 sumle
2020-07-02 22:18:42
579
原创 Vue实战 手写QQ音乐三(创建项目)
一、安装依赖我们需要使用 Vue-CLI 来构建项目，我们得先安装这些我们的安装操作都是基于 node 完成，如果没有 node 的朋友，先去官网进行安装( node 版本需要大于8.9 )在有 node 的环境下，我们执行以下命令npm install -g @vue/cli ：安装Vue脚手架注意：上面的安装方式是安装的最新版脚手架(4.x.x)版本，如果要安装 (1.x.x - 2.x.x)版本的话可以基于下面命令npm install -g vue/cli ：安装2.x.x版本的v
2020-06-25 11:24:58
487
原创 JavaScript基本数据类型转换
number数字类型包含: 常规数字、NaNNaNnot a number: 不是一个数，但它属于数字类型NaN和任何值(包括自己)都不相等: NaN!=NaN，所以我们不能用相等的方式判断是否为有效数字isNaN]> 检测一个值是否为非有效数字，如果不是有效数字返回true，反之是有效数字返回false。在使用后isNaN进行检测的时候，首先会验证检测的值是否为数字类型，如果不是，先基于Number()这个方法，把值转换为数字类型，然后再检测把其它类型值转换为数字类型Nu
2020-06-05 21:13:55
134
原创 使用node.js的fs模块实现css文件打包压缩
为了防止回调地狱, 我们先将 fs 模块中的方法使用 promise 进行一步封装let fs = require('fs'), path = require('path'), resultObj = {};let suffixHandle = (pathname) => { let suffixReg = /\.(PNG|JPG|JPEG|WEBP|ICO|BMP|SVG|MP4|MP3|M3U8|WAV|OGG)$/i return suffixReg.test(pathna
2020-06-05 10:06:13
449
原创 js盒子模型-client,offset,scroll
测试的HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body, html { margin: 0; } #box { overflow: scroll; position: absolute;
2020-05-27 10:09:13
108
原创 JS学习笔记--常用事件
JS学习笔记–常用事件在js中有非常多事件，此文章对常用的事件进行一些整理测试用的html代码(统一在次代码测试)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width: 100px; height: 100px;
2020-05-21 19:41:04
252
1
原创 ES6的let和ES5的var的区别
一、let定义的变量不会变量提升，var有变量提升机制我们直接看实例console.log(num);//=>undefinedvar num = 20; //=>定义一个变量console.log(num);//=>20我们将代码中的var修改为letconsole.log(num);//=>Uncaught ReferenceError: Cannot ...
2020-04-14 10:50:58
348
原创 Javascript中的Math、数组、字符串常用方法
常用的函数一、Math 数学函数：但是它不是一个函数，它是一个对象，对象中存储了还能多操作数字的属性方法，因此被称之为数学函数console.log(typeof Math); // =>objectconsole.dir(Math);/** * Math{ * PI:3.141592653589793 * abs:function(){[nativ...
2020-02-13 21:33:11
417
1
原创 通过ApacheDBUtil模拟转账功能
通过AoacheDbUtile模拟转账功能创建两个工具类JDBCUtile DataSourceUtileJDBCUtile：用来管理事务和Connection对象package cn.kz.utile;import java.sql.Connection;public class JDBCUtile { // 可以防止并发且事务在同一次连接 // 原理Thre...
2019-12-17 17:55:13
169
原创 JAVA基础-基本数据类型篇
JAVA基础-基本数据类型篇一、什么是基本数据类型基本数据类指的是，在java变量中存储的值的类型，也相当于是定义变量的一个规范。二、JAVA八大基本数据类型1.整数类型byte、short、int、long(字节型)byte取值范围 -127 ~ 128byte num = 127;byte num2 = -128;(短整型)short取值范围-32,768 ~...
2019-12-10 21:29:11
240
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人