06 2017 档案

• 使用Js控制ReactRouter路由
  摘要：【使用Js控制ReactRouter路由】 首先引入PropTypes: 然后定义context的router属性： 最后，使用代码跳转即可。 goBack方法可以用于回退到前一页面。 参考： 1、https://facebook.github.io/react/docs/context.html 阅读全文
  posted @ 2017-06-29 22:18 Tekkaman 阅读(1657) 评论(0) 推荐(0)
• CSS同时选择器
  摘要：【CSS同时选择器】 同一个div拥有多个class时，我们可以作多个class作为组合来选择对象。方法就是将多个.className直接连接在一起（中间不能有空格）。 参考：http://www.w3school.com.cn/css/css_selector_class.asp 阅读全文
  posted @ 2017-06-26 23:40 Tekkaman 阅读(831) 评论(0) 推荐(0)
• create-react-app之proxy
  摘要：【create-react-app之proxy】 create-react-app可以用于一键创建web_client环境，默认使用webpack-dev-server。但在开发过程中，往往需要client/server配合调试。当我们需要将请求发送到自有服务器而非webpack-dev-serve 阅读全文
  posted @ 2017-06-26 20:54 Tekkaman 阅读(682) 评论(0) 推荐(0)
• mysql limit语句
  摘要：【mysql limit语句】 代码: SELECT * FROM table LIMIT 2 OFFSET 1; 比如这个SQL ，limit后面跟的是2条数据，offset后面是从第1条开始读取。 而这个SQL，limit后面是从第2条开始读，读取1条信息。 参考：http://blog.chi 阅读全文
  posted @ 2017-06-25 01:12 Tekkaman 阅读(345) 评论(0) 推荐(0)
• 给tbody加垂直滚动条的具体思路
  摘要：【给tbody加垂直滚动条的具体思路】 给tbody加垂直滚动条的思路就是把tbody设置成display:block，然后就对其高度设置一个固定值，overflow设置成auto即可 参考：http://www.jb51.net/css/135898.html 阅读全文
  posted @ 2017-06-24 01:23 Tekkaman 阅读(1722) 评论(0) 推荐(0)
• MySql数据类型范围
  摘要：【MySql数据类型范围】 参考：http://blog.sina.com.cn/s/blog_4f925fc30102edg8.html 阅读全文
  posted @ 2017-06-22 21:53 Tekkaman 阅读(187) 评论(0) 推荐(0)
• block、inline、inline-block
  摘要：【block、inline、inline-block】 1、block元素可以设置width,height属性。 inline元素设置width,height属性无效。 2、inline元素的margin和padding属性只有左右方向有效。 3、inline-block，能够设置height、ma 阅读全文
  posted @ 2017-06-16 13:39 Tekkaman 阅读(181) 评论(0) 推荐(0)
• javascript sourcemap
  摘要：【javascript sourcemap】 暂时只有Chrome浏览器支持这个功能。在Developer Tools的Setting设置中，确认选中"Enable JavaScript source maps"。 setting->preference->source 只要在转换后的代码尾部，加上 阅读全文
  posted @ 2017-06-16 11:11 Tekkaman 阅读(236) 评论(0) 推荐(0)
• session of express
  摘要：【session of express】 1、express-session 一个提供session功能库 1）session的key必须与cookieParser的key一致 2）resave选项，true | false。当session未发生变化时，是否将session重新写入数据库（重置ex 阅读全文
  posted @ 2017-06-16 00:03 Tekkaman 阅读(209) 评论(0) 推荐(0)
• React中innerHTML的坑
  摘要：【React中innerHTML的坑】 通过React Ref机制返回的对象，是一个阉割的DOM对象，并非原始DOM对象。比如，这个阉割版的DOM对象没有innerHTML对象。 上面的代码通过ref来获取一个dom对象，但这个对象是没有innerHTML属性的。 为了获取innerHTML，我们需 阅读全文
  posted @ 2017-06-14 21:50 Tekkaman 阅读(2021) 评论(0) 推荐(0)
• box-sizing
  摘要：【box-sizing】 content-box：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding )此属性表现为 阅读全文
  posted @ 2017-06-14 09:52 Tekkaman 阅读(148) 评论(0) 推荐(0)
• IconFont使用指南
  摘要：【IconFont使用指南】 为了使用IconFont，需要先建立自己的项目。 在IconFont.cn中寻找自己喜欢的图标，加入到这个新建的项目。 IconFont有三种使用方式，其中FontClass方式与Bootstrap的GlyphIcon使用方式一致。 将FontClass的链接作为css 阅读全文
  posted @ 2017-06-13 23:23 Tekkaman 阅读(246) 评论(0) 推荐(0)
• Link & Redirect
  摘要：【Link】 Link标签，用于实现React-Router功能的跳转。（意思是就不要使用a标签了） 1）to:string，指明要跳转的path。 2）Link的牛逼之处，就是可以拼完整url。 to:object，指明要跳转的path、query、state。 3）replace，When tr 阅读全文
  posted @ 2017-06-12 11:33 Tekkaman 阅读(323) 评论(0) 推荐(0)
• Route
  摘要：【Route】 The Route component is perhaps the most important component in React Router to understand and learn to use well. Its most basic responsibility 阅读全文
  posted @ 2017-06-12 10:56 Tekkaman 阅读(200) 评论(0) 推荐(0)
• React-Router
  摘要：【React-Router】 React-Router的本质是根据当前location，决定是否绘制component。要使用React-Router有几个要点： 1）根结点必须是Router，且Router只能有一个子结点。 2）Router内随意旋转Route，Route根据当前location 阅读全文
  posted @ 2017-06-12 10:14 Tekkaman 阅读(185) 评论(0) 推荐(0)
• 运行PowerShell脚本
  摘要：【运行PowerShell脚本】 powershell脚本以ps1为扩展名。最的一个是数字1，不是字母l。 当右键ps1文件时，会有用powershell运行的选项，选中这个选项即可运行。 团体powershell不让直接执行ps1文件，通过修改权限即可。 参考：http://www.pstips. 阅读全文
  posted @ 2017-06-10 16:04 Tekkaman 阅读(257) 评论(0) 推荐(0)
• ServiceWork的五种状态
  摘要：【ServiceWork的五种状态】 installing、installed、activating、activated、redundant 参考：https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerState 阅读全文
  posted @ 2017-06-10 00:05 Tekkaman 阅读(1340) 评论(0) 推荐(0)
• Web App Manifest
  摘要：【Web App Manifest】 The web app manifest provides information about an application (such as name, author, icon, and description) in a JSON text file. T 阅读全文
  posted @ 2017-06-09 21:40 Tekkaman 阅读(549) 评论(0) 推荐(0)
• webpack-dev-server
  摘要：【webpack-dev-server】 1、webpack-dev-server是一个好用到爆的工具，可以让你1秒搭建起自己的开发服务器。 webpack-dev-server生成的包并没有放在你的真实目录中,而是放在了内存中. 2、webpack-dev-server默认会以当前目录为基本目录, 阅读全文
  posted @ 2017-06-07 15:24 Tekkaman 阅读(194) 评论(0) 推荐(0)
• Bootstrap Collapse
  摘要：【Bootstrap Collapse】 1、实现折叠面板组： 1）根div添加 class="panel-group" 2）根div下是多个子div class="panel" 3）被折叠的div必须是 class="panel-collapse" 4）data-toggle="collapse" 阅读全文
  posted @ 2017-06-02 14:20 Tekkaman 阅读(313) 评论(0) 推荐(0)
• Bootstrap Popover
  摘要：【Bootstrap Popover】 1、设置一个popover需要添加以下设置： 1）data-toggle="popover" 2）title="Example popover"，设置标题 3）data-container="body"，指定弹出的popover的父结点 4）data-cont 阅读全文
  posted @ 2017-06-02 13:31 Tekkaman 阅读(572) 评论(0) 推荐(0)
• Bootstrap Tooltip
  摘要：【Bootstrap Tooltip】 1、设置Tooltip： 1）data-toggle="tooltip" 2）data-placement="top"， 设置位置，可以为上、下、左、右 3）title="顶部的 Tooltip"，设置内容 2、使用Tooptip，必须调用以下代码激活； <s 阅读全文
  posted @ 2017-06-02 13:02 Tekkaman 阅读(378) 评论(0) 推荐(0)
• CSS属性选择器
  摘要：【CSS属性选择器】 CSS 2 引入了属性选择器。 1、如果您希望把包含标题（title）的所有元素变为红色，可以写作： 2、为了将同时有 href 和 title 属性的 HTML 超链接的文本设置为红色，可以这样写： 3、属性与属性值必须完全匹配 如果写成 p[class="important 阅读全文
  posted @ 2017-06-02 00:31 Tekkaman 阅读(313) 评论(0) 推荐(0)
• Bootstrap 轮播
  摘要：【Bootstrap 轮播】 1、要设置一个轮播界面，需要注意以下几点： 1）根div 必须为 class="carousel slide" 2）根div下含有三块子div a）<ol class="carousel-indicators"> b）<div class="carousel-inner 阅读全文
  posted @ 2017-06-02 00:11 Tekkaman 阅读(469) 评论(0) 推荐(0)
• Bootstrap 按钮
  摘要：【Bootstrap 按钮】 Bootstrap插件给按钮添加了loading状态。 1）调用button("loading")即可切换至loading状态。 2）调用button("reset")即可切换至reset状态。 3）data-loading-text="Loading..."属性用于设 阅读全文
  posted @ 2017-06-01 23:37 Tekkaman 阅读(371) 评论(0) 推荐(0)
• jQuery文档就绪事件
  摘要：【jQuery文档就绪事件】 为了防止文档在完全加载（就绪）之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数，操作可能失败。 简洁写法（与以上写法效果相同）: 参考：http://www.runoob.com/jquery/jquery-syntax.html 阅读全文
  posted @ 2017-06-01 22:28 Tekkaman 阅读(5823) 评论(0) 推荐(0)
• Bootstrap 进度条
  摘要：【Bootstrap 进度条】 1、基础进度条 1）根div必须 class="progress" 2）前景div为 class="progress-bar", 通过style指定宽度 2、指定颜色. progress-bar-success、progress-bar-info、progress-b 阅读全文
  posted @ 2017-06-01 15:30 Tekkaman 阅读(1348) 评论(0) 推荐(0)
• Bootstrap 导航栏
  摘要：【Bootstrap 导航栏】 NavBar是对Nav的包含。在Nav之外还做以下内容： 1、根为 <nav class="navbar navbar-default"> 2、在Nav前添加头 <div class="navbar-header"> <a class="navbar-brand"> 阅读全文
  posted @ 2017-06-01 11:53 Tekkaman 阅读(245) 评论(0) 推荐(0)
• Bootstrap 导航元素（标签页）
  摘要：【Bootstrap 导航元素】 1、基本的导航元素：标签导航。基于ul、li而来，给ul添加 class="nav nav-tabs" 即可。选中的li添加 class="active"即可。 2、用 class .nav-pills 代替 .nav-tabs 即可应用胶囊样式 3、给li添加 c 阅读全文
  posted @ 2017-06-01 11:26 Tekkaman 阅读(893) 评论(0) 推荐(0)
• Bootstrap 模态框
  摘要：【Bootstrap 模态框】 通过 data 属性： 1、在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"， 2、同时设置 data-target="#identifier" 或 href="#identifier" 来指定要切换的特定的模态框 通过 JavaSc 阅读全文
  posted @ 2017-06-01 09:30 Tekkaman 阅读(264) 评论(0) 推荐(0)