最新文章

我也写一篇
mademadedeni

// 根据容器ID来渲染行内样式,避免长时间卡顿

https://www.jianshu.com/p/d5f2aa752583

let translateStyle = contentId => {      const sheets = document.styleSheets;      const sheetsArry = Array.from(sheets);      const $content = $('#' + contentId);      sheetsArry.forEach(sheetContent => {        const { rules, cssRules } = sheetContent;        //cssRules兼容火狐        const rulesArry = Array.from(rules || cssRules || []);        rulesArry.forEach( rule => {          const { selectorText, style, styleMap } = rule;          //全局样式不处理          if (selectorText !== '*') {            //兼容某些样式在转换的时候会报错            try {              const select = $content.find(selectorText);              select.each( domIndex => {                const dom = select[domIndex];                let i = 0;                const domStyle = window.getComputedStyle(dom, null)                while (style[i]) {                  //样式表里的className是驼峰式,转换下便对应上了                  const newName = style[i].replace(/-\w/g, function(x){                    return x.slice(1).toUpperCase();                  });                  $(dom).css(style[i], domStyle[newName]);                  i++;                }              })            } catch (e) {              console.log('转换成行内样式失败');            }          }        })      })    }

创建时间: 2019-9-3 修改时间: 2019-9-3
mademadedeni

//根据容器ID来渲染行内样式,避免长时间卡顿

        

创建时间: 2019-9-2 修改时间: 2019-9-2
mademadedeni
<a :href="downloadImg" download="code.jpg"><el-button @click="loadImg">下载二维码</el-button></a>

rqcode.js生成二维码
canvas: qrcode._oDrawing._elCanvas
img: qrcode._oDrawing._elImage

this.qrcode = new QRCode(document.getElementById("qrcode"), {
                text: this.publishPath,
                width: 128,
                height: 128,
                colorDark : "#000000",
                colorLight : "#ffffff",
                correctLevel : QRCode.CorrectLevel.H
            });

href = qrcode._oDrawing._elImage.src


downloadImg(){
            var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a");
            save_link.href = this.qrcode._oDrawing._elImage.src;
            save_link.download = "code.jpg";
            var event = document.createEvent('MouseEvents');
            event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            save_link.dispatchEvent(event);
        }


创建时间: 2019-9-2 修改时间: 2019-9-2
mademadedeni
window.getComputedStyle(el)["padding-bottom"];


创建时间: 2019-8-4 修改时间: 2019-8-4
mademadedeni

value-key  是帮到select身上不是option!!!!坑啊!

例子:

<el-select class="wid300" v-model="faculty.users" multiple collapse-tags placeholder="请选择">
    <el-option v-for="user in users" :key="user.id" :label="user.name" :value="user" :value-key="user.id">
    </el-option>
</el-select>


创建时间: 2019-7-4 修改时间: 2019-7-4
mademadedeni

语法

zip [-AcdDfFghjJKlLmoqrSTuvVwXyz$][-b <工作目录>][-ll][-n <字尾字符串>][-t <日期时间>][-<压缩效率>][压缩文件][文件...][-i <范本样式>][-x <范本样式>]

参数:


-A 调整可执行的自动解压缩文件。

-b<工作目录> 指定暂时存放文件的目录。

-c 替每个被压缩的文件加上注释。

-d 从压缩文件内删除指定的文件。

-D 压缩文件内不建立目录名称。

-f 此参数的效果和指定"-u"参数类似,但不仅更新既有文件,如果某些文件原本不存在于压缩文件内,使用本参数会一并将其加入压缩文件中。

-F 尝试修复已损坏的压缩文件。

-g 将文件压缩后附加在既有的压缩文件之后,而非另行建立新的压缩文件。

-h 在线帮助。

-i<范本样式> 只压缩符合条件的文件。

-j 只保存文件名称及其内容,而不存放任何目录名称。

-J 删除压缩文件前面不必要的数据。

-k 使用MS-DOS兼容格式的文件名称。

-l 压缩文件时,把LF字符置换成LF+CR字符。

-ll 压缩文件时,把LF+CR字符置换成LF字符。

-L 显示版权信息。

-m 将文件压缩并加入压缩文件后,删除原始文件,即把文件移到压缩文件中。

-n<字尾字符串> 不压缩具有特定字尾字符串的文件。

-o 以压缩文件内拥有最新更改时间的文件为准,将压缩文件的更改时间设成和该文件相同。

-q 不显示指令执行过程。

-r 递归处理,将指定目录下的所有文件和子目录一并处理。

-S 包含系统和隐藏文件。

-t<日期时间> 把压缩文件的日期设成指定的日期。

-T 检查备份文件内的每个文件是否正确无误。

-u 更换较新的文件到压缩文件内。

-v 显示指令执行过程或显示版本信息。

-V 保存VMS操作系统的文件属性。

-w 在文件名称里假如版本编号,本参数仅在VMS操作系统下有效。

-x<范本样式> 压缩时排除符合条件的文件。

-X 不保存额外的文件属性。

-y 直接保存符号连接,而非该连接所指向的文件,本参数仅在UNIX之类的系统下有效。

-z 替压缩文件加上注释。

-$ 保存第一个被压缩文件所在磁盘的卷册名称。

-<压缩效率> 压缩效率是一个介于1-9的数值。


实例


将 /home/html/ 这个目录下所有文件和文件夹打包为当前目录下的 html.zip:

zip -q -r html.zip /home/html

如果在我们在 /home/html 目录下,可以执行以下命令:

zip -q -r html.zip *

从压缩文件 cp.zip 中删除文件 a.c

zip -dv cp.zip a.c

创建时间: 2019-1-2 修改时间: 2019-1-2
mademadedeni
  1. 案例库管理

  2. 用户账号信息-git密码优化

  3. 用户管理-导入学员优化

  4. 优化 el-scrollbar

  5. 直播列表,新建直播页面优化

创建时间: 2018-12-1 修改时间: 2019-1-2
mademadedeni

#查看mysql日志 cat /var/log/mysqld.log #删除mysql yum remove mysql-server #安装mysql yum install  mysql-server #查看mysql-server的版本 rpm -qi mysql-server #查看mysql 的启动状态 service mysqld status #设置mysqld服务开机自动启动 chkconfig mysqld on #通过该命令给root账号设置密码为 root mysqladmin -u root password 'root' #登录mysql数据库 mysql -u root -p /etc/my.cnf 这是mysql的主配置文件 /var/lib/mysql   mysql数据库的数据库文件存放位置 #查看Linux系统是否在监听 3306 这个端口号 netstat -anp | more #安全模式登陆mysql 跳过验证 mysqld_safe --skip-grant-tables & #设置新密码 update mysql.user set authentication_string=password('root') where user='root' #保存 flush privileges; #退出 quit; #授权任意ip远程连接数据库 GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY 'root' WITH GRANT OPTION; FLUSH PRIVILEGES;//保存生效 #处理安全模式登陆后修改密码,再次登陆后可能出现的错误 #ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO) SET PASSWORD = PASSWORD('123456'); #pm2路径 /opt/node-v8.6.0-linux-x86/bin/pm2 #淘宝镜像地址 npm install packageName --registry=https://registry.npm.taobao.org //查看文件 -500 从倒数500行开始读 tail -500f log.log //pm2常用命令 http://www.jianshu.com/p/e709b71f12da #nginx命令 启动:nginx # 强制停止nginx服务器,如果有未处理的数据,丢弃 停止:nginx -s stop # 优雅的停止nginx服务器,如果有未处理的数据,等待处理完成之后停止 nginx -s quit #linux下nginx命令 启动 cd /usr/local/nginx/sbin ./nginx 停止 #查询nginx主进程号 ps -ef | grep nginx #停止进程 kill -QUIT 主进程号 #快速停止 kill -TERM 主进程号 #强制停止 pkill -9 nginx #git 生成ssh秘钥 1.打开git bash 输入 ssh-keygen -t rsa -C "1623685118@qq.com" 2.打开C:Usersliujianzeng.ssh 目录下id_rsa.pub文件复制秘钥 3.登陆gitHub 进入个人中心(Personal settings)选择 SSH and GPG keys 4.然后点击New SSH key 新建一个key title随意写,粘贴key确定即可。 3.测试是否成功在git bash输入ssh -T git@github.com 如果是第一次的会提示是否continue,输入yes回车再输入密码后就会看到:You’ve successfully authenticated, but GitHub does not provide shell access 。这就表示已成功连上github。 #git 提交项目 1.git add [file name or .]点代表所有 2.git status 查看添加状态 3.git commit -a -m 提交;-a提交修改不需要add命令,-m注释 4.git push origin master 提交到服务器 #vim 命令行出入 u 为撤销上一步输入 命令行Ctrl+r 恢复上一步被撤销的操作 #linux ls -a可以显示该目录下的所有文件(包括隐藏文件)。 rmdir -rf filename 删除文件或文件夹命令(-r:递归删除  -f:忽略不存在文件,从不提示)

-------------重启服务器----------------
启动nginx
cd /usr/local/nginx/sbin
./nginx

启动Redis
cd /redis-4.0.9/src
pm2 start redis-server

启动client服务
cd /root/webapp/liushiyizu/client
pm2 -n client start ./bin/www
启动server服务
cd /root/webapp/liushiyizu/server
pm2 -n server start ./bin/www

#检查服务是否都启动了
ps -ef | grep nginx  //nginx 是两个进程
ps -ef | grep redis  //redis 是一个进程
service mysqld status //mysql running...

#正常状态
┌──────────┬────┬──────┬───────┬────────┬─────────┬────────┬─────┬───────────┬──────┬──────────┐
│ App name │ id │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem       │ user │ watching │
├──────────┼────┼──────┼───────┼────────┼─────────┼────────┼─────┼───────────┼──────┼──────────┤
│ redis    │ 2  │ fork │ 19548 │ online │ 0       │ 3m     │ 0%  │ 1.9 MB    │ root │ disabled │
│ server   │ 1  │ fork │ 16507 │ online │ 0       │ 49m    │ 0%  │ 26.6 MB   │ root │ disabled │
│ www      │ 0  │ fork │ 3806  │ online │ 0       │ 3D     │ 0%  │ 41.9 MB   │ root │ disabled │
└──────────┴────┴──────┴───────┴────────┴─────────┴────────┴─────┴───────────┴──────┴──────────┘

创建时间: 2018-7-3 修改时间: 2019-1-2
mademadedeni

1:保存退出

wq

2:放弃编辑退出

q!

创建时间: 2018-12-1 修改时间: 2018-12-5
mademadedeni
  1. 点击元素之外的地方事件处理,来源于饿了么的clickoutside.js 简书上有个防饿了么实现的js。
        https://www.jianshu.com/p/d3ba2dc16cb1

    原生js支持方法 el.contains(el) ,该方法是判断当前元素是否是自动后代元素。

document.addEventListener('click', function(e){
                if (!_this.$refs.selectTree.contains(e.target)){
                    _this.isShowTree = false;
                }
            });


创建时间: 2018-12-0 修改时间: 2018-12-0
共 15 条
  • 1
  • 2