link ,除了分享,也是知识管理。 于 4个月前发表 1571 4 0
IMWebConf [http://img.blog.csdn.net/20160914093143347] 9月10号,IMWeb团队在腾讯大厦成功举办了IMWebConf 2016!进行了一次十分精彩的分享沙龙!一、一句话总结 【影响力范围】 * 听众来自腾讯、爱奇艺、OPPO、大疆、迅雷、京东、金蝶软件等 超过70家 国内互联网公司,不少听众来自武汉、上海、珠海等地。 * 超过200名 同学参加了本次IMWebConf。 * 而本次IMWebConf在腾讯课堂开设的线上直播课程中,报名人数 达到1181人 。【活动效果】 * 会后反馈中 97.8% 的同学表示自己学到了东西。 * 会后反馈中 98.9% 的同学对本次IMWebConf的内容的实用性感到满意。 * 会后反馈中 83.9% 的同学对本次IMWebConf的组织、通知形式感到满意。 二、IMWEBCONF主会场 本次IMWebConf除了在腾大二楼多功能厅设置了 主会场 外,还在腾大24楼设置了 React 、 NodeJS 、 综合 三大分会场。
4个月前
运营
王军 于 4个月前发表 511 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 保留关键字 在 JavaScript中,一些标识符是保留关键字,不能用作变量名或函数名。 JavaScript标准 所有的现代浏览器完全支持 ECMAScript 3(ES3,JavaScript的第三版,从 1999 年开始)。 ECMAScript 4(ES4)未通过。 ECMAScript 5(ES5,2009 年发布),是 JavaScript最新的官方版本。 随着时间的推移,我们开始看到,所有的现代浏览器已经完全支持 ES5。 JavaScript保留关键字 Javascript的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript以后扩展使用。 abstract arguments
4个月前
HTML&HTML5
王军 于 4个月前发表 522 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 使用误区 JavaScript使用误区 本章节我们将讨论 JavaScript的使用误区。 赋值运算符应用错误 在 JavaScript程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。 if 条件语句返回 false (是我们预期的)因为 x 不等于 10: var x = 0; if (x == 10) if 条件语句返回 true (不是我们预期的)因为条件语句执行为 x 赋值 10,10 为 true: var x = 0; if (x = 10) if 条件语句返回 false (不是我们预期的)因为条件语句执行为 x 赋值 0,0 为 false: var x = 0; if (x = 0) Note 赋值语句返回变量的值。 比较运算符常见错误 在常规的比较中,数据类型是被忽略的,以下 if 条件语句返回 true: var x = 10; var y = "10"; if (x == y)
4个月前
HTML&HTML5
王军 于 4个月前发表 646 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— sessionStorage和localStorage html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 web storage和cookie的区别 Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。 除此之外,Web
4个月前
HTML&HTML5
王军 于 4个月前发表 627 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— style、currentStyle、getComputedStyle区别介绍 style、currentStyle、getComputedStyle区别介绍 样式表有三种方式 内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。 内部样式(internal Style Sheet):是写在HTML的里面的,内部样式只对所在的网页有效。 外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。 最常用的是style属性,在JavaScript中,通过document.getElementById(id).style.XXX就可以获取到XXX的值,但意外的是,这样做只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。
4个月前
HTML&HTML5
陈映平 于 4个月前发表 675 2 0
写在前面 谈到node断点调试,目前主要有三种方式,通过 node内置调试工具 、 通过IDE(如vscode) 、 通过node-inspector ,三者本质上差不多。本文着重点在于介绍 如何在本地通过node-inspector 调试远程服务器上的node代码 。 在进入主题之前,首先会对三种调试方式进行入门讲解,方便新手理解后面的内容。至于老司机们,可以直接跳到主题去。 方式一:内置DEBUG功能 进入调试模式(在第1行断点) node debug app.js clipboard.png [https://segmentfault.com/img/bVCNET] 进入调试模式(在第N行断点) 比如要在第3行断点。 方式一:通过 debugger clipboard.png [https://segmentfault.com/img/bVCNE6] 方式二:通过 sb(line) 。 clipboard.png [https://segmentfault.com/img/bVCNE7] 执行下一步 通过 next 命令。
4个月前
调试
王军 于 4个月前发表 668 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Prototype 引用 Prototype 如需测试 JavaScript库,您需要在网页中引用它。 为了引用某个库,请使用 [removed] 标签,其 src 属性设置为库的 URL: 引用 Prototype <!DOCTYPE html> <html> <head> <script src=" http://apps.bdimg.com/libs/pro [http://apps.bdimg.com/libs/pro] ... gt; [removed] </head> <body> </body> </html>Prototype 描述 Prototype 提供的函数可使 HTML DOM 编程更容易。 与 jQuery 类似,Prototype 也有自己的 $() 函数。 $() 函数接受 HTML DOM 元素的 id 值(或 DOM 元素),并会向 DOM 对象添加新的功能。 与 jQuery 不同,Prototype
4个月前
HTML&HTML5
jaychen 于 4个月前发表 748 2 0
[http://7tszky.com1.z0.glb.clouddn.com/FqR4SzPn5rVHghi0o3ejzA98ojR3] 之前一次偶然机会发现,react 在server渲染时,当NODE_ENV != production时,会导致内存泄漏。具体issues: https://github.com/facebook/react/issues/7406 [https://github.com/facebook/react/issues/7406] 。随着node,react同构等技术地广泛运用,node端内存泄漏等问题应该引起我们的重视。为什么node容易出现内存泄漏以及出现之后应该如何排查,下面通过一个简单的介绍以及例子来说明。 首先,node是基于v8引擎,其内存管理方式与v8一致。下面简单介绍v8的相关内存特效。 V8内存限制
4个月前
nodeJS全栈
结一 于 4个月前发表 835 0 0
首先React本身是有动画插件的React.addons.TransitionGroup,当你使用该组件时,会添加对应的动画生命周期函数来控制动画,分别为componentWillEnter,componentDidEnter,componentWillLeave,componentDidLeave。而更高级点的ReactCSSTransitionGroup则是ReactTransitionGroup是基于ReactTransitionGroup的,在React组件进入或者离开DOM的时候,它是一种简单地执行CSS过渡和动画的方式。 今天我们来探讨的是另一种实现方式,而非使用官方的插件。先抛开React,我们一般实现动画都是添加或删除对应的动画class,这是因为DOM结构本身就存在,所以可以任意操作,而React则不同,每个组件都是有生命周期的,componentDidMount则是组件挂载到DOM结构,而componentWillUnmount则在组件被移除DOM前调用。所以我们可以使用外包一层,把控制动画的责任落在这个已经存在的DOM结构上。
4个月前
javascript技术
王军 于 5个月前发表 473 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 函数参数 JavaScript函数参数 JavaScript函数对参数的值(arguments)没有进行任何的检查。 函数显式参数与隐藏参数(arguments) 在先前的教程中,我们已经学习了函数的显式参数: functionName(parameter1, parameter2, parameter3) { code to be executed } 函数显式参数在函数定义时列出。 函数隐藏参数(arguments)在函数调用时传递给函数真正的值。 参数规则 JavaScript函数定义时参数没有指定数据类型。 JavaScript函数对隐藏参数(arguments)没有进行检测。 JavaScript函数对隐藏参数(arguments)的个数没有进行检测。 默认参数 如果函数在调用时缺少参数,参数会默认设置为: undefined
5个月前
HTML&HTML5
陈映平 于 5个月前发表 609 0 0
背景说明 项目测试通过,到了上线部署阶段。部署的机器安全限制比较严格,不允许访问外网。此外,没有对外网开放ssh服务,无法通过ssh远程操作。 针对上面提到的两条限制条件,通过下面方式解决: * 无法访问外部网络 :将依赖的环境本地下载,打包上传,离线安装; * 无法ssh远程操作 :将安装/初始化步骤脚本化,安装包交给运维人员,一键部署; 安装包说明 让运维同学将安装包置于 /data/my_install 下。安装包大致如容如下。其中 install_scripts 目录中,存放的是部署相关的脚本。 [root@localhost my_install]# tree -L 1 . ├── control # 各种服务控制脚本 ├── install_scripts # 安装脚本 ├── node-v5.11.1-linux-x64 # node二进制包 ├── npm_modules_global_offline # 全局的npm模块,比如 pm2 ├── express_svr # express应用 └── uninstall_scripts # 卸载脚本 部署脚本说明
5个月前
nodeJS全栈
陈映平 于 5个月前发表 1359 0 1
简介 PM2是node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负载均衡等,而且使用非常简单。 下面就对PM2进行入门性的介绍,基本涵盖了PM2的常用的功能和配置。 安装 全局安装,简直不能更简单。 npm install -g pm2 目录介绍 pm2安装好后,会自动创建下面目录。看文件名基本就知道干嘛的了,就不翻译了。 * $HOME/.pm2 will contain all PM2 related files * $HOME/.pm2/logs will contain all applications logs * $HOME/.pm2/pids will contain all applications pids * $HOME/.pm2/pm2.log PM2 logs * $HOME/.pm2/pm2.pid PM2 pid * $HOME/.pm2/rpc.sock Socket file for remote commands
5个月前
nodeJS全栈