Posted on   |   In   |  

本文介绍一款图片上传组件，基于原生 javascript 编写， 不依赖于其他框架

Yupload 特点

基于表单提交， 原生 javascript 实现，兼容性好
支持多个图片上传请求同时发出，将按照提交请求的先后顺序依次上传
API接口返回结果必须为 JSON 格式字符串
问题： 1、如果为 input[type=”file”] 元素绑定了事件， 在图片上传后需要重新为该元素注册事件
2、如果图片上传失败，即返回状态不是 200, 且返回结果为JSON格式的字符串， 该组件无法区分出错误类型，需要开发人员自己判断

Read more »

Posted on   |   In   |  

ESLint 配置

参考博客地址

ESLint

使用

配合 vscode ESlint 扩展组件使用，
.eslintrc.json 文件 放在工程根目录
vscode user setting 里面加入指定配置文件路径的配置 “eslint.options”: { “configFile”: “.eslintrc.json” }
表现形式： 警告 会在相应代码出加绿色下滑波浪线， 错误为红色。

Read more »

Posted on   |   In   |  

CSS 基础

CSS: 层叠样式表（Cascading Style Sheets),

层叠表示先前添加的样式会被后面添加的样式覆盖(具体原则后面详述)，
样式用于定义HTML元素在浏览器中的表现形式， 其通常存放在样式表中

Read more »

Posted on   |   In   |  

名词解释

HTML 是一门用于描述网页的语言

  • HTML(Hyper Text Markup Language): 超文本标记语言
  • HTML 不是编程语言， 是一种标记语言
  • 标记语言是一套标记标签( Markup tag), 用于描述网页内容

HTML 标签 / HTML 元素

  • HTML 标签是由接括号(<>)包围的关键字, 且通常成对出现
  • 例如： <p>HTML</p>, <div><img src=”” alt=””></div>，
  • 标签中的第一个标签是开始标签(开放标签)， 第二个标签是结束标签(闭合标签),在开始结束标签之间插入内容
  • 例外： <img src=”/static/test.png” alt=”test”>, <input type=”text” value=”feifeiyu”>, <br/>
    Read more »

Posted on   |   In   |  

本文主要介绍一个款适用于 h5 页面的 confirm 组建
yh5confirm

使用 Yh5confirm

1、引入Yh5confirm

1
<script src="/static/common/slider/slider-1.0.js"></script> <!--引入 slider-->

Read more »