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