奔跑的太阳花

2019年11月19日

摘要： 1.H5 download属性 function downFile(content, filename) { // 创建隐藏的可下载链接 var eleLink = document.createElement('a'); eleLink.download = filename; eleLink.s 阅读全文

posted @ 2019-11-19 17:37 奔跑的太阳花阅读(7419) 评论(0) 推荐(0) 编辑

FormData使用方法详解，以及在IE9环境下，前端的文件上传问题

摘要： FormData的主要用途有两个： 1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。 2、异步上传文件一、创建formData对象 1、创建一个空对象： //通过FormData构造函数创建一个空对象 var formdata=ne 阅读全文

posted @ 2019-11-19 15:16 奔跑的太阳花阅读(3693) 评论(0) 推荐(0) 编辑

2019年11月16日

Node 之 Express 4x 骨架详解

摘要：周末，没事就来公司加班继续研究一下Express ，这也许也是单身狗的生活吧。 1、目录结构： bin, 存放启动项目的脚本文件 node_modules, 项目所有依赖的库，以及存放 package.json 中安装的模块，当你在 package.json 添加依赖的模块并安装后，存放在这个文件夹阅读全文

posted @ 2019-11-16 14:37 奔跑的太阳花阅读(301) 评论(0) 推荐(0) 编辑

Express中app.use()用法详解

摘要： app.use(path,callback)中的callback既可以是router对象又可以是函数 app.get(path,callback)中的callback只能是函数当一个路由有好多个子路由时用app.use(path,router) 例子： http://localhost:3000/ 阅读全文

posted @ 2019-11-16 14:18 奔跑的太阳花阅读(4590) 评论(0) 推荐(0) 编辑

2019年11月6日

纯手打AJAX，还有一个对象转查询字符串的小方法obj=>url

摘要： function json2url(json){ var arr=[]; for(var name in json){ arr.push(name+'='+json[name]); } return arr.join('&'); } function ajax(json){ json=json || 阅读全文

posted @ 2019-11-06 17:05 奔跑的太阳花阅读(225) 评论(0) 推荐(0) 编辑

简单node服务器demo，麻雀虽小，五脏俱全

摘要： //本服务器要实现的功能如下： //1.静态资源服务器（能读取静态资源） //2.能接收get请求，并能处理参数 //3.能接收post请求，并能处理参数 const http = require('http'); const fs = require('fs'); const url = requ 阅读全文

posted @ 2019-11-06 16:49 奔跑的太阳花阅读(546) 评论(0) 推荐(0) 编辑

2019年11月4日

node环境下多种方式“get数据解析”

摘要： 1、自己写 const http = require('http'); http.createServer(function(req,res){ var get = {}; if(req.url.indexOf('?')!=-1){ var arr = req.url.split('?'); var 阅读全文

posted @ 2019-11-04 09:42 奔跑的太阳花阅读(406) 评论(0) 推荐(0) 编辑

2019年10月28日

module.exports与exports，export与export default的区别

摘要：首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。 CommonJS模块规范 Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。 Commo 阅读全文

posted @ 2019-10-28 14:16 奔跑的太阳花阅读(237) 评论(0) 推荐(0) 编辑

2019年9月Github上最热门的JavaScript开源项目

摘要： 2019年9月Github上最热门的JavaScript开源项目前端开发前端开发微信号 qianduan1024 功能介绍专注于Web前端技术文章分享，包含JavaScript、HTML5、CSS3等前端基础知识，以及Vue.js,React,Augular等前端框架来自：开源最前线（ID 阅读全文

posted @ 2019-10-28 09:14 奔跑的太阳花阅读(571) 评论(0) 推荐(0) 编辑

2019年10月25日

基于Node 的http转发demo，项目中请使用express+http-proxy-middleware

摘要：项目中请使用：express+http-proxy-middleware 为什么要使用node代理转发？我们要实现前后端分离，然后前端不在自己的电脑上安装tomcat，这时候，我们通过用node搭建服务器，然后转发我们的请求。例如：自己本地是localhost:3000,我们需要访问http:// 阅读全文

posted @ 2019-10-25 15:13 奔跑的太阳花阅读(577) 评论(0) 推荐(0) 编辑

2019年10月23日

HTTP/2 新特性总结

摘要：我在想了解HTTP/2的时候，查阅了很多资料，发现这篇很好，是外国的文章．我翻译过来，加入自己的一点理解． HTTP/2 更简单,高效,强大.它在传输层解决了以前我们HTTP1.x中一直存在的问题.使用它可以优化我们的应用.HTTP/2 的首要目标是通过完全的请求,响应多路复用,头部的压缩头部域来减阅读全文

posted @ 2019-10-23 11:21 奔跑的太阳花阅读(257) 评论(0) 推荐(0) 编辑

2019年10月22日

网络聊天室---node.js中net网络模块TCP服务端与客户端的使用

摘要：启动命令：telnet 127.0.0.1 4000 参考资料：https://www.cnblogs.com/jkko123/p/10247593.html 阅读全文

posted @ 2019-10-22 16:49 奔跑的太阳花阅读(410) 评论(0) 推荐(0) 编辑

nodejs环境下的socket通信

摘要：结构： socket是应用层和传输层的桥梁。（传输层之上的协议所涉及的数据都是在本机处理的，并没进入网络中）涉及数据： socket所涉及的数据是报文，是明文。作用：建立长久链接，供网络上的两个进程通信。 nodejs环境下的简单通信。代码： serve： client：小结： serve 阅读全文

posted @ 2019-10-22 10:37 奔跑的太阳花阅读(23838) 评论(0) 推荐(0) 编辑

2019年10月18日

大型网站架构模式核心原理与新浪微博案例分析

摘要：什么是模式？每一个模式描述了一个在我们周围不断发生的问题及该问题解决方案的核心。这样，你就能一次又一次地使用该方案而不必做重复的工作。也许互联网产品不是随便复制就能成功的，创新的产品更能为用户创造价值。但是网站架构却有一些共同的模式，这些模式已经被许多大型网站一再验证，通过对这些模式的学习，我们可阅读全文

posted @ 2019-10-18 16:44 奔跑的太阳花阅读(424) 评论(0) 推荐(0) 编辑

nodejs中的子进程，深入解析child_process模块和cluster模块

摘要： node遵循的是单线程单进程的模式，node的单线程是指js的引擎只有一个实例，且在nodejs的主线程中执行，同时node以事件驱动的方式处理IO等异步操作。node的单线程模式，只维持一个主线程，大大减少了线程间切换的开销。但是node的单线程使得在主线程不能进行CPU密集型操作，否则会阻塞主阅读全文

posted @ 2019-10-18 15:37 奔跑的太阳花阅读(490) 评论(0) 推荐(0) 编辑

什么是CPU密集型、IO密集型？

摘要： CPU密集型（CPU-bound）CPU密集型也叫计算密集型，指的是系统的硬盘、内存性能相对CPU要好很多，此时，系统运作大部分的状况是CPU Loading 100%，CPU要读/写I/O(硬盘/内存)，I/O在很短的时间就可以完成，而CPU还有许多运算要处理，CPU Loading很高。在多重阅读全文

posted @ 2019-10-18 15:15 奔跑的太阳花阅读(319) 评论(0) 推荐(0) 编辑

2019年10月15日

WEB引入Google思源黑体

摘要：通过Link标签在网页头部引用Google Web Font: 1 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900"> 1 <link 阅读全文

posted @ 2019-10-15 10:18 奔跑的太阳花阅读(3870) 评论(0) 推荐(0) 编辑

2019年9月26日

Linux安装最新版Node.js

摘要：由于直接yum安装的nodejs版本太低，所以本篇文章向大家介绍在 Linux 上安装 Node.js 最新版的方法。安装环境本机系统：CentOS Linux release 7.5 Node.js：v10.16.0 获取Node.js 安装包 Node.js 安装包及源码下载地址为：http 阅读全文

posted @ 2019-09-26 11:27 奔跑的太阳花阅读(7778) 评论(0) 推荐(0) 编辑

2019年9月23日

JS判断值是否是数字

摘要： 1.使用isNaN()函数 isNaN()的缺点就在于 null、空格以及空串会被按照0来处理 NaN: Not a Number /** *判断是否是数字 * **/ function isRealNum(val){ // isNaN()函数把空串空格以及NUll 按照0来处理所以先去除，阅读全文

posted @ 2019-09-23 14:38 奔跑的太阳花阅读(18032) 评论(1) 推荐(1) 编辑

高效jQuery的奥秘

摘要：讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先，在脑子里牢牢记住jQuery就是javascript。这意味着我阅读全文

posted @ 2019-09-23 10:05 奔跑的太阳花阅读(269) 评论(0) 推荐(0) 编辑

驴的故事

摘要：从前美国法律规定，一个人财产达到60美元以上，才拥有选举权。富兰克林对这条法规很不认同，他讲：如果我有一头驴正好值60美元。我就拥有选举权，如果投票前一天晚上，这头驴死了，我就没有选举权，那么到底谁有选举权，是这头驴，还是我? 把这头驴的故事，拿来解释你和男友之间的分歧也是可以的：你们恋爱谈了两年，阅读全文

posted @ 2019-09-23 09:55 奔跑的太阳花阅读(167) 评论(0) 推荐(0) 编辑

2019年9月12日

一个Web前端工程师或程序员的发展方向，未来困境及穷途末路

摘要：如果你刚好是一个Web前端工程师，或者你将要从事web前端工作。你应该和我有同样的感慨，web前端技术到了自己的天花板，前端工作我能做多少年？3年或5年？自己的职业规划应该怎么样？收入为什么没有增长？前端工作做久了感觉有点乏味？等等的问题曾经从心头一闪而过。web前端工程师应该有的技能作为一个初级的阅读全文

posted @ 2019-09-12 14:19 奔跑的太阳花阅读(932) 评论(0) 推荐(0) 编辑

2019年8月29日

javascript 模块化 (切记：学习思想)

摘要：模块化(切记：学习思想) 如果不用模块化编写代码，那么会具有以下问题：代码杂乱无章，没有条理性，不便于维护，不便于复用很多代码重复、逻辑重复全局变量污染不方便保护私有数据(闭包) 模块化的基本实现：闭包的自调用函数 AMD模块化 -->requireJS AMD：async module d 阅读全文

posted @ 2019-08-29 10:52 奔跑的太阳花阅读(403) 评论(0) 推荐(0) 编辑

学习正则表达式 js java c# python 通用

摘要：正则表达式 js java c# python 学习网站 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp 概念正则表达式是为了解决字符串操作中一些比较麻烦的场景，比如字符阅读全文

posted @ 2019-08-29 10:49 奔跑的太阳花阅读(466) 评论(0) 推荐(0) 编辑

2019年8月7日

Promise如何解决回调地狱

摘要：为什么要有promise：解决（回调地狱）的问题 ### 回调地狱： ```js //跟以前的if条件地狱很像 // if(){ // if(){ // if(){ // } // } //} $.get("/getUser",function(res){ $.get("/getUserDetail 阅读全文

posted @ 2019-08-07 15:07 奔跑的太阳花阅读(5217) 评论(0) 推荐(1) 编辑

2019年8月6日

VSCode 开发插件推荐

摘要： VSCode 必装的 10 个高效开发插件本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件，用于大大提高软件开发的效率。 VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」。 2. 10 个必装的编辑器插件相当于视频教程的补充更新，阅读全文

posted @ 2019-08-06 09:45 奔跑的太阳花阅读(400) 评论(0) 推荐(0) 编辑

2019年7月27日

解密初、中、高级程序员的进化之路（前端）

摘要：程序员的标准与要求初级程序员初级程序员仅能完成简单模块和项目的开发工作难以胜任复杂模块的开发。通常是入行不久 1 年及以下工作经验的同学。仅能完成简单模块和项目的开发工作难以胜任复杂模块的开发。通常是入行不久 1 年及以下工作经验的同学。能力要求能力要求熟悉前端基础知识如 HTML、J 阅读全文

posted @ 2019-07-27 14:06 奔跑的太阳花阅读(148) 评论(0) 推荐(0) 编辑

2019年7月22日

js移动端自适应动态设置html的fontsize

摘要： JS设计移动端页面时会遇到自适应问题，大多数都知道用rem来设置页面的比例大小，下面就来说几种常见的html中的fontsize设置方法： 1.使用flexible.js插件库。淘宝就是利用这个来设置的。重点说下第二种方法； 2.以下是比较简介的方法：阅读全文

posted @ 2019-07-22 18:39 奔跑的太阳花阅读(1138) 评论(0) 推荐(0) 编辑

解决移动端页面点击图标或按钮产生阴影

摘要：移动端页面按钮或者图标，点击的瞬间会有阴影，这是浏览器自带的，要去除这个阴影可以在css样式里加上以下属性：阅读全文

posted @ 2019-07-22 13:01 奔跑的太阳花阅读(1311) 评论(0) 推荐(0) 编辑

移动端如何清除输入框内阴影

摘要： input, textarea { border: 0; /* 方法1 */ -webkit-appearance: none; /* 方法2 */ } 阅读全文

posted @ 2019-07-22 09:59 奔跑的太阳花阅读(272) 评论(0) 推荐(0) 编辑

让iphone5s 支持 flex 布局

摘要： /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack 阅读全文

posted @ 2019-07-22 09:33 奔跑的太阳花阅读(408) 评论(0) 推荐(0) 编辑

2019年7月19日

JS解决所有浏览器连续输入英文字母不换行问题，包括火狐（转）

摘要：问题描述: <p style="font-size:12px;line-height:30px;">测试数据测试数据</p> p标签内如果输入一长段英文字符，像这样 <p style="font-size:12px;line-height:30px;">asfjhasklfjaklsfjalsjfl 阅读全文

posted @ 2019-07-19 15:57 奔跑的太阳花阅读(1078) 评论(0) 推荐(0) 编辑

2019年7月9日

前端路由简介以及vue-router实现原理

摘要：后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样大致流程可以看成这样：浏览器发出请求服务器监听到80端口（或443）有请求过来，并解析url路径根据服务器的路由配置，返回相应信息（可以是 html 字串，也可以是 json 数据，图片等）浏览器根据数据阅读全文

posted @ 2019-07-09 10:59 奔跑的太阳花阅读(337) 评论(0) 推荐(0) 编辑

2019年7月8日

touch.js 拖动、缩放、旋转（鼠标手势）

摘要：先上预览地址： https://www.somethingwhat.com/Project/Detail?id=f092710d3f7255b4 看下是不是你要的效果，不是就不用往下看了。示例中我用了touch.js这个插件（百度团队开发的，但好像已经停止更新了），再自己封装了一下，可以实现手势操阅读全文

posted @ 2019-07-08 21:10 奔跑的太阳花阅读(6759) 评论(0) 推荐(0) 编辑

移动端js触摸touch详解（附带案例源码）

摘要：移动端触摸滑动原理详解案例，实现过程通过添加DOM标签的触摸事件监听，并计算触摸距离，通过距离坐标计算触摸角度，最后通过触摸角度去判断往哪个方向触摸的。触摸的事件列表触摸的4个事件： touchstart 触摸屏幕上时触发 touchmove 触摸屏幕中滑动时触发 touchend 离开屏幕时触阅读全文

posted @ 2019-07-08 15:37 奔跑的太阳花阅读(3544) 评论(0) 推荐(0) 编辑

2019年7月5日

touch.js - 移动设备上的手势识别与事件库

摘要： Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。Touch.js手势库专为移动设备设计。Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制器的时间。网页合理使用Touch.js不但能增加网页的美观感，而阅读全文

posted @ 2019-07-05 09:09 奔跑的太阳花阅读(3102) 评论(0) 推荐(0) 编辑

2019年7月4日

flexible.js 布局详解

摘要：原文链接：http://caibaojian.com/flexible-js.html 本文讲的通过flexible.js实现了rem自适应，有了flexible.js，我们就不必再为移动端各种设备兼容烦恼，flexible.js是如何通过rem实现自适应的呢？一起来看看：· 通过rem与px的换算阅读全文

posted @ 2019-07-04 09:45 奔跑的太阳花阅读(1474) 评论(0) 推荐(0) 编辑

2019年7月1日

CSS 权威指南 CSS实战手册第四版（阅读笔记）

摘要：前言：对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分析本人一点点不成熟的心得. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢参悟,在这之前需要做的是能够运用它来开发,那么了解一些基础特性非常有必要阅读全文

posted @ 2019-07-01 20:09 奔跑的太阳花阅读(1554) 评论(0) 推荐(0) 编辑

2019年6月28日

原生javascript 共享onload事件

摘要：在工作时，我们给一个元素绑定了事件，如果dom还没加载完成，就执行了js代码，就不会绑定成功。常规解决方案就是用： window.onload = EventFunction; 可是如果有两个事件， window.onload = EventFunction1; window.onload = E 阅读全文

posted @ 2019-06-28 11:20 奔跑的太阳花阅读(882) 评论(0) 推荐(0) 编辑

解决原生javascript 缺少insertAfter的功能，非Jquery方法

摘要：在现有的方法后插入一个新元素，你可能会想：既然有insertBefore方法，是不是也有一个相应的insertAfter()方法。很可惜，DOM没有提供方法。下面编写insertAfter函数，虽然DOM本身没有提供，但它确实提供了一个把一个节点插入到另一个节点之后所有工具。我们完全可以利用已有的DOM方法和属性编写一个insertAfter函数： Title ... 阅读全文

posted @ 2019-06-28 10:21 奔跑的太阳花阅读(327) 评论(0) 推荐(0) 编辑

奔跑的太阳花

业精于勤，荒于嬉；形成于思，毁于随

公告