demoArray

这里主要集中了我平时一些小想法的单页面集合

目录

一 learnBaseCss

1 beauty-inputfile

网页中需要用到上传按钮对文件进行上传，但是默认的样式有点丑，我这边重写了一个，然后限制的是只能上传jpg,jpeg,pdf,png格式，如果格式正确，文件名会自动显示在a标签中。处理了多个板块附件分别上传处理，并且判断当前浏览器状态，加载对应的modaljs效果，在移动端和pc端看的错误弹窗提示有一定不同。

2 learnPosition

枚举css中position的使用情况，更好的理解position

3 marginHack

absolute的破坏性太大，有些情况可以使用margin代码会更简洁，主要是margin负值的妙用

4 learnmargin&padding

absolute的破坏性太大，有些情况可以使用margin代码会更简洁，主要是margin负值的妙用

二 learnBasejs

1 A4demo

仿造A4的动态页面效果，默认是有两页，在两页中textarea填写超过内容之后，页面会自动新增页，并将超出页面内容的文本复制到新页的textarea中

2 learnString

学习和使用js中字符串对象的属性和方法，使用方法clone到本地，在命令行中输入node learnString.js就可以看到相关对象属性和对象的使用结果。

3 learnPromt

学习和使用js中Promt的使用

4 learnInstanceof

学习和使用js中强制类型转换和instanceof的用法

5 learnRegexp

学习和使用js中正则在match，search和replace中的使用。

6 learnNodeServer

• 全部用的是node的内置模块，启动方式node pro.dev.js。
• 将文件放在项目的根文件下，支持css,gif,html,ico,jpeg,jpg,js,json,pdf,png,svg,swf,tiff,txt,wav,wma,wmv,xml,woff,woff2文件的加载，默认启动之后就通过谷歌浏览器打开当前项目的index.html。
• 如果想要修改默认打开文件，可以修改代码40行的filePath = "index.html";，将这个index.html，改成你想要默认打开的页面。

三 learnframe

1 frameByMe

1.1 PC版showmodal

基于jquery和bootstrapjs的一个模态窗插件，支持多种参数设置，实战案例

1.2 PC版showmodal使用手册

基于jquery和bootstrapjs的一个模态窗插件，支持多种参数设置，使用手册

1.3 animatePanel

做的一个折叠面板动画，样式主要是仿造bootstrap写的样式

2 frameByother

2.1 learnIviewer

学习Iviewer的使用

2.2 learnMUI

• tab-webview

学习mui中使用webview做tab切换，效果只能在真机上查看，因为mui.plusReady只有在真机环境中才会执行。