1
2
3
4
5
6
1.系统环境: ubutu12.04
出现workbench 无法启动,打开之后闪退现象,记录一下:
解决方法:  
     find / -name  workbench 
     删除 /home/用户名/.mysql/workbench目录
     
1
2
windows 在文件目录的长度有限制,所以windows用户用了node的npm后安装的文件夹node_module都删不了神烦啊!
那解铃还须系铃人,我们执行命令:npm install -g rimraf 然后用命令:rimraf node_modules 就能删除了

默认获取的GET方式的数据

起初以为是个很简单的问题,网上一大片“让nginx日志支持记录POST请求”之类的文章,于是照做,nginx.conf配置为:

    log_format main '$remote_addr\t$remote_user\t[$time_local]\t"$request"\t$status\t$bytes_sent\t'

浏览器区分js加载

eric2014 · 发布于 1 小时前

1
2
3
4
5
6
var fnJsLoad = function(url, callback) {
    callback = callback || function() {};
    var eleScript = document.createElement('script');
    eleScript.onload = function() {
        if (!eleScript.isInited) {
            eleScript.isInited = true;

debug.js @segmentfault

brook · 发布于 1 小时前

1
2
3
4
5
6
"use strict";
 
window.onerror = function (msg, url, line, col, error) {
  if (msg !== "Script error." && !url) {
    return true;
  }
  1. line-height,可以使文字垂直居中,对于行内块状元素,在部分浏览器,也可以达到垂直居中的效果。but,在手机上,部分手机便不起效果。此时还是乖乖设置vertial-align吧。

现象: 在iOS的webview下,设置头部标题fixed定位。当页面的input foucs后,快速滚动页面,fixed定位的头部组件‘掉下来’了。
分析: 经上网查,这是个众所周知的bug。有人建议,不用fixed定位,改为absolute。无奈代码是经过多人一起开发的,改为absolute,需要动到原有代码的布局。
解决: 在iOS手机下,全局监听input,当focus时,将fixed改为absolute,blur改为fixed。

移动端布局

吾曾今愛看武俠劇 · 发布于 11 小时前

1
2
3
4
5
6
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》,意外受到很多朋友的关注和喜欢。但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的方案——rem布局(进阶版)
该方案使用相当简单,把这段 原生JS 放到 HTML 的 head 标签中即可(注:不要手动设置viewport,该方案自动帮你设置)
 
<script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window;t["default"]=i.flex=function(e,t){var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.){5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=a/2*s*n+"px"},e.exports=t["default"]}]); flex(100, 1);</script>
代码原理
这是阿里团队的高清方案布局代码,所谓高清方案就是根据设备屏幕的DPR(设备像素比,又称DPPX,比如dpr=2时,表示1个CSS像素由4个物理像素点组成) 动态设置 html 的font-size, 同时根据设备DPR调整页面的缩放值,进而达到高清效果。

golang字符串拼接效率

fbbin · 发布于 14 小时前

1
2
3
4
5
6
package main
 
import (
        "bytes"
        "fmt"
        "strings"

以后不再选用semantic-ui了

bolelee · 发布于 15 小时前

遇到的一些问题

1

  • 当同时使用semantic-uivue.js, 比如select绑定一个值,当下拉选择了其他值,照理绑定值应同时改变了,但其实并没有;另外赋初始值时,所绑定值已有值,但下拉框却没显示绑定的那个值。后来发现综合使用[semantic select dropdown]'set value', 'clear', 'onChange'vuejsv-modal才可以达到目标。

2

  • checkbox, select dropdowm等若不是在页面初始化的时候就已经存在了,而是某个状态才触发出现的,那么这个checkbox或dropdown经常没有执行了$().dropdowm()之后的效果,而是一个普通的select或checkbox

PC,android 浏览器

  var date = new Date('2017-04-27 12:00:00');
  console.log(date) // Thu Apr 27 2017 12:00:00 GMT+0800 (中国标准时间)   
1
2
3
4
5
6
一:整个区域分为三部分:spaces、graphs、histogram
 
 1,spaces区域:代表虚拟机内存分布情况。从图中可以看出,虚拟机被分为Perm、Old、Eden、S0、S1
 
   注意:如果对每个区域基本概念不是很熟悉的可以先了解下java虚拟机运行时数据区这篇文字。
 

CSS概念:Grid布局

言己 · 发布于 18 小时前

Linux审计功能

dinghb · 发布于 18 小时前

为了满足这样的需求:记录文件变化、记录用户对文件的读写,甚至记录系统调用,文件变化通知。

什么是audit

The Linux Audit Subsystem is a system to Collect information regarding events occurring on the system(s)
syslog会记录系统状态(硬件警告、软件的log), 但syslog属于应用层, log归咎与软件, 并不会记录所有动作. 于是audit来记录更多信息。

  • 添加规则到 /etc/audit/audit.rules(RHEL7为/etc/audit/rules.d/audit.rules) 文件中,实现对重点配置文件的监控(根据实际应用额外添加文件列表)

  • 算法描述:

    1. 创建源顶点 v 到图中所有顶点的距离的集合 distSet,为图中的所有顶点指定一个距离值,初始均为 Infinite,源顶点距离为 0;

    2. 创建 SPT(Shortest Path Tree)集合 sptSet,用于存放包含在 SPT 中的顶点;

    3. 如果 sptSet 中并没有包含所有的顶点,则:

      1. 选中不包含在 sptSet 中的顶点 u,u 为当前 sptSet 中未确认的最短距离顶点;

      2. 将 u 包含进 sptSet;

知识点 --- 正则

Starch · 发布于 19 小时前

匹配中文

简单匹配中文方法: /[^\u0000-\u00FF]/ (匹配非单字节字符 )
具体的匹配中文及字符方法:/[\u4E00-\u9FA5\uF900-\uFA2D]/

说明: u4e00-u9fbf : unicode CJK(中日韩)统一表意字符。u9fa5后至u9fbf为空

CSS の all.css

Starch · 发布于 19 小时前

CSS 文本超出?行就隐藏并且显示省略号

Element{
    overflow:hidden;  //超出隐藏
    text-overflow:ellipsis; //溢出用省略号显示

文件结构

├── bin
│   └── cli            // shell script used by npm
1
2
3
4
5
6
在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如:
 
function ManageCommentText(text) {
    var result = text;
    $.ajax({
        data: "get",

jquery操作表单select

啊哈hl · 发布于 23 小时前

1
2
3
4
5
6
//1、追加元素
$("#m_list").append("<option>总量统计</option>");
$("#m_list").append("<option>有效量统计</option>");
//2、清空元素
$("#m_list").empty();
 
xhr.send({arr:[1,2,3]});

这样提交的结果是会被浏览器解析成

Builder设计模式

arms01 · 发布于 1 天前

  • 结构组成:

    1. Builder:定义一个产品的创建方法的抽象类,这个类中应定义创建产品不同部件的所有接口(BuildPart方法)。
      比如一个设备由:主机、输入部件、输出部件组成。那么这个设备的Builder类就应定义为:

public abstract class EQBuilder{

js hack 低版本 ie 瀏覽器

Doyle · 发布于 1 天前

1
2
3
4
5
if(!/*@cc_on!@*/0)
 
if(!0) // ==> TRUE
    
if(!!0) // ==> FALSE