web前端
文章平均质量分 74
MANSOUL0
祖国的花朵
展开
-
React.js初探-如何将一个普通button改造成类React组件
React.js初探React.js目的在于提高前端组件的复用性,下面以一个常见的例子来解释一下。 小明是一个前端程序员,有一天老板叫小明实现一个功能,功能描述如下:一个按钮有两个状态,分别是点击改变颜色和点击还原颜色,原始颜色是红色,点击后颜色为绿色。接下来我们将一步步实现小明的Button; 小明接到任务后马上写出了如下代码: HTML结构:button styl原创 2017-05-22 15:42:12 · 2606 阅读 · 0 评论 -
ES6-常用特性
ClassES5及之前的版本并没有明确类的概念,在ES6中添加了类。 类可以看作是一个语法糖,其中还加入了extends关键字用于类的继承,它们的功能使用ES5基本也都能实现。 写法对比-ES5function Animal(name,age) { this.name = name; this.age = age;}Animal.prototype.speak = functi原创 2017-12-27 17:36:32 · 250 阅读 · 0 评论 -
git常用操作
Git 使用git是一个分布式版本控制系统,不同于集中式版本控制系统CVS、SVN。其在每台电脑本地都会有一个仓库,无需联网也可工作。概念四个区工作区—>暂存区—>本地仓库—>远程仓库三个步骤$ git add .$ git commit -m "comment"$ git push五种状态原始状态(Origin)已修改(Modifiled)已暂存(Staged)已提交(Commited原创 2017-12-25 17:11:06 · 315 阅读 · 0 评论 -
JavaScript-DOM-事件
文档对象使得我们能使用脚本对载入到浏览器的HTML文件中的元素进行访问。 那用户要对HTML中的元素进行访问就要使用到“事件“了,所以个人认为这是当今web应用中最重要的一部分之一了。下面我们要实现一个简单的小需求:页面中也有一个按钮和一个列表,列表为2,9,1,0,4,3,5。点击按钮要实现列表数字升序排序。下面为HTML结构。html>head>head>body>原创 2017-12-07 12:00:05 · 263 阅读 · 0 评论 -
JavaScript-DOM
DOM(Document Object Modal,文档对象模型)连接着web页面和JavaScript, 1. Document 2. Element 3. Attrubute 4. EventDoucment常用属性和方法文档对象使得我们能使用脚本对载入到浏览器的HTML文件中的元素进行访问。 获取到常用的元素集合://获取HTML中所有的元素document.all();原创 2017-11-22 00:10:22 · 194 阅读 · 0 评论 -
XMLHttpRequest对象详解
XMLHttpRequest提供了一组用于客户端和服务器之间传输数据的API从XMLHttpRequest接口来看:[NoInterfaceObject]interface XMLHttpRequestEventTarget: EventTarget { attribute EventHandler onloadstart; attribute EventHandler onpro原创 2017-11-20 15:42:31 · 1780 阅读 · 0 评论 -
BOM(Browser Object Model)
浏览器对象模型几个重要的对象WindowScreenLocationHistoryNavigatorWindow {name=window}window对象表示浏览器窗口,是浏览器Javasript的全局对象。 属性:window.innerWidth //浏览器窗口的内部宽度window.innerHeight //浏览器窗口的内部高度/** *原创 2017-11-20 15:38:14 · 344 阅读 · 0 评论 -
JavaScript-函数2-构造函数
在讲构造函数的时候先看看其他的编程语言是怎么做的: javaclass HelloWorld { public HelloWorld() { }}typescriptclass HelloWorld { /** * 构造函数 */ public constructor() { }}反观JavaScript你会发现它就简单的多了,函数同时兼原创 2017-11-20 15:34:24 · 210 阅读 · 0 评论 -
单页面应用接入微信填坑之二(微信支付Nodejs)
先记录一下正常接入微信支付步骤微信公众号配置:1. 开通微信公众号这里就没什么要讲的了2.服务器配置进入微信公众平台->开发->基本配置->服务器配置,之后填写服务器地址和令牌,并按照微信官方教程配置即可。下面是我自己的一段Node.js版本的简单服务器配置:var http = require("http");var url = require("url");var crypto = re原创 2017-11-18 16:13:18 · 2069 阅读 · 0 评论 -
单页面应用接入微信填坑之一(微信分享)
起因:使用react+react-router做了一个单页面应用,需接入微信支付与分享等功能。由于是个人第一次接触微信接入加之是单页面应用所以遇到了很多问题。所以这里记一下其中之一:分享功能!微信官方说法:所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持p原创 2017-10-31 17:50:53 · 6176 阅读 · 0 评论 -
JavaScript 数组api
JavaScript 数组api原创 2017-06-01 15:36:56 · 277 阅读 · 0 评论 -
使用webpack搭建react ES6开发环境
使用webpack搭建react ES6开发环境创建项目 新建文件夹作为工作目录命令行键入npm init初始化项目安装依赖 安装webpack npm install --save-dev webpack安装react、react-dom npm install --save-dev react react-dom需要使用webpack 能正确解析 ES6语法还需安装babel原创 2017-05-10 09:55:11 · 269 阅读 · 0 评论 -
日常站点开发常用到的几个JavaScript方法
获取图片原始宽高:/***img: DOM图片对象*fn: 回调方法*fnErr: 图片错误回调*/function getImgNaturalDimensions(img, fn, fnErr) { if (img.naturalWidth !== undefined) { var nWidth = img.naturalWidth; v...原创 2017-11-20 16:37:52 · 398 阅读 · 0 评论