var

花了大半天看了一个八十几行的代码..心累 力导向图是之前就有画过很多次的东西，但是这次的代码看上去很陌生，然后发现是D3更新了4.0.... 先贴代码 var svg = d3.select("svg"), width = +svg.attr("width"), height = +svg.attr("height"); var color = d3.scaleOrdinal(d3.schemeCategory20); var simulation = d3.forceSimulation() .force("link",d3.forceLink().id(function(d){return d.id;})) .force("charge",d3.forceManyBody()) .force("center",d3.forceCenter(width/2,height/2)); d3.json("miserables.json",function(error,graph){ if(error) throw error; var link = svg.append("g") .attr("class","links") .selectAll("line") .data(graph.links) .enter().append("line") .attr("stroke-width

　 上一篇博文中我们快速的介绍了dapper的一些基本CURD操作，也是我们manipulate db不可或缺的最小单元，这一篇我们介绍下相对复杂 一点的操作，源码分析暂时就不在这里介绍了。 一：table sql 为了方便，这里我们生成两个表，一个Users，一个Product，sql如下： <1> Users table CREATE TABLE [dbo].[Users]( [UserID] [int] IDENTITY(1,1) NOT NULL, [UserName] [varchar](50) NULL, [Email] [varchar](100) NULL, [Address] [varchar](100) NULL, CONSTRAINT [PK_Users] PRIMARY KEY CLUSTERED ( [UserID] ASC )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY] ) ON [PRIMARY] <2> Product table CREATE TABLE [dbo].[Product]( [ProductID] [int]

CSS3有实现类似瀑布流布局的属性column，但是遗憾的是这种布局是纵向布局而不支持横向布局。所以比较合适用于文字多列布局。 调用JQuery WaterFall布局插件： http://masonry.desandro.com/ HTML其中要定义一个容器： <div id="container"> <div class="item">...</div> <div class="item w2">...</div> <div class="item">...</div> ... </div> 用JAVASCRIPT初始化 var container = document.querySelector('#container'); var msnry = new Masonry( container, { // options columnWidth: 200, itemSelector: '.item' }); 在HTML元素上初始化 <div id="container" class="js-masonry" data-masonry-options='{ "columnWidth": 200, "itemSelector": ".item" }'> 使用JQuery实例化 var $container = $('#container'); // initialize

自己总结了一些JS面试题 希望能够帮助正在找工作的程序猿(●´∀｀●) 1.js 实现一个函数对javascript中json 对象进行克隆 var oldObject ="sdf"; var newObject = JSON.parse(JSON.stringify(oldObject)); console.log(newObject); 或者 var a = 'dddd'; function cp(a){return JSON.parse(JSON.stringify(a))} console.log(cp(a)); 2.js 实现 ajax 请求或者submit请求时 锁屏功能以及开锁功能（请求时界面Loading以及元素不能点击，请求完成即消除Loading） function(url, fn) { var obj = new XMLHttpRequest(); // XMLHttpRequest对象用于在后台与服务器交换数据 obj.open('GET', url, true); obj.onreadystatechange = function() { if(obj.readyState == 4 && obj.status == 200||obj.status == 304) { loading.style.display = "none" } else {

js判断客户端是否是IOS或者是Android //如果返回true 则说明是Androidfunction is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; 　 } } js判断手机操作系统(ios或者是Android) $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isAndroid) { //这个是安卓操作系统 } if (isIOS) { 　　　　//这个是ios操作系统 } }); js判断是否是电脑端 //如果返回的是false说明当前操作系统是手机端，如果返回的是true则说明当前的操作系统是电脑端function IsPC() {

最近在研究直播 需要做一个webIM 聊天的功能 找到了这个socket.io 从 http://www.plhwin.com/2014/05/28/nodejs-socketio/ 和 socket.io官网 https://socket.io/get-started/chat/ 学到很多 ， 下面的代码也是基于这两篇文章，感谢 他们让我学到新的知识 搭建聊天室 首先需要一个用nodeJs 搭建的server 第一步： 在任意一个位置创建一个 文件夹 ，一会要将js、html等文件放在其中 我创建的是chat文件夹。 第二步： 要把运行node的环境搭好，上node官网 下载一个，安装上 就可以了， 一切准备就绪后打开 node.js command prompt 也就是那个黑的框框 ，进入到你当前的工作路径， 我的是D:\my\chat 第三步： 在你刚刚创建的目录下 创建一个index.js,搭建node server，代码如下： var express = require('express'); var app = express(); var http = require('http').Server(app); app.get('/', function(req, res){ res.send("hello"); }); http.listen(3001,

3 月，跳不动了？>>> 第16课：上接第15课 6) 部署从服务器 在DNS域名解析服务中，从服务器可以从主服务器上获取指定的区域数据文件，从而起到备份解析记录与负载均衡的作用，通过部署从服务器可以减轻主服务器的负载压力，还可以提升用户的查询效率。 6.1) 在主服务器192.168.10.10的区域配置文件/etc/named.rfc1912.zones中配置允许从服务器192.168.10.20地址的更新请求，即修改allow-update {允许更新区域信息的主机地址;};参数，然后重启主服务器的DNS服务程序。 [root @linuxprobe ~]# vim /etc/named.rfc1912.zones zone "linuxprobe.com" IN { type master; file "linuxprobe.com.zone"; allow-update { 192.168.10.20; }; }; zone "10.168.192.in-addr.arpa" IN { type master; file "192.168.10.arpa"; allow-update { 192.168.10.20; }; }; [root @linuxprobe ~]# systemctl restart named 6.2) 在从服务器192.168.10

rsyslog 因为路由器我设定每天重启，但是日志一重启就会清除，并且路由器最多只能保存1024条记录，所以我想把路由器的日志记录到一台服务器上，发现路由器包含远程日志功能 于是我就在我的centos7服务器配置了下rsyslog，把日志记录到这里 编辑 服务端 的 /etc/rsyslog.conf 文件 注意下中文注释地方 # rsyslog configuration file # For more information see /usr/share/doc/rsyslog-*/rsyslog_conf.html # If you experience problems, see http://www.rsyslog.com/doc/troubleshoot.html #### MODULES #### # The imjournal module bellow is now used as a message source instead of imuxsock. $ModLoad imuxsock # provides support for local system logging (e.g. via logger command) $ModLoad imjournal # provides access to the systemd journal #

JavaScript规范 目录 类型 对象 数组 字符串 函数 属性 变量 条件表达式和等号 块 注释 空白 逗号 分号 类型转换 命名约定 存取器 构造器 事件 模块 jQuery ES5 兼容性 HTML、CSS、JavaScript分离 使用jsHint 前端工具 类型 原始值 : 相当于传值(JavaScript对象都提供了字面量)，使用字面量创建对象。 string number boolean null undefined var foo = 1, bar = foo; bar = 9; console.log(foo, bar); // => 1, 9 复杂类型 : 相当于传引用 object array function var foo = [1, 2], bar = foo; bar[0] = 9; console.log(foo[0], bar[0]); // => 9, 9 对象 使用字面值创建对象 // bad var item = new Object(); // good var item = {}; 不要使用保留字 reserved words 作为键 // bad var superman = { class: 'superhero', default: { clark: 'kent' }, private: true }; // good var

html，css部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style media="screen"> #main{ width: 320px; height: 480px; background: url('img/game_bg.jpg') 0 0 no-repeat; position: relative; margin: 50px auto; } #wolfBox div{ width: 108px; height: 101px; cursor: pointer; position: absolute; background-repeat: no-repeat; } #menu{ position: absolute; left: 0px; top:200px; width: 100%; } #menu a{ display: block; text-decoration: none;