- 博客(33)
- 收藏
- 关注
RSS订阅原创 js算法总结(冒泡算法，在数组中找最大的三个数)
var log = console.log;let arr = [23,45,23,46,1,100,14];function Figure(){}Figure.prototype = { /*简单递归*/ factorial:function(number){ if(number==1){ return number;
2017-12-15 18:28:17
3573
2
转载 npm本地安装与全局安装
npm的包安装分为本地安装（local）、全局安装（global）两种npm install grunt # 本地安装npm install -g grunt-cli # 全局安装这两种安装方式的区别本地安装将安装包放在 ./node_modules 下（运行npm时所在的目录） 可以通过 require() 来引入本地安装的包 全局安装模块将被下载安装到全局目录中，即Node的安装目录下的n
2017-12-04 16:47:26
822
原创 npm install --save 与 npm install --save-dev 的区别
一个放在package.json 的dependencies , 一个放在devDependencies里面 比如 dependencies:{ react:15.1}react是部署环境里要用的devDependencies:{ babel-core:7.61}babel-core 只是文件处理 把es6转化为es5和node有关的package都是放在devDepen
2017-12-04 16:43:14
623
原创 es6继承
在es6里 一个子元素如何继承一个父元素的方法class Father{ run(){ console.log('runFather') }}class Child extends Father{}var c1 = new Child();c1.run()//runFather一个extends搞定
2017-11-27 19:36:15
494
转载 事件委托原理
事件委托原理：事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，那么这个事件就会一层一层的往外执行，执行顺序a>li>ul>div，有这样一个机制，那么我们给最外面的div加点击事件，那么里面的ul，li，a做点击事件的时候，都会冒泡到最外层的div
2017-11-22 12:11:46
1014
原创 es6 多个模块export import
一个模块只能有一个默认导出：export default modlue导入用import module from modlue可以多个普通导出:export postNeverexport postLike导入用import {postLike} from ...PS:一定要加符号....
2017-11-18 09:35:21
3651
原创 react 父元素向子元素传值
<Parent checked={this.state.checked}/>class Children extends React.Component { constructor(props) { super(props); this.state = { visible: false, display: thi
2017-11-10 20:59:43
2004
转载 mac关闭指定端口
先执行如下命令:lsof -i会有类似下面的结果： COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEWebProces 42624 davidzhang 5u IPv4 0x907152bbf7b2a875 0t0 TCP localhost:64438->localhost
2017-11-09 11:09:30
5031
1
转载 Nodejs 热加载
方式一、supervisorsudo npm install -g supervisor #安装supervisor app.js #启动方式二、hotnodesudo npm -g install hotcode #安装hotnode app.js #启动注意一定要全局安装哦！！
2017-11-08 21:45:46
911
转载 canvas 文字api
/** * 文字的书写 * fillText(要写的文字, 文字开始的横坐标, 文字开始的纵坐标, 文字占用的最长宽度) * strokeText(要写的文字, 文字开始的横坐标, 文字开始的纵坐标, 文字占用的最长宽度) * font 字体大小和样式 *//* * font参数的值分为 * font-style: normal(正常)
2017-11-03 19:30:33
467
原创 canvas 几个api的区别
var c=document.getElementById(“myCanvas”); var ctx=c.getContext(“2d”); ctx.beginPath(); ctx.moveTo(20,20); ctx.lineTo(20,100); ctx.lineTo(70,100); ctx.strokeStyle=”green”; ctx.stroke(); // str
2017-10-31 09:43:19
288
原创 canvas绘制出现模糊的问题
方法比较简单，容易实现，而且效果在目前看来还是不错的。先补充说明一个基础知识点，在使用 canvas 的时候，要设置画布的大小，要使用的是 canvas 的 width 与 height 属性，而不是设置 canvas 的 style 或者CSS样式中的 width 与 height 。因为在绘制的过程中画布内容的实际大小是根据 canvas 的 width 与 height 属性设置的，而 sty
2017-10-30 14:41:29
625
原创 怎么用svg画一个圆圈(一)
<svg xmlns="http://www.w3.org/200/svg" height="400" width="400"> <circle //标签画圆专用 class="demo2" id="J_progress_bar" cx="175" // 圆坐标 横坐标（都是基于svg）
2017-10-30 10:35:32
4700
转载 react-redux 小例子
import React from 'react';import ReactDOM from 'react-dom';import {createStore} from 'redux';import {Provider, connect} from 'react-redux';// React componentclass Counter extends React.Component {
2017-08-24 00:36:22
365
原创 react 子元素改变父元素属性
子元素 childrenComponent.js/** * Created by ANN on 2017/7/22. */import React from 'react';export default class ChilidProps extends React.Component{ render(){ return( <div>
2017-08-23 02:18:10
4172
原创 mongdb 怎么获取全部数据
var resultvar server=mongo.Server(host,27017,{auto_reconnect:true});//链接数据库var db=new mongo.Db("tengxunNews",server,{safe:true});//数据库名称db.open(function (err,db) { //打开数据库 db.collection("new
2017-08-07 22:12:21
918
2
原创 fetch 基本Api
fetch('/api/user/newsDetail', { method: 'post',//方法 headers: { "Content-type": "application/x-www-form-urlencoded; charset=UTF-8" }, body
2017-08-06 01:47:10
484
转载 node express 接收前台参数API
app.post(‘/login’,function(req,res){ var user_name=req.body.user; //方法 var password=req.body.password; console.log(“User name = “+user_name+”, password is “+password); res.end(“yes”); });
2017-08-06 00:09:07
795
原创 react 获取属性的正确打开方式
例如有一个组件 父节点有属性data-cc 这时候点击父节点获取属性 正确方式是 event.currentTarget.getAttribute(“data-cc”)而不是 event.target.getAttribute(“data-cc”)ps: currentTarget 返回其事件监听器触发该事件的元素。 target 返回触发此事件的元素（事件的目标节点）。
2017-08-05 19:00:22
3262
转载 React 如何阻止事件冒泡？
React 为提高性能，有自己的一套事件处理机制，相当于将事件代理到全局进行处理，也就是说监听函数并未绑定到DOM元素上。因此，如果你禁止react事件冒泡e.stopPropagation()，你就无法阻止原生事件冒泡；你禁用原生事件冒泡e.nativeEvent.stopPropagation()，React的监听函数就调用不到了。正确的姿势，应该是判断event.target对象，是否是目标对
2017-08-03 22:12:23
3329
转载 jquery ajax同步
Ajax请求默认的都是异步的 如果想同步 async设置为false就可以（默认是true）var html = $.ajax({ url: “some.php”, async: false }).responseText; 或者在全局设置Ajax属性 $.ajaxSetup({ async: false }); 再用post，get就是同步的了
2017-07-30 22:39:53
287
转载 react webpack打包后怎么调试
因为截止目前几乎没有浏览器原生支持es6标准。所以，针对这种情况，chrome引入了source-map文件，标识es5代码对应的转码前的es6代码哪一行。对于开发人员来说，你唯一要做的就是配置webpack自动生成source-map文件，在webpack.config.js中增加一行配置即可（这个需要你去重新启动webpack-dev-server，以使配置生效）。 entry:{ 'i
2017-07-29 17:04:45
1703
原创 冒泡小例子
冒泡： 小的元素在大的元素里面， 两个元素同时绑定事件。点击小的会同时触发大的事件。 $(‘.big’).on(‘click’,function (e) { console.log(‘big’)})$(".small").on('click',function (e) { console.log('small')}此时点击小的控制台会同时打印small b
2017-07-29 15:55:34
235
转载 react 遍历
<ul id="ul_rwardList"> { this.state.reward.map(function (item) { return ( <li className="db vh" key={item.id}> <div className="fx1">{item.num
2017-07-26 20:26:38
2538
原创 react 如何获取节点内容
class GetInnerHTml extends React.Component{ handleOpen(event){ //获取span内容 event.target.innerHTML } render(){ return ( <span onClick={this.hand
2017-07-23 22:29:57
6814
1
原创 jquery 无new 思想
核心就是在$.prototype.init.prototype = $.prototype;比如function echart(selector) { return new echart.fn.init(selector)}echart.fn = echart.prototype;echart.fn.init = function (selector) { thi
2017-07-13 23:21:54
295
原创 函数组织方式
写代码总要有模式的第一种 function a(){ } function b(){ } function b(){ } 可以称之为并列模式第二种var config = { a:funciton(){ }, b:function(){ }, c:function(){ } } 可以成为对象模式第三种function AA
2017-07-12 23:32:25
342
原创 js 检测变量是否存在
实际开发过程中，会有判断一个变量是否存在的场景 首先想到的是 if(a==undefined){ console.log("a is undefined") }else{ console.log("a is defiend") }这里会报错，有可能产生阻塞，而且不够优雅 解决方法： if(typeof a!=="undefined"){
2017-07-02 20:13:18
5828
原创 jquery源码对jsonp的解读
/** * Created by ANN on 2017/6/8. */基本语法$.ajax({ url: "http://localhost:18080/get", type: "get", dataType: 'jsonp', jsonpCallback: "baiducallback"}).done(function (data) { con
2017-06-08 22:06:35
1092
原创 jquery跨域 jsonp
最近公司跨域业务比较多，总结一下基本api$.ajax({ async:false, url: "https://localhost:18081/get", type: "GET", dataType: 'jsonp', jsonp: 'callback',／／参数健 jsonpCallback:"jsoncallback"／／参数值，如
2017-06-05 23:01:43
321
原创 requestAnimationFrame简单例子
发现网上讲的太啰嗦var a = 0;function step(){ a++; console.log(a) var g = requestAnimationFrame(step) if(a>=100){ cancelAnimationFrame(g) }}step()注意 cancelAnimati
2017-06-05 20:51:35
1289
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人