03 2018 档案
摘要：概述 这几天写了一些 PC端页面 ,有了一些问题和解决方案记录下来,供以后开发时参考,相信对其他人也有用. 之前参考过 "Alloyteam代码规范" 和 "NEC规范" ,但是写的时候感觉有些地方不太对劲,参考B站或者网易的一些网站的时候也发现和他们的规范不一样,所以想把相关东西记下来. 总的规则
阅读全文
摘要：概述 今天体验了一下swiper,真是太强大了,无论是PC端还是移动端,各种轮播滑块效果随便实现.美中不足的是,有些实现需要自己想办法.下面我记录下我的需求和我的实现,供以后开发时参考,相信对其他人也有用. 这里是 "swpier.js官网" .这里是 "swiper的官方demo" . 需要说明的
阅读全文
摘要：概述 今天对双向绑定感兴趣了,于是去查了下相关文章,发现有用 脏检查 的(angular.js),有用 发布者 订阅者模式 的(JQuery),也有用Object.defineProperty的(vue),其中用 Object.defineProperty 的(vue)特别简单,今天顺便记录下供以后
阅读全文
摘要：概述 这是我学习typescript的笔记。写这个笔记的原因主要有2个，一个是熟悉相关的 写法 ；另一个是 理清 其中一些晦涩的东西。供以后开发时参考，相信对其他人也有用。 学习typescript建议直接看 "中文文档" 或 "英文文档" 。我是看的 英文文档 。 "typescript hand
阅读全文
摘要：概述 这是我看typescript的时候看引用资源看到的，原文在这里： "Understanding JavaScript Function Invocation and "this"" ，我简单地总结一下记下来供以后开发时参考，相信对其他人也有用。 机制 js中的函数 调用机制 是这样的： 1.
阅读全文
摘要：概述 哈哈，又学了一个H5的API。今天突然对动态获取网页的选中状态很感兴趣，然后去查了下，发现真的有个API控制它——Page Visibility API。于是把学到的东西记录下来，供以后开发时参考，相信对其他人也有用。 具体可以参考： "MDN Page Visibility API" 示例
阅读全文
摘要：概述 经典的老书害人啊，全是讨论怎么解决javascript里面用函数形式定义类的坑。结果es2015直接用class关键字解决了所有问题。虽然class关键字没有什么新东西，只是js现有继承结构的 语法糖 ，但是用起来真的很方便。我把它们记录下来，供以后开发时参考，相信对其他人也有用。 参考： "
阅读全文
摘要：概述 这是我学习typescript的笔记。写这个笔记的原因主要有2个，一个是熟悉相关的 写法 ；另一个是 理清 其中一些晦涩的东西。供以后开发时参考，相信对其他人也有用。 学习typescript建议直接看 "中文文档" 或 "英文文档" 。我是看的 英文文档 。 "typescript hand
阅读全文
摘要：概述 这是我学习typescript的笔记。写这个笔记的原因主要有2个，一个是熟悉相关的 写法 ；另一个是 理清 其中一些晦涩的东西。供以后开发时参考，相信对其他人也有用。 学习typescript建议直接看 "中文文档" 或 "英文文档" 。我是看的 英文文档 。 "typescript hand
阅读全文
摘要：概述 这是我学习typescript的笔记。写这个笔记的原因主要有2个，一个是熟悉相关的 写法 ；另一个是 理清 其中一些晦涩的东西。供以后开发时参考，相信对其他人也有用。 学习typescript建议直接看 "中文文档" 或 "英文文档" 。我是看的 英文文档 。 介绍 我不过多的介绍typesc
阅读全文
摘要：概述 这是我学习webpack中使用typescript的记录，供以后开发时参考，相信对其他人也有用。 学习typescript建议直接看 "中文文档" 或 "英文文档" ，休闲之余可以看这篇 "TypeScript 总结博客" 。 安装 在命令行下输入如下内容即可： tsconfig 首先需要配置
阅读全文
摘要：概述 今天突发神经想给电源的风扇清清灰，然后被坑了，且听我 细细道来 。 起因 电脑买了好多年了，从过年开始电源就有嗡嗡嗡的声音，有点吵，网上说需要清灰，好吧，今天恰巧有空，而且本着程序员无所不能的精神，那就清清灰吧。 用家里的螺丝刀拧了一半螺丝下来，然后发现螺丝刀坏了。。。。好吧不能半途而废，于是
阅读全文
摘要：概述 有句话说得很好， 代码是写给人看的，顺便让机器执行而已 。所以我总结了一些写react不太注意的地方，供以后开发时参考，相信对其他人也有用。 组件封装 由于组件其实就是React.createElement()函数的语法糖，所以如果一个单一模块要导出多个组件时，可以把它 封装 在一个类里面。
阅读全文
摘要：概述 记得刚接触百度统计的时候，苦于 没有个人网站 ，不能加入统计代码查看访问量等数据。然后渐渐的忘了这件事。之前看别人博客中提及了百度统计，然后粗略的看了一下加入方法，觉得很惊喜， 太简单了 ！ 加入方法 1. 注册并 登录 百度统计官方地址： "http://tongji.baidu.com/w
阅读全文
摘要：概述 前几天面试，hr发来一个测试文件，让我做做看。我一看，其实就是根据 PSD需求 写一个页面，再加上一些 互动效果 即可。 刚好我之前学了切图，jquery等知识还没练手过，于是高兴的答应了。 最后花了3天(中间也断断续续有一些应酬+面试)写了个页面出来，点击这里可以看到： "游戏介绍页" 。
阅读全文
摘要：概述 以前在网上找过屏蔽右键菜单的代码，也找过屏蔽F12的代码，今天无意之中看到别人的右键菜单很有意思，我也想来搞一个。 思路 1. 建立一个菜单并且隐藏起来。 2. 用window.oncontextmenu屏蔽鼠标右键的默认事件。 3. 判断鼠标点击事件的类型，如果为右键则在把菜单显示并且移动到
阅读全文
摘要：概述 虽然html5的history api是H5专门用来解决记录历史记录和单页面的方法，但是很多老式的浏览器并不支持它，所以一般遇到老式的浏览器会做一个polyfill使用之前的hashchange方法。 另一方面，html5的history api在实际使用的时候会和之前的hashchange方
阅读全文
摘要：概述 这是我在 "单页Web应用" 这本书上看到的方法，并深入的研究了一下，把结果记录在下面，供以后开发时参考，相信对其它人也有用。 说明一下，这个方法 已经过时 了，H5有更新的方法：history api，我们在锚接口(下)会讲到。 引子 自从接触单页面spa之后，我就对它的路由非常好奇：既然不
阅读全文
摘要：概述 在项目中不可避免的会用到jquery等第三方库，来看看有什么问题，怎么解决。 遇到的问题 一般情况下，直接require第三方库，比如jquery，然后webpack会自动把第三方库打包进bundle.js里面去，这样就造成了三个问题： 1. bundle.js的 文件会非常大 。 2. 每次
阅读全文
摘要：页面配置 B站有很多页面，比如说首页啊，动画页啊，音乐页啊，舞蹈页啊，那就从 首页 开始。 通过观察首页，可以看见有很多模块除了内容之外，在布局颜色等方面都是一样的，所以我可以开发一些 模板或者插件 ，到时候直接插进主页里面去就行，然后内容数据就设置为 可配置 的形式。 模板就用ejs，于是我去了解
阅读全文
摘要：概述 这是我开发微信小程序遇到的坑中的一个，专门记录下来，供以后开发时参考，相信对其他人也有用。 scroll滑到指定位置，有两种解决方案，一种是用scroll view标签，另一种是用 这个api。 用scroll view标签 这个标签适合于屏幕内的 小范围滚动和锚点滚动 ，分别通过scroll
阅读全文
摘要：概述 由于面试的关系接触了一下微信小程序，花了2晚上开发了一个 带书签功能 的古龙小说阅读器，并且已经提交审核等待发布。这篇博文记录了我的开发过程和对微信小程序的看法，供以后开发时参考，相信对其他人也有用。 阅读器的 数据 没有用服务器，而是写在js文件中传进去的。书签用的 本地储存 ，所以关闭小程
阅读全文
摘要：环境配置 主要参考 "入门Webpack，看这篇就够了" , "webpack入门" 和 "webpack实用配置" 。 实用开发环境 利用下面的 和 可以搭建一个使用ejs和sass的实用开发环境。 webpack.json webpack.config.js 目录生成 踩坑 ：果然目录生成要在前
阅读全文
摘要：计划 现打算： 1. 计划用webpack打包 + 模板语言 + jquery + jquery ui + bootstrap做一个仿B站的静态网站。 2. 网站兼容手机浏览器端。 3. 部分模块打算仿照SPA用js加载的方式实现。 4. 数据结构要有方便配置的形式。(便于网站更新) 5. 网站优化
阅读全文
摘要：概述 我个人很看重代码规范，因为代码是写给别人看的，按规范写别人才更容易理解。之前苦于没有代码规范的资料，现在在github上面看到了 "腾讯Alloy团队的代码规范" ，于是学习了一下，并记录下我自己还 没怎么注意 的地方，供以后开发时参考，相信对其他人也有用。 顺便说下，这里是 "腾讯Alloy
阅读全文
摘要：概述 之前用react脚手架，觉得那种修改了能立即自动刷新浏览器并更新的功能实在非常人性化，所以想在开发其它项目的时候能用上。于是查了一些资料记录在此，供以后开发时参考，相信对其他人也有用。 其实代码也挺简单的，只不过我查的时候绕了许多弯路，有人说用 watch啊，有人说webpack dev se
阅读全文
摘要：概述 使用Create React App脚手架感觉它的eslint配置有点好用，于是考虑不用Create React App脚手架该怎么使用这些配置。 我于是eject了Create React App脚手架，查看它的详细配置和官方文档，总结了使用它的eslint配置的方法，记录如下，供以后开发时
阅读全文
摘要：概述 运行npm的时候，每次都要cd到目录，很麻烦，所以总结了三种在当前目录下直接打开cmd窗口的方法，供以后开发时参考，相信对其他人也有用。 方法一 1. 在当前目录按住shift再右键。 2. 会看到右键菜单里有一个“在此处打开命令窗口”选项，点击即可。 也可以用快捷键操作：shift+右键 =
阅读全文
摘要：概述 如果要进行多次上传，使用git gui也会不方便，所以我总结了一下用npm的simple git实现自动上传至github的方法。供以后开发时参考，相信对其他人也有用。 前提条件 1. 需要安装node, npm, git。 2. 把git的安装目录C:\Program Files (x86)
阅读全文
摘要：概述 今天查询事件绑定资料的时候偶然遇到了柯里化这个词，很感兴趣，于是记录下来供以后开发时参考，相信对其他人也有用。 定义 柯里化是 函数式编程 里面的术语，它是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。 所以，其实柯
阅读全文
摘要：概述 本身是前端小白，学过html,css,js的各种书，各种视屏，就是没有接触 web开发 的内容。偶然看见一个朋友用react搭建了一个博客，于是本着程序员无所不能的精神，也尝试着用react搭建博客。 下面记录我从小白到搭建博客的过程，没有写方法，因为网上已经很多方法了。 这是我搭建的博客地址
阅读全文
摘要：概述 不传递数据叫什么单页面应用，渲染模块还需要http请求算什么单页面应用。 本文总结了react router4中使用BrowserRouter时传递数据的两种方法，供以后开发参考，相信对其他人也有用。 使用Link Link是react router4中很常见的一个类，很多人在页面跳转的时候都
阅读全文
摘要：概述 SPA和react可以说是web开发的分水岭，我一直在寻找判断网站是普通网站还是SPA抑或是react的方法。今天突然找到一个判断网站是不是react搭建的简便方法。现在记录下来供以后开发时参考，相信对其他人也有用。 方法 方法就是利用 控制台console 。 (1)打开你要判断的网站。如果
阅读全文
