随笔分类 - javascript
js语言练习
摘要：参考文档 https://developers.google.com/web/fundamentals/web-components/customelements http://www.ruanyifeng.com/blog/2019/08/web_components.html 测试环境 Chro
阅读全文
摘要：vs2017给js方法加注释,就像给C#类似 例如 function test1(a,b,c){ .... } 在function的上一行,打一个 " / " 再连续按两下 " * " 就会出现注释 /** * 这里可以写一些方法描述 * @param {number} a 参数说明 * @para
阅读全文
摘要：wangeditor网址http://www.wangeditor.com/ 目前使用的是3.11版本 使用步骤 1.引用wangEditor.min.js 2.代码 2.1 取得函数var E = window.wangEditor 2.2实例化,参数是要变成编辑器的那个DIV的IDvar edi
阅读全文
摘要：文件转换BASE64 使用FileReader这个对象可以将文件转为base64编码 可以将转文件也可转图片,不能放太大的文件,否则会卡死
阅读全文
摘要：FormData表单对象使用 H5新对象,最大优点是可以AJAX上传二进制数据. 这样也就能AJAX上传文件了,以前要使用jquery.form这个插件.现在用这个也行. 使用示例代码 15行16行两个要为false,不然可能会有错误
阅读全文
摘要：点击文本框滑动选值 手机屏幕上的上下翻滚菜单使用JS实现.经过十几个小时的折磨,终于有了最初版本.实现办法如下描述: 一.要求和方法 1.一个input输入框,点击后弹出一个翻滚菜单盖在其上,翻滚选好后,点击确定.所选值就到了文本框里. 2.实现这个翻滚菜单使用如下办法:一个菜单DIV,里面是若干菜
阅读全文
摘要：目标 实现一个侧边栏菜单,最多二级,可以收起展开.用于系统左侧的主菜单. 大多数系统都会有这样的菜单,用于导航功能,切换到不同的操作页面.在单页应用系统中,菜单一般是固定在左侧,分组节点上配图标,高亮显示当前选中菜单.可以收起菜单组. html 菜单容器nav,里面每个ul是一组菜单,每个sidem
阅读全文
摘要：目标 选项卡用于显示已经打开过的页面.在这些页面之间切换. 制作js插件类,实现基础的选项卡页功能.选项卡的显示,关闭,移动,选项卡页的缓存. 使用document.createDocumentFragment缓存已打开页面,替代iframe方案 图示1 图示2 html结构 由选项卡容器(.cac
阅读全文
摘要：多回调问题 前端编程时,大多通过接口交换数据,接口调用都是异步的,处理数据都是在回调函数里. 假如需要为一个用户建立档案,需要准备以下数据,然后调用建档接口 name // 用户名字 使用接口 get_name(userid) files // 用户附件 使用接口 get_atta(userid,n
阅读全文
摘要：ajax请求数据可以使用新的方法 Fetch Fetch返回一个promise对象 参考资料 http://es6.ruanyifeng.com/#docs/promise 必须先了解promise对象,否则无法使用fetch,因为看不懂 但看了还是不能明白这个promise对象. 如何实现用Fet
阅读全文
摘要：浏览网页时,向下滚动后.提供一个按钮,点击一下直接回到页面顶部. 实现的办法很多.可以锚点,判断滚动条位置等. 这个测试使用window.scrollY 和window.scrollTo() 当window.scrollY 为0 时,页面处于顶部.向下滚动后,这个值会增加 window.scroll
阅读全文
摘要：浏览器自带 浏览器自带日期控件,使用<input type="date">时,点击后会弹出. 1:EDGE 2:火狐 3:谷歌 三种都不一样.略胜于无 练习 模仿火狐日期控件的外观实现一个日期插件.效果 PC 手机 使用控件 // 日期 <input onclick="MyDatePick()" /
阅读全文
摘要：目标 制作js分页导航jq插件,用于无刷新分页或者刷新分页 实现目标参考京东和天猫的分页条. 有四个固定按钮,前页码,后页码,首页,末页. 程序关键点在于计算中间页面的起止位置.逻辑是以当前页码为参照点,根据需要显示的页码按钮个数,计算参照点前后的页码数量. 当起止点小于1或者大于最大页码时,需要调
阅读全文
摘要：SMMS有个建表工具,尝试使用HTML模仿出一个简单的做为练习. 截图: 一.实现SMMS建表工具的操作 二.实现思路: 1.DOM结构使用div(行)span(列) <div><span></span><span></span>...</div> 2.每个span上设置tabindex=0,当获得
阅读全文
摘要：js 时间类是 Date() var currtime = new Date();// 实例一个时间,是当前时间 接收一个时间戳为参数 var time2=new Date(currtime.getTime()); 获取时间的各部分的方法如下: 四位数年份 有时候在网页上需要比较时间大小,如何算出时
阅读全文
摘要：滚动触底加载 当滚动到底部时,如果到底了,则加载新数据进来 判断依据和方法: 有三个相关属性，是：clientHeight、scrollHeight、scrollTop。 clientHeight：元素的高度,例如DIV设置height:300px.在浏览器中显示出来就是300px的高度.clien
阅读全文
摘要：简单的左滑删除 实现功能 在一个列表的一条中,往左滑动时,右边出现删除按钮,点击可删除这一条 实现办法 列表中一项为父div,其中包含内容div和删除按钮span 父div相对定位,设置宽度.内容div宽度与父div宽度一样.内容和按钮都绝对定位,并且内容zindex在按钮之上 这样,就将按钮遮住了
阅读全文
摘要：目标 实现简易的js弹出框.为了简单灵活的在小项目中使用. 实现思路 研究bootstrap的弹出框效果后,认为层级示意图如下: 层说明 弹出层分为三层.最底层的遮罩层,覆盖在浏览器视口上.它之上是弹出层父级,这个层完全透明,并且与遮罩层重合.最上层是弹出层,它的活动范围在其父层的范围内. 弹出时,
阅读全文
摘要：今天检查了一下JS的== 和 的区别 如下: 表达式 值 1==true true 1 true false 0==false true 0 false false 1==1 true 1=='1' true 1 '1' false 'w3c'.length==3 true 'w3c'.length
阅读全文
