前端
关注
分享
扫一扫
文章平均质量分 69
Henry_ww
这个作者很懒，什么都没留下…
展开
-
大事件 - 实现图片效果预览
1.获取文件数据2.根据文件数据生成一个路径3.将路径赋值给img标签的src属性/ 实现文件预览 // 动态渲染，事件委托 $('.common_con').on('change', '#exampleInputFile', function () { // console.log(123); // 1.获取文件数据 let myfile = this.files[0]; console.log(this.files);原创 2021-09-11 09:44:28 · 165 阅读 · 0 评论 -
Git - 版本管理常用命令
版本控制系统基本概念什么是版本控制？我为什么要关心它呢？版本控制是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。在开发过程中，经常需要对一个文件进行修改甚至删除，但是我们又希望能够保存这个文件的历史记录，如果通过备份，那么管理起来会非常的复杂。在多人开发时，如果需要多人合作开发一个页面，那么修改以及合并也会非常的棘手。容易出现冲突。版本控制系统的分类参考文章：关于版本控制的介绍本地版本控制系统[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(原创 2021-09-08 20:08:25 · 1180 阅读 · 0 评论 -
Ajax - 函数防抖 与 节流 / loading
没有函数防抖的效果<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body&原创 2021-09-07 18:41:09 · 386 阅读 · 0 评论 -
Ajax - xml格式
<?xml version="1.0" encoding="UTF-8" standalone="no" ?><!-- 根元素 --><root> <!-- 可以开始描述数据了 --> <!-- 描述一个数组 --> <items> <!-- 描述数组中的每个成员 --> <item> <!-- 使用标签名称描述属性名称，标签中间的内容就是属性值 -->原创 2021-09-07 18:27:06 · 201 阅读 · 0 评论 -
Ajax - 跨域 dataType: ‘jsonp‘
1.跨域体验<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> &原创 2021-09-07 18:25:15 · 1408 阅读 · 0 评论 -
Ajax - timeout设置ajax请求超时 timeout
$.ajax实现<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />原创 2021-09-07 18:21:33 · 4924 阅读 · 0 评论 -
Ajax - 文件上传进度监听 upload.onprogress
jQuery实现<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />原创 2021-09-07 18:17:36 · 1120 阅读 · 0 评论 -
Ajax - 原生封装 ajax 请求
// 常规的定义方式// type:请求方式// url:请求地址// data:参数// success:回调函数// 参数的顺序固定，只能按顺序进行参数的传递，不方便// 参数的数量固定，不方便后期的扩展// 全局函数，会造成全局污染// function ajax(type, url, data, success) {}// option.type:请求方式// option.url:请求地址// option.data:参数// option.success:回调函数原创 2021-09-06 15:33:16 · 146 阅读 · 0 评论 -
Ajax - 使用 XMLHttpRequest 发起请求 - get / get带参 / post （原生）
1. 使用XMLHttpRequest发起get无参请求 (原生方法)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"原创 2021-09-06 15:31:17 · 4602 阅读 · 0 评论 -
Ajax -模板引擎方法 -循环、分支、原生语法、实例
模板引擎 - 循环<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />原创 2021-09-06 15:21:11 · 290 阅读 · 0 评论 -
Ajax - 模板引擎方法 - ＜script type=“text/template“ id=“Temp“＞
<!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" />原创 2021-09-06 15:09:34 · 307 阅读 · 0 评论 -
Ajax - formdata - 收集表单数据 - 收集表单文件数据
在form表单内设置name属性<!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, ini.原创 2021-09-05 11:40:55 · 187 阅读 · 0 评论 -
Ajax - get / post / ajax / serialize方法
什么是AjaxAjax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML）的缩写，意思就是用JavaScript执行异步网络请求。通俗解释：在网页上利用JavaScript操作浏览器的XMLHttpRequest对象来与服务器进行数据交互的方式就是Ajax浏览器调试工具查看Ajax的请求和响应在浏览器中按F12调出调试面板后，按照如下图片中的三个步骤就可以查看到ajax请求成功的数据URL及其组成统一资源定位系统（unif原创 2021-09-03 18:25:30 · 168 阅读 · 0 评论 -
Vscod - 前端编程插件
1.Auto Close Tag (必备)自动闭合HTML/XML标签2.Auto Rename Tag (必备)自动完成另一侧标签的同步修改3.Beautify (选装一个)格式化 html ,js,css另一款 Prettier (选装一个)格式化JavaScript / TypeScript / CSS4.Bracket Pair Colorizer (必备)给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色5.Guide原创 2021-09-03 17:48:12 · 347 阅读 · 0 评论 -
VsCode - settings.json文件配置
???? Power Mode???? prettier格式化代码：{ "gitlens.advanced.messages": { "suppressGitMissingWarning": true }, "window.zoomLevel": 1, "prettier.printWidth": 100, "prettier.singleQuote": true, "prettier.tabWidth": 4, "prettier原创 2021-09-03 12:52:56 · 391 阅读 · 0 评论 -
VScode源代码管理 远程仓库
原创 2021-07-10 12:28:40 · 611 阅读 · 0 评论 -
数据可视化 - Echarts图表
可视化项目01-项目介绍 应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。我们引入 ‘立可得’ 数据可视化项目。 该项目除了使用了基础的DIV+CSS布局，还引入了一些C3技术，还引入了各类图表的绘制，以及高级的地图数据可视化案例。主要功能有：饼状图、柱状图、线形图、地图 …线上地址：http://mylovebase.gitee.io/my-view-project/代码仓库：https原创 2021-09-01 23:25:58 · 3075 阅读 · 0 评论 -
Git管理系统 vscode 远程仓库
git版本管理软件版本管理系统版本管理系统就是为了解决上述这些问题应运而生的版本管理，是一种记录一个或若干文件内容变化，以便将来查阅特定版本修改情况的系统。作用记录每次代码的变更，以便将来查阅特定版本的修改情况完成多人协作（必须配合远程仓库）版本管理软件的分类集中式（SVN、CVS、……）分布式（Git、HG、bazaar、……）安装Git及必要配置获取Git安装Git一直下一步安装即可。如果你不想安装在C盘，则把路径中的C修原创 2021-07-10 12:30:14 · 1120 阅读 · 0 评论 -
前端 报错！ 总结：
JS基础错误JS高级错误JQ错误网络编程错误VSCode相关插件错误express相关Git错误大事件错误sql错误node错误npm错误拼写类错误其他错误JS语法JS基础报错: xxx is not defined错误描述: 什么xxx变量未定义有问题代码:var arr = [1, 5, 3, 2, 10];Arr.push(100);报错图示分析Uncaught.原创 2021-07-09 00:18:25 · 6257 阅读 · 0 评论