- 博客(28)
- 收藏
- 关注
RSS订阅转载 用JS做一个简单的电商产品放大镜功能
购物网站的产品页经常会放有一个产品展示图区。该图区有一个功能就是产品图的放大功能，移动左侧的焦点区域，可以放大细节部分观看，详情如下图。实现该功能的方法也非常简单。 实验：制作产品焦点放大图。 所需技能：1、基本的获取页面元素的方法； 2、几个简单的事件； 3、会使用dom设置元素的属性； 案例原理：1、焦点框的跟随鼠标
2017-06-22 16:32:59
833
1
转载 Node.js的更新到V8.0后自带npm5出现的新坑
Node.js v8.0后，自带的npm也升级到了5.0，第一次使用的时候确实惊艳到了：原本重新安装一次模块要十几秒到事情，现在一秒多就搞定了先不要激动，现在我来大概讲一下npm 5的一些大的变化： 1，使用npm install xxx命令安装模块时，不再需要--save选项，会自动将模块依赖信息保存到package.json文件; 2，安装模块操作（
2017-06-22 16:25:59
2431
转载 赞！WEB设计之路！网络视觉艺术发展史概览
“作为设计师，这篇文章一定要看看，非常棒的总结！帮您理清web视觉的发展历程，强力推荐！”1822年查尔斯·巴比奇（Charles Babbage）发明了第一台计算机（差分机），宣告了新一轮信息革命的开始。也许连巴比奇自己都没想到，计算机的问世会如狂风暴雨一般，几乎改变了未来 200年间人们的生活方式。到如今，计算机已成为了人们工作、学习、生活等方面不可或缺的工具，如同人类的左膀右臂一般，
2017-05-10 10:59:33
1454
转载 自定义浏览器滚动条的样式，打造属于你的滚动条风格——兼容IE和webkit(ff不支持)
前段时间，到网上找素材时，看到了一个很个性的滚动条式，打开Chrome的调试工具看了一下，发现不是用JavaScript来模拟实现的，觉得 有必要折腾一下。于是在各大浏览器中对比了一下，发现只用Chrome适用，也就是说这个用的是Chrome的私有CSS属性。便百之谷之后，发现原来不 仅仅只用Chrome，其它的浏览器在不同程度上支持自定义滚动条样式的。下面是我不断测试的结果，若有错误或不全，请在
2016-12-12 11:36:40
5647
转载 Css 转sacc/less
1、Css在线转为Sass/Scss :站点：CSS 2 SASS/SCSS CONVERTER2、Css在线转为Less :站点-1： CSS 2 LESS下面随带推荐一个Less转css的在线工具，站点地址是： LESS 2 CSS 站点-2：FISHSTICSS站点-3：CSS2LESS.NET站
2016-12-03 13:28:23
1509
转载 Vue2.0 新手入门 — 从环境搭建到发布
Vue 2.0 兼容了绝大部分的 1.0 模板语法，仅废弃掉了其中的一小部分。这些模板在背后被编译成了 Virtual DOM 渲染函数，但是如果用户需要更复杂的 JavaScript，也可以选择在其中直接撰写渲染函数。Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:http
2016-11-22 09:40:08
13915
2
转载 构建一个 WEB 服务器（三）
“当我们必须要发明创造的时候学到的东西最多” —— Piaget在 第二部分 你创建了一个能够处理基本的 GET 请求的微型 WSGI 服务器。 同时我向你提了一个问题，“如何才能让你的服务器在同一时刻能够处理多个请求？” 在本篇文章中你可以找到答案。那么，系好安全带，加足马力吧。 你将会有一趟非常快速的旅程。 确保你已经准备好了你的 Linux, Mac OS X （或任一 *n
2016-11-17 09:12:28
470
转载 构建一个 WEB 服务器（二）
本文译自：http://ruslanspivak.com/lsbaws-part2/还记得吗？在 第一部分 我向你问了一个问题：”如何在你新鲜出炉的 Web 服务器上不做任何修改的就运行 Django 应用，Flask 应用， Pyramid 应用?“ 往下读就可以找到答案。在过去，当你选择的 Python Web 框架会限制你所能选择的 Web 服务器, 如果那个框架和服务器
2016-11-17 09:11:04
746
转载 构建一个 WEB 服务器（一）
本文译自：http://ruslanspivak.com/lsbaws-part1/有一天出去散步的时候，一个女人来到一处工地上，她看到有三个男人在工作。 她问第一个人，“你在做什么？“，第一个男人对这个问题感到非常的厌烦， 他大声的说到”你没看到我正在砌砖吗？“女人对这个答案不大满意， 她又去问第二个男人他在做什么。 第二个男人回答道，”我正在建造一面砖墙。” 然后，他把注意力转向了
2016-11-17 09:09:33
744
转载 Gulp教程
Building With Gulp===================原文地址翻译出处对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。Gulp是一个构建系统，它能通过自动执行常见任务，比如编译预处理CSS，压缩JavaScript
2016-11-10 10:47:41
289
转载 各浏览器中自定义滚动条的样式
webkit浏览器css设置滚动条：1234567::-webkit-scrollbar //滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。（位置1）::-webkit-scrollbar-button /
2016-11-09 16:39:27
8898
1
转载 Nginx服务器上如何安装并配置PHPMyAdmin的教程
一、 准备工作：1. 如果mysql的root账号为空，需要设置root密码CentOS下默认安装的mysql服务器，里面的root账号默认密码为空，首先为root设置一个密码#mysqladmin -u root password yourpassword*注： 虽然通过一些特殊配置，可以使phpmyadmin允许空密码登录，但是不推荐这样做，尤其是公网的服务器。
2016-11-08 13:57:51
2853
转载 PHP发送短信的示例代码
方法一（比较好，推荐）01//PHP发送短信 Monxin专用（PHP代码函数）02//本代码基于Monxin 运行03//代码来源：Monxin ./config/functions.php04 fun
2016-11-08 13:57:01
949
1
转载 54种提高php编程效率的技巧（菜鸟、大神都推荐）
54种提高php编程效率的技巧（菜鸟、大神都推荐）用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，单引号则 不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的“函数”(译注：PHP手册中说echo是语言结构，不是真正的函数，故把函数加 上了双引号)。 1、如果能将类的方法定义成static，就尽量定义成sta
2016-11-08 13:56:20
570
转载 JS如何检测手机上APP是否安装的情况
我们在浏览网页的时候，你会看到一个网页下面漂浮着一个提示框“打开APP”或者“下载APP的字样”，如果你的手机已经安装过这个APP，那么网页会提示“打开APP”，如果没有安装，那就会提示“下载APP的字样” 这个从技术角度是如何去实现的呢？下面我给大家分享这块技术，去年公司给国际动漫节做项目的时候，客户就提到这个需求，在点击网页企业的时候 那么直接打开APP（如果已经安装了） 如果没有安装过，直接
2016-11-08 13:54:36
10308
3
原创 360浏览器内核控制Meta标签说明文档
http://se.360.cn/v6/help/meta.html 浏览器内核控制Meta标签说明文档背景介绍由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。
2016-11-08 10:57:56
1048
转载 js实现移动HTML5页面滑动到最底部触发内容加载
首先要清楚3个定义:文档高度这是整个页面的高度可视窗口高度这是你看到的浏览器可视屏幕高度滚动条滚动高度滚动条下滑过的高度 所以, 当 文档高度 = 可视窗口高度 + 滚动条高度 时,滚动条正好到底. 那我们就来定义三个不同的方法,分别获取上面3个高度值01//文档高度
2016-11-08 10:56:03
29435
4
转载 移动H5前端性能优化指南
移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因，除加载外渲染速度也是优化重点6. 基于第五点，要合理处理代
2016-11-08 10:53:37
493
转载 教婴幼儿学编程，别说不可思议
文/憨爸咱们今天先从那位被哈佛录取的杭州女生说起，看完她的简历后，给我印象最深刻的关键词就是：编程。咱们看看哈佛女生的履历表，就发现她的编程造诣真的很深呢！厉害到我这个IT男都自叹不如！高一时就获得了全国青少年信息学奥林匹克联赛（浙江省赛区）一等奖。曾受麻省理工邀请参加比赛，获得北美编程邀请赛第二名，超过了绝大多数来自哈佛、斯坦福、卡内基梅隆的大学代表队。2014年、201
2016-11-08 10:49:53
3121
转载 解决Web移动端Fixed布局的方案（防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js）
一些细节处理在细节处理上，其实还有很多要注意的，挑几个实际遇到比较大的问题来说一下：有时候输入框 focus 以后，会出现软键盘遮挡输入框的情况，这时候可以尝试 input 元素的 scrollIntoView 进行修复。在 iOS 下使用第三方输入法时，输入法在唤起经常会盖住输入框，只有在输入了一条文字后，输入框才会浮出。目前也不知道有什么好的办法能让唤起输入框时正确显示。这暂时
2016-11-08 09:19:16
18755
1
转载 汇总30条移动Web开发技巧
1. 添加到主屏后的标题（IOS）2. 启用 WebApp 全屏模式（IOS）3. 百度禁止转码4. 设置状态栏的背景颜色（IOS）5. 移动端手机号码识别（IOS）6. 移动端邮箱识别（Android）7. 添加智能 App 广告条 Smart App Banner（IOS 6+ Safari）8. IOS Web app启动动画9. 添加到主屏后的APP图标
2016-11-08 09:15:49
669
转载 简单实用的js模板引擎
不足50行的js模板引擎，支持各种js语法：<%= for(var i = 0, l = p.list.length; i < l; i++){ var stu = p.list[i];=%> class="first"> <%= }=%>“”内是js逻辑代码，“”内是直接输出的变量，类似php的
2016-11-07 13:46:48
350
转载 mysql 中 character set 与 collation 的点滴理解
使用 mysql 创建数据表的时候， 总免不了要涉及到 character set 和 collation 的概念， 之前不是很了解。 这两天不是很忙， 就自己整理了一下。 先来看看 character set 和 collation 的是什么？&. character set， 即字符集。我们常看到的 utf-8, GB2312, GB1
2016-11-04 17:29:31
421
转载 Why npm Scripts?
原文发表于 2016.2.12，原文地址： https://css-tricks.com/why-npm-scripts/以下是访客Damon Bauer发布的一篇文章。近来直接使用node package提供的命令行界面的情绪持续高涨，反之，人们对通过运行任务从而屏蔽抽象功能的热情逐渐降温。在一定程度是，你无论如何都要使用npm，而同时npm提供了脚本功能，为什么不用呢？但是我们使用np
2016-11-04 16:08:33
624
转载 [转]入门Webpack，看这篇就够了
入门Webpack，看这篇就够了写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始
2016-09-27 15:04:38
365
转载 首个微信小程序开发教程！
【转】首个微信小程序开发教程！2016-9-22微信应用号（小程序，「应用号」的新称呼）终于来了！目前还处于内测阶段，微信只邀请了部分企业参与封测。想必大家都关心应用号的最终形态到底是什么样子？怎样将一个「服务号」改造成为「小程序」？我们暂时以一款简单的第三方工具的实例，来演示一下开发过程吧。（公司的项目保密还不能分享代码和截图。博卡君是边加班边
2016-09-26 09:03:17
229
转载 常用的Javascript设计模式
原文出处： alloyteam 博客-svenzeng 《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天
2016-09-14 12:23:47
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人