♥ Web-奇技淫巧 ♥
文章平均质量分 74
小北哥哥和北妈
北妈,不止关注技术,拒绝过阿里的offer,靠互联网副业早早赚到人生的3个100w。
展开
-
前后端分离的思考与实践(一)
前后端分离的思考与实践(一)也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离)前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobil转载 2015-12-31 15:42:12 · 1001 阅读 · 0 评论 -
Angular2与React,前端的未来志向何方?
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:徐飞链接:https://www.zhihu.com/question/38576309/answer/78211671来源:知乎去年年底,我回答过一个问题:2014 年末有哪些比较火的 Web 开发技术? - 徐飞的回答转眼间一年过去了,Angular 2发布了beta版,React转载 2015-12-31 15:40:17 · 2227 阅读 · 0 评论 -
怎么用正则表达式获取文章内容中的<img标签和 src的路径
正则:查找Img标签开头的图片路径[iI][mM][gG][\s]*[sS][rR][cC][\s]*=[\s'"]*(?.*?(\.gif|\.jpg|\.png))查找Function中的图片路径[a-zA-Z_][a-zA-Z0-9_]+[\s]*\([^)]+?('|")(?[a-zA-Z0-9/\\-_\.]+?(\.gif|\.jpg|\.png))('|")[^)]*\)查找back原创 2015-07-14 11:51:17 · 3570 阅读 · 0 评论 -
sublime text 3快捷键总结
Sublime text 3是我最喜欢的代码编辑器,每天和代码打交道,必先利其器,掌握基本的代码编辑器的快捷键,能让你打码更有效率。刚开始可能有些生疏,只要花一两个星期坚持使用并熟悉这些常用的快捷键,今后就能解放鼠标了,省心省力又省时,何乐而不为呢。以下是个人总结不完全的快捷键总汇,祝愿各位顺利解放自己的鼠标。选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相转载 2014-08-25 10:58:59 · 2305 阅读 · 0 评论 -
sublime text 的魅力和常用插件
大家好,今天给大家分享一款编辑器:sublime text2 我用过很多编辑器,EditPlus、EmEditor、Notepad++、Notepad2、UltraEdit、Editra、Vim,还有包括netbeans , zendstudio, dreamweaver 等。 最后我遇见了sublime text。 sublime是我见过的最好的编辑器,大型IDE能实现的功能, 用原创 2014-08-25 10:51:02 · 2011 阅读 · 0 评论 -
sublime text2
sublime text2原创 2014-08-25 10:53:46 · 966 阅读 · 0 评论 -
ecshop二次开发 结构分析和代码研究 呵呵
Ecshop包括的文件夹有admin、api、cert、data、images、includes、js、languages、plugins、temp、theme、wap、widget这些文件夹,和根目录下的所有.php文件。这些文件和文件夹组成了整个ecshop。如果从软件工程角度分析ecshop的话,ecshop的二级可以看成admin和前台两个部分。admin主要是面向服务端的,而前台是面向客原创 2015-07-14 11:47:38 · 3052 阅读 · 1 评论 -
最简洁实用的tab切换,tab选项卡
/*===========所有 tab选项卡 更换显示样式=====================*/ function setTab(m,n){ var tli=document.getElementById("menu"+m).getElementsByTagName("span"); var mli=document.ge原创 2015-07-14 11:47:49 · 3039 阅读 · 0 评论 -
bootstrap支持ie8 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
做一个在线系统,PC端也要做,但要兼容千恶的IE8【IE6 是万恶,打死我都不会管IE6】,IE8 是我底线了md,在IE8下 bottstrap 错乱,变形,不支持一些属性的问题,下面看了一篇 某兄台 借我手弄过来,供大家参考,一般参考第一、第三种方案,基本可以解决兼容问题。。。让IE6 IE7 IE8 IE9 IE10 IE11支持Boots原创 2016-04-18 17:12:16 · 9546 阅读 · 1 评论 -
nw.js 打包白屏问题解决方案 node-webkit白屏
nw.js 打包白屏问题解决方案原创 2016-02-01 17:12:50 · 5313 阅读 · 2 评论 -
Sublime Text 主题模版,强烈推荐收藏
在开始介绍这19套Sublime Text主题前,建议您先学习下这个Sublime Text的使用教程,以便知道如何更换主题:Sublime Text 全程指南Sublime Text2两款漂亮的主题皮肤安装与切换使用方法目前我自己在用第一款。不过再好看的主题,放到windows系统上,都比MAC系统的视觉效果差了一大截。配置文件是关键饿!原创 2016-04-19 17:49:48 · 19928 阅读 · 2 评论 -
canvas 让你呼风唤雨,下雨下雪效果
前端如何呼风唤雨创世纪第一章首卷原文起初我创造了canvas 。我说,要有雨,就有了雨;我说,要有雪,就有了雪。而对于前端来说,canvas即是天地在canvas这个天地上,前端可以呼风唤雨,无所不能。------------------------------------华丽的分割线-----------翻译 2016-05-18 15:19:06 · 21369 阅读 · 17 评论 -
web前端 | 如何选择撸码神器
进来,不少小伙子、小妹子来问一个家常便饭,但又逃不脱的问题:小北哥哥,现在这么多编辑器,我该用哪一个好啊,看着都不孬啊(孬字用得好!)此篇文章,纯客观分析 顺便吹逼,老鸟和大神直接略过吧!省的你们看到我写这个问题,再说我烦不烦啊,这问题都讨论了多少年了,甚至好多群里,一看到谁在讨论编辑器,就要送飞机票。但很多转入前端的孩子还是很迷茫, 能力和悟性也分三六九等,人不同,自然适合自己...原创 2016-09-01 09:59:43 · 10811 阅读 · 17 评论 -
JQuery Ajax使用FormData对象上传文件 图片
通过jQuery Ajax使用FormData对象上传文件FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求,那么怎么通过jQuery的Ajax上传呢原创 2016-08-26 17:19:27 · 40189 阅读 · 13 评论 -
Emmet 插件使用教程
1)使用 Emmet 生成 HTML 的语法详解生成 HTML 文档初始结构HTML 文档的初始结构,就是包括 doctype、html、head、body 以及 meta 等内容。你只需要输入一个 “!” 就可以生成一个 HTML5 的标准文档初始结构,你没有看错,输入一个感叹号(当然是英文符号),然后摁下 TAB 键,就会发现生成了下面的结构: Docum原创 2016-01-08 09:10:35 · 5822 阅读 · 0 评论 -
2014年度最强AngularJS资源合集
2014年度最强AngularJS资源合集奇鸟软件发表于 2014-06-30 10:54:08AngularJS是Google开源的一款JavaScript MVC框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。转载 2016-01-28 11:14:44 · 1656 阅读 · 0 评论 -
Genymotion模拟器离线安装 无需登陆
Genymotion离线安装 无需登陆2015-01-19 15:16 199人阅读 评论(0) 收藏 举报安卓genymotion 由于公司的电脑不能联网,想装个genymotion一直装不上。百度谷歌搜索也没有前辈分享经验。在这记录一下。让有同样遭遇的同学有个参考.. 需要:1个U盘,1台能联网的电脑,1台不能联网的公司电脑。原创 2015-07-15 12:23:59 · 4480 阅读 · 1 评论 -
欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl翻译 2015-07-21 12:12:00 · 845 阅读 · 0 评论 -
大数据创业“独角兽”: 原来本·拉登是让大数据整死的
1. Palantir联合创始人彼得·蒂尔认为,最初与美国CIA, FBI等情报部门合作,尽管整个流程漫长很多,但非常值得,因为一旦有了它们的背书,其他客户对这个平台的信任感会增强数倍。2. 目前,几乎每个机构都积累了很多结构化或非结构化的数据。Palantir为客户提供数据分析平台和软件,但客户拿到的并非最终产品,而是“分析的基础架构”,由于平台支持开放的API, 客户随后可根据自身的需转载 2015-09-06 10:40:36 · 1462 阅读 · 0 评论 -
Webstorm/Phpstorm 的高效快捷键
1. shift + F6可以理解为F2的豪华重量版,不但可以重命名文件名,而且可以命名函数名,函数名可以搜索引用的文件,还可以重命名局部变量。还可以重命名标签名。在sublime text中有个类似的快捷键:ctrl+shift+d。1. search in comments and strings会搜索注释或变量内容。2. search for text occurrences翻译 2015-09-14 11:52:58 · 1313 阅读 · 0 评论 -
移动端、手机调用百度地图 Demo
首先非常感谢franck分享的Demo!Demo截图:下面是franck对此Demo的说明:原理:1、通过百度拾取坐标系统获得点位的坐标。http://api.map.baidu.com/lbsapi/getpoint/index.html2、在网页的中插入百度API引用脚本。script type="text/javascript" src原创 2015-10-10 15:09:46 · 14236 阅读 · 0 评论 -
通过html页面打开Android本地的app
如何通过Html网页调用本地安卓app?如何使用html网页和本地app进行传递数据呢?经过研究,发现还是有方法的,总结了一下,大致有一下几种方式 一、通过html页面打开Android本地的app1、首先在编写一个简单的html页面html> head> meta http-equiv="Content-Type转载 2015-10-10 15:37:37 · 1266 阅读 · 0 评论 -
移动端页面调试神器-browser-sync 实时刷新
移动端页面调试神器-browser-sync在做项目的过程中,用到了一个神器-- browser-sync ,在这里分享给大家。1、静态页面调试作为前端,肯定是要保证页面的兼容性的。通常的测试场景是,前端人员人手N部测试机,改下页面,依次手动刷新各个手机,真的非常蛋疼,这些重复性的工作,不应该由人来完成,而应该由机器来自动完成,这时,browser-sync就体现出原创 2015-12-28 10:44:23 · 3178 阅读 · 0 评论 -
Web 研发模式演变
前不久徐飞写了一篇很好的文章:Web 应用的组件化开发。本文尝试从历史发展角度,说说各种研发模式的优劣。一、简单明快的早期时代可称之为 Web 1.0 时代,非常适合创业型小项目,不分前后端,经常 3-5 人搞定所有开发。页面由 JSP、PHP 等工程师在服务端生成,浏览器负责展现。基本上是服务端给什么浏览器就展现什么,展现的控制在 Web Server 层。这种模转载 2015-12-31 15:45:41 · 854 阅读 · 0 评论 -
数学和编程-王垠博客
数学和编程好些人来信问我,要成为一个好的程序员,数学基础要达到什么样的程度?十八年前,当我成为大学计算机系新生的时候,也为同样的问题所困扰。面对学数学,物理等学科的同学,我感到自卑。经常有人说那些专业的知识更加精华一些,难度更高一些,那些专业的人毕业之后如果做编程工作,水平其实比计算机系毕业的还要高。直到几年前深入研究程序语言之后,对这个问题我才得到了答案和解脱。由于好多编程新手遇到同样的转载 2016-01-04 11:38:37 · 1863 阅读 · 2 评论 -
[转] Web前端研发工程师编程能力飞升之路
[转] Web前端研发工程师编程能力飞升之路分类: Javascript | 转载请注明: 出自 海玉的博客 今天看到这篇文章。写的非常有意思。发现自己还有很长的一段路要走。【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前转载 2016-01-06 15:49:16 · 1184 阅读 · 0 评论 -
web app变革之rem --重要
web app变革之rem rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么? rem(font size of the root elem转载 2015-12-23 16:55:57 · 1464 阅读 · 0 评论 -
Sublime text3配置LiveReload 实时预览、无需刷新
Tip :LiveReload是很棒的插件,可以在浏览器中实时预览,但是在Sublime text3里,从Package Control中安装的LiveReload是无法使用的,但是可以选择手动安装解决。LiveReload插件下载Sublime端Github上的LiveReload for Sublime text3的地址: LiveReload ,两种方式安原创 2015-12-25 14:13:24 · 8829 阅读 · 0 评论 -
大公司或专业团队用什么前端工具?以及各个前端自动化工具教程
下面这些东西在大公司可能不流行(你懂的,大公司喜欢自己造轮子),但绝对是专业前端需要了解的:Node.js:现代工业化前端的基础;RequireJS:AMD规范,即将过时的 JavaScript 模块化方案;Bower:前端模块源;npm;前端工具源,另一个潜在的前端模块源;Browserify:即将过时的基于 CommonJS 的前端模块化方案;Less:等 CS原创 2016-04-25 16:57:59 · 3974 阅读 · 1 评论 -
盘点:10款最受欢迎数据可视化工具-JS可视化
盘点:10款最受欢迎数据可视化工具 发布时间:2016-04-13 11:46:02.0 在数字经济时代,人们需要对大量的数字进行分析,帮助用户更直观的察觉差异,做出判断,减少时间成本。当然,你可能想象不到这种数据可视化的技术可以追溯到2500年前世界上的第一张地图,但是,如今利用各种形态的数据可视化图表帮助用户减少分析时间,快速做出决策一直扮翻译 2016-04-13 15:12:32 · 14819 阅读 · 4 评论 -
Gulp.js—比Grunt更易用的前端构建工具-前端自动化
Gulp.js—比Grunt更易用的前端构建工具Grunt是目前最流行的前端构建工具,对前端的效率帮助非常大,但Grunt并非完美无缺,json描述任务的方式,显得过于繁琐和不够简单,对于新手来说,有不少的学习成本。今天明河介绍个比Grunt更易用的前端构建工具: Gulp.js ,最近很火的开源项目,引起了很多前端同学的关注,大家都很好奇,Gulp.js拿原创 2015-12-28 13:42:04 · 1336 阅读 · 0 评论 -
我收集的小程序干货汇总-前后台都有,不用谢!
小程序开发资源!「 起因 」最近小程序生态基本已经趋于稳定,而且各大、小、创业公司都已经全面转化到小程序产品线,很多童鞋的公司主产品线都已经被小程序占领,不得不说现在 web前端和后端又要多一门基本技能:了解并开发小程序。小程序是腾讯干儿子系列,异常重视,从版本迭代周期频率就可以感受出来,3天小更新,半月大更新,我们何曾感受到过哪个大公司平台的产品更新如此激烈高潮的?所以基于大家的需求、需要,我又...原创 2018-04-03 10:10:06 · 5226 阅读 · 0 评论