Javascript

分类下相关文章

ES6 的箭头函数,让 let that = this 去死吧

调试小程序的时候,发现清空本地全部数据缓存之后,报错 thirdScriptError this.login is not a function;at App onShow function;at api refreshSession fail callback function TypeError: this.login is not a function at Function.fail (http://127.0.0.1:9973/appservice/app.js:31:14) at Object.fail ( 第一眼愣是没发现问题,仔细一看 at api refre ...

阅读全文...

ES6 函数参数的 destructuring

在 weex 中使用 vuex 的 actions 时,发现了 ES6 的一种新语法 export function FETCH_USER ({ commit, state }, { id }) { return state.users[id] ? Promise.resolve(state.users[id]) : fetchUser(id).then(user => commit('SET_USER', { user })) } 之前从未见过函数可以这样定义, 参数居然都是 object。查了一下,发现是 ES6 的新特性 函数参数 destructuring ...

阅读全文...

ES6 中 let, var, const 的区别

const 首先测试一下 const > const framework = "weex"; > framework = "react native"; TypeError: Assignment to constant variable. > const weex = {"weexpack": "good", "weex-toolkit": "sucks"}; > weex["weex-toolkit"] = "good ...

阅读全文...

CoffeeScript

Wiki https://github.com/jashkenas/coffee-script/wiki Help $ coffee -h sleep delay = (ms, func) -> setTimeout func, ms $(document).ready -> delay 1000, -> alert "Hello world!" 函数的定义及调用需要注意的地方 调用时,括号可有可无。但是为了方便阅读,还是加上为好 函数中的最后一行默认为 return 的值。为了方便阅读,还是显式的加上为好 函数的定义可以采用一行流。为了阅 ...

阅读全文...

wordpress 报错 TypeError: $ is not a function

代码非常简单,第一行就报错了 $(document).ready(function() { // Code }); TypeError: $ is not a function 估计是 $ 冲突了,果然,修改成下面的代码即可 jQuery(document).ready(function($) { // Code }); This is because WordPress may use $ for something other than jQuery, in the future, or now, and so you need to load jQuery in a w ...

阅读全文...

网页上使用 js 调用打印机

如果直接调用 window.print(); 会默认打印当前页面。 但是,我想打印指定的页面内容,即,指定的 div 内的内容 stackoverflow 上找到一个解决方案,这段 CSS 的逻辑就是在打印机页面上将其他内容隐藏,只显示需要打印的部分 @media print { body * { visibility: hidden; } /* 隐藏 chrome 浏览器下的 header, footer */ @page { margin: 0; } #section-to-print, #section-to-print * { visibility: ...

阅读全文...

使用 local storage 存储页面产生的数据结果

今天在做年会的抽奖程序, 因为担心酒店现场的网络不稳定,所以搞了个离线版。为了防止关闭浏览器造成的抽奖结果丢失,所以想使用 local storage 存储结果。这样即使意外导致页面关闭,重新打开之后依旧可以继续进行。 cookie 与 local storage 存储的区别 Cookie 是方便服务端读取,因为每次前端向后台发起请求都会带上本地的所有 cookie。 而 local storage 仅仅限于浏览器端读取。 Cookie 有 4096 个字节的大小限制,而 local storage 的限制则为 10M 每个域名。 Cookie 可以设置过期时限,而 local storage ...

阅读全文...

微信网页分享朋友圈失败的迷之异常

在实现一个将微信网页分享到朋友圈的功能,偷懒在后台 Laravel 模板中嵌入了 js 代码,而且使用模板变量给 js 变量传值。 var desc = "{{ $post->content }}".slice(0, 50); 于是,迷之异常诞生了! 由于是在需要用户授权认证的微信网页里,打了几个 alert 也没找到问题的根源,但是知道一定是这一行报错了。 没办法,在 Ubuntu 上没有调试客户端的支持,只能把需要用户授权的逻辑一行一行地注释掉了,在 PC Chrome 里看具体异常 Uncaught SyntaxError: Invalid or unex ...

阅读全文...

requerejs, webpack, browserify 的对比

JS 的依赖管理工具真是层出不穷,最近用 React 又发现了两个新工具 Browserify, Webpack。 测试一下其中的异同。 简单的应用场景 现在通过简单的应用场景来看一下,这三个依赖管理工具的异同。 示例来自于 RequireJS 的官网教程 project-directory/ |_ project.html |_ scripts/ |_ main.js |_ helper/ |_util.js 使用 RequireJS 进行管理 代码结构如下 project-directory/ |_ project.html |_ scripts/ |_ m ...

阅读全文...

RequireJS 的语法糖 Simplified CommonJS Wrapping

介绍语法糖之前,先看一段恶心的代码 define([ "require", "jquery", "blade/object", "blade/fn", "rdapi", "oauth", "blade/jig", "blade/url", "dispatch", "accounts", "storage", "services&qu ...

阅读全文...

requirejs

RequireJS 为何会请求 name.html.js 而不是 name.html 文件 代码中写的是 var cardTemplate = require('card.html'); 而在请求时,实际请求的是 card.html.js 文件, 格式如 define(function(require) { return '<div>...html...</div>'; }); Google 得知,在使用不同域名时会导致该问题,即当前页 html 是在 a.com 上,而引用的 html 使用了 CDN, 例如 b.com。 即,同源策略 Under the ...

阅读全文...

React render - 费解的 Uncaught Error

非常简单的一段测试代码,但是一直报错 Uncaught Error: Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings. HTML 代码 <head> <meta charset="utf-8"> <title>Index Page</title> <script src="react-0.12.2 ...

阅读全文...

jQuery

What is the difference between jQuery's space and > selectors? > 是所有的直系子女中符合条件的 空格是所有后辈中符合条件的 所以,从逻辑严谨的角度看,能用 > 的时候,尽量用 > 参考: http://stackoverflow.com/questions/1218068/what-is-the-difference-between-jquerys-space-and-selectors text() 与 val() 的区别 val() 是获取 input 的 value 值 text() 则是 ...

阅读全文...

Document Object Model (DOM)

在使用 React 的时候,越发觉得自己 javascript 的基础不牢。 例如,脱离了 jQuery 就不知道怎么操作 DOM node 了。 那就使用 jQuery 不就得了?写一个独立的 React 小组件,然后还要加载依赖 jQuery 是非常恶心的事情, 所以必须修炼使用原生 js 的内功。 树形结构 document.documentElement 是整棵树的根, 即 html node。 document.body 对应 body node. nodeType 每个 DOM node 都有一个 nodeType 属性 document.ELEMENT_NODE 1 doc ...

阅读全文...

scrollTop 的浏览器兼容问题

今天 React QQ 群 (191059493) 里一位大神发现我写的处女 React 组件在 Firefox 下没有效果。 var scrollTop = document.getElementsByTagName("body")[0].scrollTop; scrollTop 即页面元素与当前窗口可见区域的顶端的距离。 通过打印日志调试,发现 scrollTop 的值在 Firefox 下始终为 0,而在 Chrome 和 Safari 下正常。 修正为 var scrollTop = document.documentElement.scrollTop || do ...

阅读全文...

近期节日

2019年09月20日 国际爱牙日
2019年09月21日 国际和平日
2019年09月22日 世界无车日
2019年09月23日 秋分
2019年09月23日 国际聋人节
2019年09月27日 世界旅游日
2019年10月01日 国庆节
2019年10月04日 世界动物日
2019年10月07日 重阳节
2019年10月08日 寒露
2019年10月09日 世界邮政日
2019年10月10日 辛亥革命纪念日
查看更多节日