- 博客(28)
- 收藏
- 关注
RSS订阅原创 回调refs的小问题
<!DOCTYPE html><html> <head><!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https..
2022-03-31 17:57:18
91
原创 react事件对象属性显示null
最近开始做react项目了获取事件对象，运行都正常，获取数据也正常，但想看里面的各个细节时，展开全是null查阅资料发现react返回的是一个合成对象，在事件响应函数被调用后，所有的属性都会无效，所以在响应函数中获取数据没问题，但在浏览器中查看时或进行异步操作时，响应函数早执行完了，所以属性全是null此时需要使用event.persist()，此方法会从池中移除合成事件，保留对事件的引用但官方文档说v17以后event.persist()不再生效，因为合成事件对象不再放入事件池中，
2022-03-30 16:37:26
1282
原创 中国地图及各省市县地图json下载地址
http://datav.aliyun.com/tools/atlas/index.html#&lat=32.05930026106166&lng=117.26257324218749&zoom=7
2021-11-01 10:25:50
792
原创 webpack5基础devServer搭建
npm initnpm webpack@5 webpack-cli@3webpack-dev-server@3 -D创建webpack.config.js文件，配置如下：const path = require("path");module.exports = { // 入口 entry: "./src/index.js", // 出口 output: { // 虚拟打包路径 publicPath: "js", // 打包后的文件名 fil.
2021-10-18 11:01:17
298
原创 使用拖拽的方式创建结构树
在页面中拖拽虚线框中的节点，创建向右的结构树，如下图记录实现思路：vueTree.vue<template> <div class="container"> <div class="node-container"> <div v-for="(item, index) in nodeList" :key="index" class="source-node" d
2021-10-11 13:45:50
303
原创 mustache学习笔记
mustache基本使用<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>mustache基本使用</title> <script src="https://cdn.bootcdn.net/ajax/libs/mustache.js/4.1.0/mustache.js"></script> </h
2021-09-23 10:51:15
114
1
原创 webpack开发环境基本配置
学习编写最基本的webpack.config.js文件//webpack.config.jsconst { resolve } = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { entry: './src/index.js', output: { filename: 'js/build.js', path: r.
2021-07-22 12:00:49
79
原创 Axios源码创建实例学习
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>MyAxios</title> </head> <body> <script> // Axios构造函数 function Axios(config) { // 请求配置 this.de.
2021-06-29 21:10:27
125
原创 自定义封装Promise类
自定义封装Pomise类的练习<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>MyPromise</title> </head> <body> <script> class Promise { constructor(executor) {
2021-06-10 20:35:48
135
原创 微信小程序request封装
const baseUrl = ''export function request(url, method, data, header) { return new Promise(function (resolve, reject) { wx.request({ url: baseUrl + url, method: method, data: method === 'POST' ? JSON.stringify(data) : data, .
2021-04-21 11:14:12
57
原创 自制简易控制台
分享一个应用在Vue项目中的自制简易控制台实现思路这里只用jQuery记录一下思路，在项目中改造成Vue实现即可<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>简易控制台</title> <script src="js/jQuery.js" type="text/javascript" charset="utf-8"></scrip
2021-03-27 16:13:49
265
1
原创 微信小程序上传文件到阿里云OSS
封装在upload.js文件中需要使用npm安装两个包，具体步骤：1.npm init2.npm install ...（安装js-base64与crypto-js）3.菜单-工具-构建npm（本地设置要勾选使用npm模块）const { Base64 } = require('js-base64')const Crypto = require('crypto-js')export const Host = '' //申请的阿里云OSS地址const config = { A
2021-03-25 16:05:36
425
原创 http状态返回代码
100 （继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 （切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。200 （成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。201 （已创建） 请求成功并且服务器创建了新的资源。202 （已接受） 服务器已接受请求，但尚未处理。203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。204 （无内容） 服务器成功处理了请求，但没有返回任何内容。2
2020-05-29 14:42:20
232
原创 Canvas综合应用实验
<!doctype html><html> <!-- 说明： --> <!-- 1.开始有10秒倒计时 --> <!-- 2.然后在canvas中视频开始播放 --> <!-- 3.在开始倒计时的时候，右上角有Skip按钮 --> <!-- 4.鼠标单击Skip按钮，能直接跳过倒计时，进入视频播放 --&g...
2020-05-29 14:12:38
393
原创 SVG绘制星空
利用SVG绘制一片星空<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>SVG星空</title> <style type="text/css"> *{padding: 0;margin: 0;} html,bod...
2019-09-01 22:40:34
453
原创 Canvas简易视频弹幕
自己写的比较简易的canvas+video视频弹幕，存在不足，有待改进视频资源路径需自行设置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>视频弹幕</title> <style type="text/css"> ...
2019-08-31 23:31:28
114
原创 自制jQuery插件-手风琴二级菜单
制作了一个用jQuery插件形式实现的手风琴二级菜单HTML5结构要求：<div id="accordion"> <div> <p>一级菜单</p> <div> <p>二级菜单</p> <p>二级菜单<...
2019-08-28 18:21:55
220
原创 正则表达式-个人总结及演示
将以下代码复制到Python解释器中执行，即可观察结果import re# 正则表达式的匹配字符分为两种：普通字符和特殊字符ls = []# 普通字符：普通的字符，每个字符匹配对应字符即可ls.append(re.findall(r"o","Hello World")) #1# |：或者，匹配符号两边任意正则表达式ls.append(re.findall(r"o|ll","H...
2019-08-27 21:27:35
167
原创 Canvas写字板
基于Canvas制作的写字板demo<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>写字板</title> <script type="text/javascript" src="js/script.js" ></...
2019-08-16 23:27:01
284
原创 Canvas动态时钟
基于Canvas制作的动态时钟demo<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>动态时钟</title> <script type="text/javascript" src="js/lattice.js"></...
2019-08-16 23:20:39
117
原创 Python群聊-UDP实现
方法：1.UDP协议2.多线程服务端：import socketimport threading'''主线程实现管理员功能，分支线程实现添加用户与信息的转发'''sock = socket.socket(socket.AF_INET,socket.SOCK_DGRAM)sock.bind(("0.0.0.0",8888))# 储存进入群聊的用户名user = {}...
2019-08-16 11:51:03
286
原创 Python群聊-TCP实现
方法：1.TCP协议2.客户端使用多线程3.服务端使用多路复用服务端：import socketimport select'''因为是单线程程序，所以没有设计管理员功能'''sock = socket.socket()sock.bind(("0.0.0.0",8888))sock.listen(1)r_list = [sock]w_list = []x_li...
2019-08-16 11:42:24
296
原创 Python文件传输demo
使用TCP协议进行文件传输，服务端使用多进程的demo服务端：import socketimport multiprocessingimport osimport timeimport sys# 文件存放路径FILE_PATH = "F:\\编程学习\\python\\综合示例\\FTP文件管理\\服务端\\文件库"# 文件库目录file_list = os.listd...
2019-08-16 11:35:20
429
原创 router-view无法渲染的问题解决
问题：router-view无法渲染之前用vue-router做单页面网页时，路由配置完毕后，地址栏正常跳转，但router-view无法正常渲染，而且如果手动刷新，router-view可以正常渲染当前页面，但之前渲染好的页面又会消失。路由配置如下：var Manage = { template:"#tplmanage" } var Borrow = { template:...
2019-08-13 19:10:08
1521
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人