web前端
向上爬的蜗牛
Web Developer
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS省份和城市选择控件
city.jsvar pc = new Object();pc['北京市'] = new Array('朝阳区', '海淀区', '通州区', '房山区', '丰台区', '昌平区', '大兴区', '顺义区', '西城区', '延庆县', '石景山区', '宣武区', '怀柔区', '崇文区', '密云县', '东城区', '平谷区', '门头沟区');pc['广东省'] = new原创 2016-03-17 11:00:20 · 25516 阅读 · 3 评论 -
Nginx 配置相关总结
1. Nginx基本命令start nginx //启动nginx -s quit //停止nginx -s reload //重新载入2.Nginx基本配置说明#运行用户user www-data; #启动进程,通常设置成和cpu的数量相等worker_processes 1;#全局错误日志及PID文件error_lo原创 2016-09-23 16:00:38 · 366 阅读 · 0 评论 -
使用Git来部署线上代码
在服务器端的项目目录下执行:git init使项目目录成为一个git目录使服务器端的该Git目录接受push(关键)git config receive.denyCurrentBranch ignore使服务器端每次被push时执行版本设置# cd .git/hooks //进入.git目录中的钩子目录# ls //查看钩子目录下文件,这些都是各个钩子对应的文件示例 ( 注意,只是原创 2016-09-21 18:19:30 · 2838 阅读 · 0 评论 -
JS校验银行卡号
转载自cnblogs//银行卡号码检测function luhnCheck(bankno) { var lastNum = bankno.substr(bankno.length - 1, 1); //取出最后一位(与luhn进行比较) var first15Num = bankno.substr(0, bankno.length - 1); //前15或18位 var n转载 2016-11-08 17:55:59 · 11453 阅读 · 1 评论 -
收藏夹
插件网页特效 Swiper-移动端网站的内容触摸滑动插件 字体图标选择网站安装Linux(CentOS)下,下载安装Nginx并配置 在CentOS下搭建自己的Git服务器 Centos 安装 NodeJS手册CSS3参考手册 Mozilla 开发者网络 CSS 选择器参考手册 jQuery.ajax() 函数详解 SeaJS API快速参考 jQuery ajax-w3cscho原创 2016-10-24 14:54:18 · 447 阅读 · 0 评论 -
虚拟DOM
学习React或Vue以及其它前端的框架时,“Virtual DOM”这个词汇就会很常见,总是听说虚拟DOM对性能的提升很有帮助,可是一直都不清楚虚拟DOM是个啥玩意,它的原理是什么。 在参考了以下链接中的博文后对虚拟DOM有个大概的印象:全面理解虚拟DOM,实现虚拟DOM 如何实现 Virtual DOM 怎么更好的理解虚拟DOM?- 知乎 网上都说操作真实 DOM 慢,但测试结果却比 R原创 2016-10-28 11:27:34 · 481 阅读 · 0 评论 -
单页面应用
可能自己写过不少的页面都属于单页面应用,但是没搞清单页面应用的概念之前也不会这么去定义或区分。在网上找了点单页面应用相关的概念算是对理论的一个补充。单页web应用是什么?它又会给传统网站带来哪些好处?单页应用有那些优缺点?转载 2016-10-31 17:40:24 · 548 阅读 · 0 评论 -
mobiscroll实践:移动端仿苹果select效果的实现
最近在做一个微信服务号的开发,设计中日期选择和周期选择的输入框需要使用苹果的select下拉效果,在网上折腾了好久,最终的感慨就是这事基本上只有mobiscroll能搞定,然后专心死磕mobiscroll咯。 首先这个插件是需要收费的,官网提供15天的试用期,但是需要填写信用卡,随便编了几下结果没通过审核,只得作罢,在网上搜mobiscroll实践的博客,也是各种折腾各种坑。首先是大家用m原创 2016-12-09 17:18:41 · 14392 阅读 · 1 评论 -
Webpack入门实践
一些基本的概念* Webpack是一种模块化的解决方案 * webpack是以CommonJS的形式来书写脚本的。 能被Webpack模块化的不仅仅是JS,还有css以及图片等。 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。原创 2016-11-28 14:43:23 · 749 阅读 · 0 评论 -
React之使用context传递数据
与props只能逐级传递数据相比,使用context可以实现跨级传递数据。 下面通过一个demo来展示context传递数据的实现://父组件,最上层的组件import React, { Component,PropTypes } from 'react';import Son from './Son';class App extends Component { getChildContex原创 2017-06-30 18:26:49 · 4921 阅读 · 1 评论 -
安装qrcode或canvas的坑
qrcode是使用node.js生成二维码的比较常见的库,它的安装过程也存在着不少的坑。如果你是第一次安装qrcode,一条命令显然是安装不了它的。npm install --save qrcodeqrcode依赖于canvas,所以很多的坑其实是安装canvas的坑,要说是坑也谈不上,因为node-canvas的作者们在README里面已经说明了依赖关系,只是平时大多习惯了npm install解原创 2017-06-30 18:29:33 · 6317 阅读 · 0 评论 -
解决windows下目录递归太深无法删除的问题
用yeoman的generator创建项目目录,后面想删除该目录时windows提示路径太长无法删除,后面在知乎上发现有人回答同样的问题,zhihu说的是用npm找可以删除这种目录的包,并给出了链接npm包两条命令解决这个问题:npm install -g windows-node-deps-deleter wnddel 目标目录原创 2016-08-13 15:01:07 · 2433 阅读 · 0 评论 -
node生成图形验证码
感谢知乎又救我一命知乎如何用 Node.js 制作验证码?node开发者在遇到图形验证码时的各种遭遇这个答案都有吧,可是一开始我就是去折腾ccap和node-canvas去了,windows下的安装过程各种生无可恋还不成功!!!最后已经绝望到挨个答案去试试的地步,然后试到DreamPiggy 的答案,也就是npm install captchapng只能说跟ccap与canvas相比简直好用到没有朋原创 2016-09-13 19:54:55 · 884 阅读 · 0 评论 -
WEB前端面试重点
1.HTML5与CSS3新特性(H5有哪些新标签,CSS3有哪些新属性);对H5和CSS3有哪些应用;2.浏览器兼容(兼容到IE几,IE有哪些BUG);3.正则表达式;4.call和apply函数的区别;5.JS数组的方法;数组的遍历;6.JS数据类型;7.媒体查询,如何判断设备类型(判断PC与移动端);8.如何判断IE版本(如何判断浏览器是否是Edge);9.如何原创 2016-03-04 22:22:03 · 704 阅读 · 0 评论 -
@Font-face的基本用法及让全部浏览器都兼容的方法
@Font-face基本介绍: @font-face 是一个css2的一个语法,它允许你在网页上显示一个自定义的字体。即使客户机器上可以没有安装这种字体,网页也可以显示。 本文将介绍@font-face的基本用法,以及在所有浏览器都能使用的方法。 @Font-face基本语法: @font-face { font-family: ; src: [,]*; [fon转载 2016-03-04 15:34:05 · 2523 阅读 · 0 评论 -
《精通正则表达式》学习笔记
1.正则表达式是强大、高效、便捷的文本处理工具;2.正则表达式由两种字符构成:元字符和文字;3. ^ 脱字符,代表一行的开始; $ 美元符号,代表一行的结束;4.普通字符都有“接下来是”的意思,如abc,相当于: aand then b and then c;(前提是在字符组以外)5. [ ] 字符组5.1 匹配若干字符之一 [....] 内部表原创 2016-03-08 10:05:42 · 491 阅读 · 0 评论 -
百度地图API
使用场景:网页中的活动经常需要在页面中导入地图定位,方便用户查询位置。百度地图提供了成套的API,非常的方便,初次使用地图的时候阅读一遍百度地图的相关说明是必不可少的!另外使用百度地图的API要申请密钥(AK)。写此文是为了贴几行调用代码,以便后续能够直接copy使用: Hello, World html{height:100%}原创 2016-04-05 15:37:29 · 790 阅读 · 0 评论 -
使用canvas实现带圆点的进度条
使用canvas实现如上图所示的进度条 Canvas实现圆点进度条 .canvasArea{ margin:200px auto; height:400px; width:400px; position: relative; padding:10px; } .canvasArea p{ position:absolute;原创 2016-03-14 15:41:21 · 2221 阅读 · 0 评论 -
解决URL中包含以及不包含https、www时引起的JS跨域问题
场景:站点的全域名是:https://www.example.com,用户使用此链接访问站点时完全正常,但是有时候用户手动输入网址时并不会输入全域名,可能是:www.example.com,也可能是:example.com以及http://www.example.com这种情况下页面中若有ajax访问服务器便会出现跨域的错误,常见的输入域名引起跨域的情况有以下几种:http://w原创 2016-03-25 10:13:42 · 2776 阅读 · 0 评论 -
省市区三级下拉选择器
省市区的选择插件非常常见,网上的相关内容也特别的多,网上的东西常常会因为多而乱,找到一款适合的省市区插件总是免不了要费一番功夫。省市区插件的关键在于数据的准确性和精炼程度,当我从网上down了一个省市区的json文件后,发现里面有几个冗余的字段和很多空白,在网页上利用正则将很多不必要的数据给清除掉了,json数据由原来的200多KB缩小至100KB左右,在使用的过程中我发现有些地方只有省市二级原创 2016-04-08 11:14:34 · 3146 阅读 · 1 评论 -
登录成功后跳回到原来页面
应用场景:一般网页游客和登录用户看到的内容是有区别的,如果一个未登录的用户在看到登录提示后跳转到登录界面登录,那么登录成功后怎么返回到该页面呢?写这篇博客是因为我自己把解决问题的方向想偏了,本来实现是很简单的....为了避免再走弯路吧假设用户在 www.example.com/a.html 看到登录提示,然后点击登录跳转到 www.example.com/login.html,登录界面原创 2016-04-14 15:24:26 · 37395 阅读 · 6 评论 -
使用node编译打包zepto.js自定义模块
一开始将原来移动端使用的jQuery换成zepto时会发现很多方法都是undefined,查看zepto的文档可知我们直接下载的zepto只包含几个核心模块,下图说明了zepto总共有哪些模块以及哪些模块是默认就有的:由上图可知,默认模块分别是zepto、event、ajax、form、ie,但是根据模块说明发现其实很多模块在平常的开发中也是必备的,比如使用animate动画就得包含fx模原创 2016-08-02 13:07:22 · 1740 阅读 · 0 评论 -
Charles配置获取https数据
本配置说明分为PC端和移动端。 移动端的调试变化相对较大PC端安装配置 Charles 根证书保存Charles的Root Certificate,一个xxx.pem文件。调出mac下的钥匙串访问点击左侧的登录,然后把第一步中保存的xxx.pem文件拖到右侧中,此时的情况是:系统默认是不信任 Charles 的证书的,此时对证书右键,在弹出的下拉菜单中选择『显示简介』,点击使用此证书时,把使用系统原创 2017-06-30 18:31:28 · 9148 阅读 · 0 评论
分享