摘要: 好久没整理博客了 进来啰嗦两句 继续抄别人的博客 一、resize实现图片对比 resize的语法如下: resize:none | both | horizontal | vertical 案例效果如下图 **(鼠标移到左下角白色区域,往右侧拖动,实现图片对比效果)**: 我应用到了resize的 阅读全文
posted @ 2017-04-12 18:36 乔锌铭 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 越来越多的网站,开始采用"单页面结构"(Single-page application)。 整个网站只有一张网页,采用Ajax技术,根据用户的输入,加载不同的内容。 这种做法的好处是用户体验好、节省流量,缺点是AJAX内容无法被搜索引擎抓取。举例来说,你有一个网站。 用户通过井号结构的URL,看到不 阅读全文
posted @ 2017-04-02 22:39 乔锌铭 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 你可能知道,Javascript语言的执行环境是"单线程"(single thread)。 所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面 阅读全文
posted @ 2017-04-01 22:46 乔锌铭 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 零、安装React 的安装包,可以到官网下载。不过,React Demos 已经自带 React 源码,不用另外安装,只需把这个库拷贝到你的硬盘就行了。 $ git clone git@github.com:ruanyf/react-demos.git如果你没安装 git, 那就直接下载 zip 压 阅读全文
posted @ 2017-03-27 21:07 乔锌铭 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: 全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中,然后在命令行中执行: 如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上- 阅读全文
posted @ 2017-03-25 21:27 乔锌铭 阅读(241) 评论(0) 推荐(0) 编辑
摘要: Webpack 是什么 https://github.com/webpack Webpack 是德国开发者 Tobias Koppers 开发的模块加载器,Instagram 工程师认为这个方案很棒, 似乎还把作者招过去了。 在 Webpack 当中, 所有的资源都被当作是模块, js, css, 阅读全文
posted @ 2017-03-23 21:10 乔锌铭 阅读(1021) 评论(0) 推荐(0) 编辑
摘要: 要使用git已经了,最常用的几个命令倒是很熟悉,用的比较少的命令很是记不清,要多多探索这些命令,首先要有个帐号为所欲为,接下来开始正题 抄袭别人的博客学习自己的知识分享给你们我的见解 首先下载 git官方网站 https://git-scm.com/book/zh/v1/起步-安装-Git 〉生成S 阅读全文
posted @ 2017-03-22 23:25 乔锌铭 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 1.嵌入规则 Javascript程序应该尽量放在.js的文件中,需要调用的时候在页面中以<script src="filename.js">的形式包含进来。Javascript代码若不是该页面专用的,则应尽量避免在页面中直接编写Javascript代码。 2.对齐缩进与换行 a) 缩进 在同一系统 阅读全文
posted @ 2017-03-21 20:49 乔锌铭 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 一、canvas图片加载 关于canvas加载,我的方法是,将文章中所有用到图片的地方,都用canvas代替,给canvas一个data-src,里面存放img的路径,通过canvas方法渲染图片。因为图片渲染需要时间,一般会给canvas一个背景,背景可以用gif图片。图片渲染好了之后把背景去掉。 阅读全文
posted @ 2017-03-20 20:20 乔锌铭 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 一、resize实现图片对比 resize的语法如下: 案例效果如下图 (鼠标移到左下角白色区域,往右侧拖动,实现图片对比效果): 我应用到了resize的如下代码: 可以水平拉伸! 二、:not()的应用技巧 我们平时在书写导航栏分割线的时候,最后一个标签是没有分割线的,我们一般的写法如下: 运用 阅读全文
posted @ 2017-03-19 21:18 乔锌铭 阅读(384) 评论(0) 推荐(0) 编辑