2021年09月_web修理工

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 node 生成网络图片下载图片

生成图片<!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" /> &lt

2021-09-29 21:50:45 908

原创 canvas 操作者像素点

// 加载龙的图片let img = new Image()img.src = './龙.jpg'img.onload = () => { draw()}// 把图片绘制到canvas里const draw = () => { const canvas = document.getElementById('canvas') canvas.width = img.width canvas.height = img.height const ctx

2021-09-29 06:51:16 336

转载常见的操作运算符

转载:https://juejin.cn/post/6918902650964557838#heading-0这些 JS 中强大的操作符，总有几个你没听说过JS 里的操作符大家每天都在使用，还有一些 ES2020、ES2021 新加的实用操作符，这些共同构成了 JS 灵活的语法生态。本文除介绍常用的操作符之外，还会介绍 JS 里一些不常用但是很强大的操作符，下面我们一起来看看吧～数值分割符 _ES2021 引入了数值分割符 _，在数值组之间提供分隔，使一个长数值读起来更容易。Chrome 已经提供

2021-09-29 06:14:45 299

原创文本展示隐藏

隐藏形式一 color: #000; background-color: #f00; text-indent: 5em; } /* //4就是需要在收起的时候显示的行数 */ .packup:after { display: -webkit-box; -webkit-box-orient: vertical; -webkit-bo

2021-09-26 14:22:22 224

转载 php连接mysql 数据库

<?phpclass db{//$res = mysqli_connect('localhost','root','root','bbb');//public $connect='连接成功';//public $sql="select user.user_name,user.pass,U_information.phonenumber,U_information.address from user inner join U_information";//public function con

2021-09-24 18:05:49 90

原创 node 生成模拟数据

前端代码<!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

2021-09-24 15:12:50 264

原创 JSON文件压缩处理工具

<!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>D.

2021-09-24 14:05:44 641

原创当前刷新后面刷新

<!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>D.

2021-09-18 10:34:43 92

转载 echarts 点击x轴标签触发事件

转载:https://blog.csdn.net/lianflower/article/details/107246829<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="../js/jquery-3.3.1.min.js"></script> <script src="../js/echarts.js"

2021-09-17 18:48:18 886

转载 css如何修改滚动条样式

默认滚动条样式如下：那如何修改呢？如下代码：<div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> <p style="height:400px;">这里是内容222</p> <p>这里是内容333</p> </div>

2021-09-17 15:40:40 1906

原创 vue 路由动态添加动态文件

import Main from "@/components/main";// 配置按钮import config from "@/config";const { isbnt } = config;// 代理到vuximport store from "@/store";export let initroute = function(arr) { let routes = [], butList = []; routes = arr.map((item, index) =.

2021-09-12 13:49:45 465

原创 node 爬虫请求数据保存到文件夹 (node 响应数据) -node 请求库

2021-09-10 17:31:29 379 1

原创文件下载上传编辑预览 web端

<!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>D.

2021-09-10 17:28:36 129

原创 iframe 的基本用法

1.iframe src 可以展示 index.html 网页2.iframe src 可以展示文件链接3…iframe src 可以展示 base64 链接 const input = document.querySelector("#upload"); input.addEventListener('change', function () { const files = this.files; console.log(fil

2021-09-10 16:19:04 5317

转载 base64的转码设置 charset=utf-8；

Data URI，不是URLURL是uniform resource locator的缩写，在web中的每一个可访问资源都有一个URL地址，例如图片，HTML文件，js文件以及style sheet文件，我们可以通过这个地址去download这个资源。其实URL是URI的子集，URI是uniform resource identifier的缩写。URI是用于获取资源，包括其附加的信息的一种协议。附加信息可能是地址，也可能不是地址，如果是地址，那么这时URI就变成URL了。注意的是data URI不是

2021-09-10 16:05:13 58096 6

原创文件下载方式 web

<!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>D.

2021-09-10 10:04:36 52