随笔分类 -  javascript实际项目问题

上一页 1 2 3
for 循环遍历数据，根据不同的条件判断动态渲染页面！
摘要：整体的逻辑为：for 循环遍历出数据，在for 循环里判断，根据不同的条件渲染 一、html页面结构 二、css就不再写了 三、JS逻辑代码 请求返回的数据为 最终效果图 阅读全文
posted @ 2018-09-13 16:16 尼古拉斯-富贵 阅读(5065) 评论(0) 推荐(0)
浏览器之本地缓存存储 localStorage 和 sessionStorage的区别以及用法
摘要：区别： 1、 localStorage永久保存在浏览器（注意事是浏览器，不仅仅是一个页面），除非用户主动清除；sessionStorage在浏览器关闭之后存储的数据就会销毁（仅仅存储在当前页面） 2、根据同源原则，不同浏览器不能共享loacalStorage和sessionSrorage的信息，相同 阅读全文
posted @ 2018-08-31 11:52 尼古拉斯-富贵 阅读(2436) 评论(0) 推荐(0)
JS动态判断设备类型为PC或者移动端，然后根据设备加载相应的代码
摘要：这里是通过JS判断设备之后加载相应的网站，如果是移动端加载m开头的网站域名，如果是PC端就加载 www.开头的正式域名 阅读全文
posted @ 2018-08-27 08:54 尼古拉斯-富贵 阅读(608) 评论(0) 推荐(0)
前端轻量级、简单、易用的富文本编辑器 wangEditor 的基本用法
摘要：1、富文本编辑器市面上有很多，但是综合考虑之后wangEditor是最易用的框架，推荐使用 首先进入官网 http://www.wangeditor.com 基本是2中方式引入： 使用CDN：//unpkg.com/wangeditor/release/wangEditor.min.js 直接下载： 阅读全文
posted @ 2018-08-13 10:29 尼古拉斯-富贵 阅读(2773) 评论(0) 推荐(0)
选择本地文件上传控件 input标签
摘要：当要通过控件来选择本地文件上传的时候的一种方式 <input type="file" id="input-file"/> 注意 type类型一定要是 file 当年选择文件之后，就用 this.file[0] 来获得文件的基本信息 下面为项目中的应用 打印出来的数据为 再要注意的就是input框的样 阅读全文
posted @ 2018-08-10 19:51 尼古拉斯-富贵 阅读(268) 评论(0) 推荐(0)
push 和 append 以及appendchild 用法和区别
摘要：push() 给数组添加元素，并且返回数组长度 如 ： arr.push('a') append() 是jq写法，添加节点到指定父级节点的子节点列表末尾 appendchild() 是append原生写法，他们用法一样 阅读全文
posted @ 2018-08-03 16:05 尼古拉斯-富贵 阅读(1560) 评论(0) 推荐(0)
关于时间获取和时间戳的换算
摘要：1、先弄明白如果获取时间 2、时间戳换算 阅读全文
posted @ 2018-08-03 15:58 尼古拉斯-富贵 阅读(1305) 评论(0) 推荐(0)
动态设置html根字体大小（随着设备屏幕的大小而变化，从而实现响应式）
摘要：代码如下：如果设置了根字体大小，font-size必须是rem 阅读全文
posted @ 2018-08-03 14:38 尼古拉斯-富贵 阅读(1990) 评论(0) 推荐(0)
JS 判断是否为安卓或IOS系统
摘要：其实很简单，代码如下 阅读全文
posted @ 2018-08-03 14:33 尼古拉斯-富贵 阅读(775) 评论(0) 推荐(1)
JS动态获取 Url 参数
摘要：此操作主要用于动态 ajax 请求 1、首先封装一个函数 GetRequest()，能动态获取到 url 问号"?"后的所有参数 ， return strs 2、如果需要复用，调用函数即可（API接口地址+调用函数） 阅读全文
posted @ 2018-07-31 17:37 尼古拉斯-富贵 阅读(947) 评论(0) 推荐(0)
for 循环遍历数据动态渲染html
摘要：for(var i = 0;i<$('.recommend-list>ul').children().length;i++){ $('.recommend-h')[i].innerHTML=date.info.hotNews[i].title $('.getTime')[i].innerHTML=d 阅读全文
posted @ 2018-07-31 17:13 尼古拉斯-富贵 阅读(14977) 评论(0) 推荐(0)
关于顶部导航固定问题
摘要：要使顶部导航不随着滑动而动的话要给样式里加上一下代码 height:65px; background:#fff; text-align: center; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.04); width:100%; position:fixed; z-i 阅读全文
posted @ 2018-07-11 18:47 尼古拉斯-富贵 阅读(199) 评论(0) 推荐(0)

上一页 1 2 3