随笔分类 -  JAVASCRIPT

目前所说的JAVASCRIPT=ECMAscript+DOM+BOM DOM全称:Document Object Model,造作网页内容的标准。 BOM全称:Browse Object Model,操作网页浏览器窗口的编程接口
摘要:一、注:一般倒计时的时间都是后台传来的然后渲染到页面,这里有2个简单的倒计时方式 二、如何使用 阅读全文
posted @ 2017-10-20 13:25 逗伴不是瓣 阅读(913) 评论(2) 推荐(0)
摘要:前言:框架没有好坏之分,能解决需求就可以。之前没事用vue模仿过BOSS直聘App(纯属娱乐),实际工作中开发过一个后台管理系统,遇到过不少坑,终于闲下来稍微总结几个问题分享一下! 一、所遇到的问题(对cli模式开发不熟悉绕路),以及解决办法 1:本地如何配置跨域和后台联调 2:如果非要使用jQue 阅读全文
posted @ 2017-10-19 19:10 逗伴不是瓣 阅读(2547) 评论(0) 推荐(0)
摘要:一、前言:react的cli开发模式太过于简单,好多东西都要自己配置 二、这里有个简单的配置,可以直接上手开发(不熟悉webpack和npm的绕路),已经完成的配置如下 1:默认ejs模板 2:编译less、scss 3:热更新 4:抽离压缩CSS、js 5:打包后chunkhash模式的版本号 6 阅读全文
posted @ 2017-10-19 18:15 逗伴不是瓣 阅读(1343) 评论(2) 推荐(0)
摘要:一般用户密码服务器上也是加密的,是不可能明文看得到。如果网页中要记住防止用户再登录该网站免输入账号和密码,可以通过cookie,sessionStorage,localStorage来记录。 场景:用户成功登录一次后下次再登录免输账号和密码!保存在本地又不想明文显示出来。只能加密保存(一般加密都是不 阅读全文
posted @ 2017-10-19 17:50 逗伴不是瓣 阅读(1261) 评论(0) 推荐(0)
摘要:一、所需引用文件 在线DEMO:戳这里 二、参数说明 阅读全文
posted @ 2017-10-10 13:39 逗伴不是瓣 阅读(845) 评论(0) 推荐(0)
摘要:常见场景:页面有多个相同的按钮需要绑定同样的事件逻辑。 如下HTML,实现:点击每个按钮,当它的 data-id不为null的时候输出它的data-id(实际业务中会有更复杂的逻辑) 实现方案一:(缺点 1 for循环影响性能,2每次循环都会在内部创建一个事件,3 如果 li 是动态追加的会导致事件 阅读全文
posted @ 2017-09-20 14:08 逗伴不是瓣 阅读(736) 评论(0) 推荐(2)
摘要:一、使用的node模块 1、express当做服务器 2、socket.io 前后通信的桥梁 3、opn默认打开浏览器的模块(本质上用不到) 难点:前后通信 源码地址:https://github.com/wjf444128852/SimpleChat 欢迎clone并运行、扩展改进、issues 阅读全文
posted @ 2017-08-31 17:20 逗伴不是瓣 阅读(764) 评论(0) 推荐(0)
摘要:var msg="dsada[emoji:37]dsadas[emoji:3900]法拉綏芬河"; function fetch(msg) { var match, result = msg, reg = /\[emoji:\d+\]/g, emojiIndex, totalEmojiNum = 45; while (match =... 阅读全文
posted @ 2017-08-31 16:21 逗伴不是瓣 阅读(517) 评论(0) 推荐(0)
摘要:GET方式的在线:DEMO POST方式在线:DEMO 其他: 关于xhrRequest.readyState请参考MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/readyState 阅读全文
posted @ 2017-06-14 15:34 逗伴不是瓣 阅读(1794) 评论(0) 推荐(0)
摘要:说明 如需求:后台返回一个用户列表数组,该数组可能为空,最多只可能会有10个用户, 页面中A,B两处展示用户列表,B处不管如何都会展示返回的所有用户,A处需要展示10个用户,不足10个展示默认用户, 比如:返回7个,A处展示的后3个都是默认用户 阅读全文
posted @ 2017-05-27 17:26 逗伴不是瓣 阅读(468) 评论(0) 推荐(0)
摘要:先睹为快,移动端:戳这里,打开页面后点击投票查看效果。PC端测试直接切换body的overflow属性:hidden和auto一样可以,比下面相对简化,又有人说这样偶尔不行。。如果你知道优缺点欢迎给出。。。。 说明:1、DOM元素必须,2、弹出框样式:必须,3、弹出框逻辑必须,4、如何使用,需要的时 阅读全文
posted @ 2017-05-27 10:59 逗伴不是瓣 阅读(875) 评论(1) 推荐(1)
摘要:JQ3.1 文档下载地址:https://pan.baidu.com/s/1c2vMQdy 一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是JQ,在JS中都是必须的 二、如果有多个变量可以使用一个var eg:var index=0,$main=$(".main"); 三、定义jQu 阅读全文
posted @ 2017-04-26 13:31 逗伴不是瓣 阅读(515) 评论(0) 推荐(1)
摘要:一、由于某些特殊情况下,需要用到事件委托,比如给动态创建的DOM绑定click事件,这里就需要事件委托(这里就牵扯到:目标元素和代理元素)目标元素:动态创建的元素,最终click事件需要绑定到该元素 代理元素:动态创建的元素的父级元素,或者document,body等。 二、BUG情况 当使用事件委 阅读全文
posted @ 2017-04-18 11:19 逗伴不是瓣 阅读(3595) 评论(0) 推荐(0)
摘要:序言:之前有很多时候PC端页面只有一些切换,悬停下拉效果,可能有多个!这时候可能会选jQuery,但是就这么几个简单的效果用jq有点浪费,所以用原生js,这时候又会又一堆的for循环。。。性能又不太好。 能不能简单封装一下,可以复用?答案是:肯定的~~ 下面就是一个用构造函数实例化一个对象,用面向对 阅读全文
posted @ 2017-03-20 18:57 逗伴不是瓣 阅读(1007) 评论(0) 推荐(0)
摘要:把之前2篇整合在一起 1、html 2、javascript 3、finaly.php 阅读全文
posted @ 2017-02-19 21:28 逗伴不是瓣 阅读(848) 评论(2) 推荐(0)
摘要:上一篇联动一种只是城市用ajax请求获取并渲染,这里将省份也用ajax请求并渲染 1、HTML 2、JS 3、province.php cities.pnp 阅读全文
posted @ 2017-02-19 20:58 逗伴不是瓣 阅读(1317) 评论(0) 推荐(0)
摘要:1、HTML内容 2、JS 阅读全文
posted @ 2017-02-19 20:09 逗伴不是瓣 阅读(663) 评论(0) 推荐(0)
摘要:详细的请打开这里看console.log window.innerWidth: 文档显示区(body)的宽度window.innerHeight 文档显示区(body)的高度window.outrWidth 窗口的宽度(body+任务栏)window.outerHeight 窗口的高度(body+任 阅读全文
posted @ 2016-11-29 10:49 逗伴不是瓣 阅读(1049) 评论(0) 推荐(0)
摘要:序言:前面已经倒腾了grunt、gulp、fis3,今天来通过一个例子玩玩webpack!最终预览 通过下面的例子,能够了解以下几点: 1、如何安装webpack 2、如何使用webpack 3、如何使用loader 4、如何使用webpack搭建本地web服务器 一、如何安装(这里使用的cnpm, 阅读全文
posted @ 2016-11-10 16:00 逗伴不是瓣 阅读(1204) 评论(2) 推荐(1)
摘要:注:一、摘要说明(会不定期更新): A:这里是webpack1.0+,2.0+请移步这里(已经配置好的简单脚手架) https://github.com/jiucheng-front/dev-webpack B:webpack2.0+案例:1 豆瓣热映电影 C:react+webpack3.0+(开 阅读全文
posted @ 2016-11-09 13:55 逗伴不是瓣 阅读(237091) 评论(12) 推荐(19)