12 2016 档案

摘要:在之前的React官网教程中,提到了用Remarkable为插件的markdown评论框。现在就来正儿八经地用另外一个插件 做一个markdown编辑器吧! 准备工作 或许在做之前,应该布个局。 大概这样就OK了。 本demo使用的是以下环境(marked.js,highlight.js及其样式库) 阅读全文
posted @ 2016-12-27 19:05 葡萄美酒夜光杯 阅读(2748) 评论(0) 推荐(0) 编辑
摘要:marked.js简易手册 本文介绍的是marked.js。秉持“来之即用”的原则,对它进行简要的翻译和归纳, 安装 在网上引用或者是引用本地文件即可。要么就用命令行: 最简单用法 留意到,控制台打印出了带html文档标签的内容。 假使你的html页面中有一个``,可以做如下设定: 那么文字将以in 阅读全文
posted @ 2016-12-26 23:56 葡萄美酒夜光杯 阅读(50631) 评论(2) 推荐(4) 编辑
摘要:本文系笔者学习原生javascript动效的笔记。内容基于某非著名培训机构的视频教程。并重新做了归类整理。删除了一些过时的内容。并重做了GIF图,加上了自己的一些分析。 一. 运动学基础 引子:从左到右的div 点击按钮,一个红色div从左向右运动! 运动的要素在于一个绝对定位的主体,一个定时器。和 阅读全文
posted @ 2016-12-25 23:59 葡萄美酒夜光杯 阅读(844) 评论(2) 推荐(1) 编辑
摘要:这是React井字棋项目的最后一篇笔记,记述AI实现。 一. 是开头都会说的原理 但凡懂一点围棋的人都知道“大场”这个概念,可以浅显地把它理解为布局时棋盘上各处的要点。棋谚“金角银边草肚皮”,就很好地说明了大场具有的特征:价值高。 比如没其他子的情况下,先手占星角位,这手棋价值大约是20目。第一手下 阅读全文
posted @ 2016-12-24 04:02 葡萄美酒夜光杯 阅读(900) 评论(0) 推荐(0) 编辑
摘要:这篇笔记是官方教程的延续笔记,所有代码基于第一篇笔记的结尾代码。旨在解决教程后面提出的五个问题。 一 . 用(X,Y)来取代原有的数字坐标 原来的数字坐标是这样的: 现在的要求是把原来的代码坐标改为二维坐标系的表达形式,并且在历史记录面板中打出转换后的坐标。 如果只是为了输出好看。只需要写一个转换方 阅读全文
posted @ 2016-12-23 06:05 葡萄美酒夜光杯 阅读(855) 评论(0) 推荐(0) 编辑
摘要:React的井字过三关(1) 本文系React官方教程的Tutorial: Intro To React的笔记。由笔者用ES5语法改写。 在本篇笔记中,尝试用React构建一个 可交互的 井字棋游戏。 开始 先布局: status反映游戏信息。九宫格采用flex布局。右侧有一处游戏信息。 再把css 阅读全文
posted @ 2016-12-22 04:11 葡萄美酒夜光杯 阅读(1983) 评论(0) 推荐(0) 编辑
摘要:天猫购物网站最显眼的就是轮播图了。我在学习一样新js库,一个新框架或新的编程思想的时候,总是感叹“入门必做选项卡,进阶须撸轮播图。”作为一个React组件,它是状态操控行为的典型,拿来练手是个不错的选择。 为了复习,这次就尝试用原生的javascript+React来完成。 轮播图原生实现 所谓轮播 阅读全文
posted @ 2016-12-20 22:36 葡萄美酒夜光杯 阅读(5766) 评论(14) 推荐(0) 编辑
摘要:本文由笔者翻译自官方文档的JSX In Depth,若干案例经过了改写。其实说白了也好像不算太深入,但还是提示了一些可能的盲区。 JSX是为构造React元素方法 设计的语法糖。 比方说JSX代码: 用标准的React语法写出来应该是: 当没有内容时,根据xml的语法特性,可以加上自闭合标签: 那么 阅读全文
posted @ 2016-12-19 22:29 葡萄美酒夜光杯 阅读(1463) 评论(0) 推荐(0) 编辑
摘要:本案例来自React.js中文官网对应内容。 一. 运行环境 二. 组件架构 App下有两个子组件 (评论列表)和 (评论区),其中 下又有一个子组件 (评论) Comment包括一个h2的评论人名称,一个span的评论内容,获取数据之后,Comment组件以数组的形式传入CommentList。 阅读全文
posted @ 2016-12-18 18:16 葡萄美酒夜光杯 阅读(880) 评论(0) 推荐(0) 编辑
摘要:本文主要内容来自React官方文档中的“Thinking React”部分,总结算是又一篇笔记。主要介绍使用React开发组件的官方思路。代码内容经笔者改写为较熟悉的ES5语法。 React——在我们看来,是用javascript快速开发大型web应用的捷径。这在Facebook和Instagram 阅读全文
posted @ 2016-12-15 05:16 葡萄美酒夜光杯 阅读(1014) 评论(4) 推荐(1) 编辑
摘要:React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程。当然,还有我自己尝试的实例。日后还将对官方文档进阶和高级部分分专题进行学习并记录。 尽管前端学习面临着各种各样的焦虑,尽管越来 阅读全文
posted @ 2016-12-12 15:18 葡萄美酒夜光杯 阅读(1574) 评论(0) 推荐(1) 编辑
摘要:jquery实现简单瀑布流布局(续):图片懒加载 这篇文章是 "jquery实现简单瀑布流布局" 思想的小小扩展。代码基于前作的代码继续完善。 图片懒加载就是符合某些条件时才触发图片的加载。最常见的具体表现就是,当页面被请求时,只加载可视区域的图片,其它部分的图片只占位而不加载,只有这些图片出现在可 阅读全文
posted @ 2016-12-05 07:57 葡萄美酒夜光杯 阅读(3625) 评论(2) 推荐(1) 编辑
摘要:jquery实现简单瀑布流布局 是开头都会说的原理 瀑布流布局有两种,一种是固定列,一种是非固定列。在此主要记述第一种的实现。 固定列的特征是:无论页面如何缩放,每行的总列数都一致。 一行4列的瀑布流从布局的角度来说,就是4个li标签。通过一定的事件(比如滚动条滚动多少px),然后读取之,再把数据动 阅读全文
posted @ 2016-12-05 00:14 葡萄美酒夜光杯 阅读(1770) 评论(0) 推荐(1) 编辑
摘要:使用node进行web开发 用户上网流程: 表面上看:打开浏览器——输入网址——跳转——上网。 背后的过程是什么呢? http请求网址到指定的主机——服务器接收请求——服务器响应内容到用户浏览器——浏览器接收到数据,并根据接收到的信息进行处理,渲染出用户看到的界面。 名词解释: 客户端——用户浏览器 阅读全文
posted @ 2016-12-02 22:35 葡萄美酒夜光杯 阅读(499) 评论(0) 推荐(0) 编辑
摘要:案例分析:前端自动化 1. 实现一个自动创建前端项目文件的js 通过node.js自动创建前端项目目录,包括js目录,js目录css目录,index.html和对应的内容。 初步的代码如下: 2.实现一个对合并文件夹内容的程序 场景描述:在前端开发中,常常需要对几个文件的代码进行合并。试想,在服务器 阅读全文
posted @ 2016-12-02 22:34 葡萄美酒夜光杯 阅读(402) 评论(0) 推荐(0) 编辑
摘要:文件系统(FileSystem) 文件系统模块 对于文件无外乎创建修改添加。 File System 文件系统模块 require('fs') fs模块是核心模块,需要使用require导入后使用。该模块提供了操作文件的一些API fs.open(path, flags, [mode], callb 阅读全文
posted @ 2016-12-02 22:30 葡萄美酒夜光杯 阅读(804) 评论(0) 推荐(0) 编辑
摘要:buffer 用于更好操作二进制数据,他是一个全局变量。类似数组。 buffer类的三种实现 第一种创建方式 new Buffer(size);size[Number] // new Buffer(size);size[Number]创建一个buffer对象,并分配大小 //当我们为一个buffer 阅读全文
posted @ 2016-12-02 22:29 葡萄美酒夜光杯 阅读(224) 评论(0) 推荐(0) 编辑
摘要:以下将以API文档为基础进行分析学习 global对象 这些对象在所有模块里都可用。有些对象不是在全局作用域而是在模块作用域里,这些情况下面文档都会标注出来。 __filename——返回当前模块文件解析后的绝对路径,该属性不是全局的,而是模块作用域下的。 因此,直接 ;不要加 。 __dirnam 阅读全文
posted @ 2016-12-02 22:28 葡萄美酒夜光杯 阅读(220) 评论(0) 推荐(0) 编辑
摘要:Node.js和JavaScript: 核心都是ECMAScrit,比如数据类型,语法结构,内置对象等等。 但是在js中顶层是window 在node中的不存在这个window(console.log(this)的结果是 ),它的顶层是全局对象(global),但是,当在node.js中定义一个a时 阅读全文
posted @ 2016-12-02 22:22 葡萄美酒夜光杯 阅读(519) 评论(1) 推荐(0) 编辑

点击右上角即可分享
微信分享提示