发布于 04月03, 2020

整理vue脚手架常用的相关配置

一、共享全局CSS变量

1.实际项目开发中,有时候需要向 webpack 的预处理器 loader 传递选项。 _@vue\cli 3.x+ (4.x+版本) _可以使用 vue.config.js(默认没有可以在根目录创建文件) 中的 css.loaderOptions 选项。这样可以向所有 Sass/Less 样式传入共享的全局变量:

// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      // 给 sass-loader 传递选项
      sass: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.sass` 这个文件
        // 注意:在 sass-loader v7 中,这个选项名是 "data"
        prependData: `@import "~@/variables.sass"`
      },
      // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
      // 因为 `scss` 语法在内部也是由 sass-loader 处理的
      // 但是在配置 `data` 选项的时候
      // `scss` 语法会要求语句结尾必须有分号,`sass` 则要求必须没有分号
      // 在这种情况下,我们可以使用 `scss` 选项,对 `scss` 语法进行单独配置
      scss: {
        prependData: `@import "~@/variables.scss";`
      },
      // 给 less-loader 传递 Less.js 相关选项
      less:{
        // http://lesscss.org/usage/#less-options-strict-units `Global Variables`
        // `primary` is global variables fields name
        globalVars: {
          primary: '#fff'
        }
      }
    }
  }
}

阅读全文 »

发布于 01月08, 2020

阿里云Linux系统漏洞修复

RHSA-2019:0483-中危: openssl 安全和BUG修复更新

yum update openssl && yum update openssl-libs

RHSA-2019:0194-中危: bind 安全更新

yum update bind-libs-lite && yum update bind-license

或直接使用 yum update -y 更新后,重启服务器; RHSA-2018:3665-重要: NetworkManager 安全更新

yum update NetworkManager && yum update NetworkManager-libnm && yum update NetworkManager-team && yum update NetworkManager-tui && yum update NetworkManager-wifi

RHSA-2018:3032-低危: binutils 安全和BUG修复更新

yum update binutils

RHSA-2019:0049-重要: systemd 安全更新

yum update systemd && yum update systemd-libs && yum update systemd-sysv

RHSA-2018:0014-重要: linux-firmware 安全更新

yum update iwl2030-firmware && yum update iwl5000-firmware && yum update iwl100-firmware && yum update iwl105-firmware && yum update iwl3945-firmware && yum update iwl135-firmware && yum update iwl6050-firmware && yum update iwl3160-firmware&& yum update iwl2000-firmware && yum update iwl6000g2b-firmware && yum update iwl6000-firmware && yum update iwl6000g2a-firmware && yum update iwl1000-firmware && yum update iwl7260-firmware && yum update iwl4965-firmware && yum update iwl5150-firmware

RHSA-2019:1168-重要: 内核 安全更新

yum update kernel && yum update kernel-devel && yum update kernel-headers && yum update kernel-tools && yum update kernel-tools-libs && yum update python-perf

RHSA-2019:1587-重要: python 安全更新

yum upgrade perl && yum upgrade perl-Pod-Escapes && yum upgrade perl-libs && yum upgrade perl-macros

RHSA-2018:3408: git security update

yum update git && yum update perl-Git

RHSA-2018:3221: openssl security, bug fix, and enhancement update

yum update openssl && yum update openssl-devel && yum update openssl-libs

RHSA-2018:3059-低危: X.org X11 安全和BUG修复更新

yum update libXfont &&yum update libxcb&&yum update xorg-x11-font-utils&&yum update xorg-x11-utils&&yum update libX11&&yum update libX11-common&&yum update mesa-libgbm&&yum update mesa-libglapi&&yum update mesa-libGL&&yum update mesa-libEGL&&yum update libdrm

RHSA-2018:1700-重要: procps-ng 安全更新

yum update procps-ng

RHSA-2014:1671-中危: rsyslog5 和 rsyslog 安全更新

yum update rsyslog

RHSA-2014:1974-重要: rpm 安全更新

yum update rpm && yum update rpm-build && yum update rpm-libs && yum update rpm-python

RHSA-2019:0679-重要: libssh2 安全更新

yum update libssh2

RHSA-2018:3157: curl and nss-pem security and bug fix update 基本信息漏洞分类: 拒绝服务信息泄露拒绝服务

yum update curl && yum update libcurl && yum update libcurl-devel && yum update nss-pem

RHSA-2019:0368-重要: systemd 安全更新

RHSA-2019:1228-重要: wget 安全更新

RHSA-2019:1294-重要: bind 安全更新

RHSA-2019:0483-中危: openssl 安全和BUG修复更新

RHSA-2019:0230-重要: polkit 安全更新

RHSA-2019:1884-中危: libssh2 安全更新

RHSA-2019:1880-低危: curl 安全和BUG修复更新

以上此类漏洞或可通过执行

yum update -y 进行整体更新,重新启动服务器即可。

阅读全文 »

发布于 07月06, 2019

整理JavaScript(ES5)常用基础函数

一、JS判断数组中是否包含某个元素

方法一:arr.indexOf(某元素):未找到则返回 -1。

实际用法:if(arr.indexOf(某元素) > -1){ //则包含该元素 }

例:

1.var arr = ["aa", "bb", "cc", "dd"];

2.var a = arr.indexOf("cc"); // 2

3.//以上输出结果意味着 "cc" 元素位于数组中下标为 2 的位置。

indexOf()完整语法:

array.indexOf(item,start)

参数:

item:必须。查找的元素。

start:可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

例:

1.var arr = ["aa","bb","cc","dd","aa","bb","cc"];

2.var a = arr.indexOf("cc",4); // 6

注:string.indexOf()返回某个指定的字符串值在字符串中首次出现的位置。

1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。

stringObject 中的字符位置是从 0 开始的。

查找字符串最后出现的位置,使用 lastIndexOf() 方法。

方法二:arr.find()

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数,所有数组元素依次遍历该回调函数,直到找出第一个返回值为true的元素,然后返回该元素,否则返回undefined。

find() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。

如果没有符合条件的元素返回 undefined

注意: find() 对于空数组,函数是不会执行的。

注意: find() 并没有改变数组的原始值。

[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) // 10

实际用法:

arr.find(function(value) {

if(value === 要查找的值) {

   //则包含该元素
}
})

方法三:array.findIndex()

array.findIndex()和array.find()十分类似,返回第一个符合条件的数组元素的位置,如果所有元素都不符合条件,则返回-1。 findIndex() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。 如果没有符合条件的元素返回 -1

注意: findIndex() 对于空数组,函数是不会执行的。 注意: findIndex() 并没有改变数组的原始值

[1,5,10,15].findIndex(function(value, index, arr) {
return value > 9;
}) // 2.  

方法二和方法三,这两个方法都可以发现NaN,弥补了方法一IndexOf()的不足。

[NaN].2.dexOf(NaN) 
//-1

[Na3..findIndex(y => Object.is(NaN, y))
// 0

方法四:for()

遍历数组,然后 if 判断

var arr = [1, 5, 10, 15];
//传统for
for(let i=0; i<arr.length; i++) {
    if(arr[i] === 查找值) {
        //则包含该元素
    }
}
// for...of
for(v of arr) {
    if(v === 查找值) { 
        //则包含该元素
    }
}
// forEach
arr.forEach(v=>{
   if(v === 查找值) {
        //则包含该元素
   }
})

[引用:https://blog.csdn.net/lm9521/article/details/84778966]

阅读全文 »

发布于 12月26, 2018

整理一些node常用操作

一、node安装 、升级、卸载相关操作

1.通过源码安装node

准备工作,确保已安装gcc:

yum -y install gcc make gcc-c++ openssl-devel wget

下载源码及解压(国内可用淘宝镜像):

//下载
wget https://npm.taobao.org/mirrors/node/v7.3.0/node-v7.3.0.tar.gz

//解压
tar -zvxf node-v7.3.0.tar.gz

编译及安装:

cd node-v7.3.0  (进入解压后的目录)
./configure     (应该是获取编译列表)
make && make install  (执行编译,时间很长)

查看安装:

node -v

2.升级node版本

node自带模块n,原来管理node版本;

npm install -g n

升级最新稳定版本:

n stable

或设置版本号升级:n + 版本号

n v0.10.26
或者
n 0.10.26

npm更新到最新版本:

npm install -g npm

常用命令:

npm -v          #显示版本,检查npm 是否正确安装。

npm install express   #安装express模块

npm install -g express  #全局安装express模块

npm list         #列出已安装模块

npm show express     #显示模块详情

npm update        #升级当前目录下的项目的所有模块

npm update express    #升级当前目录下的项目的指定模块

npm update -g express  #升级全局安装的express模块

npm uninstall express  #删除指定的模块

3.卸载 npm 和 Node.js

先卸载 npm:

sudo npm uninstall npm -g

然后卸载 Node.js

如果是 Ubuntu 系统并使用 apt-get 安装的,可直接执行:

sudo apt-get remove nodejs

homebrew安装的, 直接执行命令

brew uninstall node

官网下载pkg安装包的,可执行:

sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

其他途径安装,可执行脚本删除:

编辑 uninstallnode.sh
#!/bin/bash
lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \
| while read i; do
  sudo rm /usr/local/${i}
done
sudo rm -rf /usr/local/lib/node \
     /usr/local/lib/node_modules \
     /var/db/receipts/org.nodejs.*

修改文件权限

chmod 777 uninstallNodejs.sh 

然后在命令行执行

阅读全文 »

发布于 12月25, 2018

整理PHP7.0+的一些变化

整理PHP7.0+的一些变化

1.PHP7.2 count( ) 参数类型更加严格

示例:
echo count('112233');  
list(,$v) = each($_GET);  
报错信息如下:
Warning: count(): Parameter must be an array or an object that implements Countable in ****

Deprecated: The each() function is deprecated. This message will be suppressed on further calls in ***  

可见在php7.2下,count函数仅支持参数为数组, 非数组情况下将报警告. 
解决方法如,增加 is_array 判断:
if(is_array($arr)){  
  count($arr);  
} 

此类报错信息:Warning: count(): Parameter must be an array or an object that implements Countable

这主要是7.2版本更新,部分函数处理更加严谨, 当传递一个无效参数的时候,count()函数会抛出warning的警告

解决办法

1.如果是使用类似composer安装的框架报错,可以尝试 composer update修复。

2.尽量不要传递无效的参数执行count,做好校验判断预防报错。

阅读全文 »

发布于 08月20, 2018

整理一些Linux服务器运维相关的问题

一、Failed to start SYSV: Nginx is an HTTP(S) server, HTTP(S) reverse

情况:centos7直接重启nginx时,有时会遇见报错,一般会出现在编写完nginx启动脚本以后试着启动nginx时出现。

这里其实没什么问题,只是很多时候我们都先用/usr/local/nginx/sbin/nginx来启动了nginx。

只要找到这个进程kill掉以后,再执行/etc/rc.d/init.d/nginx start就一切正常了; 或者尝试先stop服务,在start一下

二、在Linux系统下,使用cat查看含有中文的文本正常,但是使用vim打开却是乱码

解决方法:

方法一: 在文件中设定

在vim的退出模式下  :set encoding=utf8

方法二:

直接写入/etc/vim/vimrc文件,在/etc/vim/vimrc文件末尾加上

set fileencodings=utf-8,ucs-bom,gb18030,gbk,gb2312,cp936
set termencoding=utf-8
set encoding=utf-8

阅读全文 »

发布于 08月20, 2018

整理一些composer相关问题

1.composer install, mmap() failed: [12] Cannot allocate memory

阿里云centos7环境中,内存1G, 执行composer require Library 时候出现反错误,

mmap() failed: [12] Cannot allocate memor

可以尝试一下操作:

1.查看服务器中是否提交了composer.lock文件,若没有,提交composer.lock文件后执行composer install(假设题主使用了版本控制,本地开发,服务器同步)

2.查看当前PHP版本,如果不是最新版(PHP7),则升级至最新版

3.如果以上解决不了,则考虑是否Linux系统安装时没有创建Swapfile,尝试创建后重试

4.另外,可以考虑增加php.ini配置文件中对_**内存大小的限制**_memory_limit

或者可以尝试增加 swap 空间大小解决该问题:

/bin/dd if=/dev/zero of=/var/swap.1 bs=1M count=1024
/sbin/mkswap /var/swap.1
/sbin/swapon /var/swap.1

阅读全文 »

发布于 08月03, 2018

整理一些Mysql的常用简单查询

1.mysql查询最近30天、7天、每天、昨天、上个月的记录

变量说明:
add_time为插入的时间
to_days是sql函数,返回的是个天数
data_sub(date,INTERVAL expr type)给指定的日期减去多少天
data()函数返回日期或日期/时间表达式的日期部分。
curdate()函数返回当前的日期 y-m-d
data_format 用于以不同的格式显示日期/时间数据
period_diff(p1,p2)返回周期P1和P2之间的月数。 P1和P2格式为YYMM或
YYYYMM。注意周期参数 P1 和 P2 都不是日期值

1、查询今天的所有记录:
 (1)add_time字段,该字段为int(5)类型的
   select * from `article` where to_days(date_format(from_UNIXTIME(`add_time`),'%Y-%m-%d')) = to_days(now());
(2)add_time字段是DATETIME类型或者TIMESTAMP类型的
   select * from `article` where to_days(`add_time`) = to_days(now());

2、查询昨天的所有记录
    select * from `article` where to_days(now()) = 1 + to_days(`add_time`);

3、近7天的信息记录:
    select * from `article` where date_sub(curdate(), INTERVAL 7 DAY) <= date(`add_time`);

4、近30天的信息记录:
    select * from `article` where date_sub(curdate(), INTERVAL 30 DAY) <= date(`add_time`);

5、查询本月的记录
    select * from `article` where date_format(`add_time`, ‘%Y%m') = date_format(curdate() , ‘%Y%m');

6、上一个月的记录
    select * from `article` where period_diff(date_format(now() , ‘%Y%m') , date_format(`add_time`, ‘%Y%m')) =1;

7、查询最近7天内过生日的用户
SELECT username, birthday
FROM user
WHERE date_format( birthday, '%m%d' ) 
BETWEEN date_format( now( ) , '%m%d' ) 
AND date_format( date_add( now( ) , INTERVAL 7 
DAY ) , '%m%d' )

阅读全文 »

发布于 06月25, 2018

整理一些多域名站点配置相关的问题

一、Nginx 配置PC或移动端访问不同域名: 1.统一站点目录,区分pc和移动端,不如:www.test.com & m.test.com, Nginx配置文件加跳转,通过user-agent判断移动端还是PC:

 server {
     listen 80;
     server_name www.test.com test.com; // 域名
     // 判断user-agent跳转
     if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ 
        rewrite  ^/(.*)$  https://m.test.com$uri redirect; // redirect表示302跳转
     }
}  
 server {
     listen 80;
     server_name m.test.com;// 域名
    // ~前加个!,如果不是移动端访问,则跳转pc。
    if ( $http_user_agent !~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){         
         rewrite  ^/(.*)$  https://www.test.com$uri redirect; // redirect表示302跳转
 }  

阅读全文 »

发布于 06月22, 2018

整理一些微信小程序开发的问题

一、小程序开发中涉及到适配iphone X的情况,主要解决思路: 1.获取设备型号:

cont app = getApp();
wx.getSystemInfo({
    success: function(res) {
      //model中包含着设备信息
      console.log(res.model)
      var model = res.model
      if (model.search('iPhone X') != -1){
           app.globalData.isIpx = true;
       }else{
          app.globalData.isIpx = false;
       }
    }
})

2.根据不同的设备,设置不同的css样式,例如:

xx.js
  data: {
   pBottom: "",
   pClass: ''
  },
  //在这里只需要判断是不是iphone X,然后设置下padding-bottom:即可
  onLoad: function (options) {
    let isPhone = app.globalData.isIpx;
    if(isPhone){
      this.setData({
        pBottom: "68rpx",
        pClass: 'ipx'
      })
    }
}
xx.wxml
<view class='contentView {{pClass}}' style="padding-bottom:{{pBottom}}">
***
</view>
xx.wxss
.contentView{
  width: 100%;
  background-color: #ffffff;
}
.contentView.ipx{
  background-color: #3d97f2;
}

二、微信小程序解析html

1.下载wxParse,github地址:https://github.com/icindy/wxParse; 2.把下载文件里的wxParse目录复制到小程序项目下,目录可自定义,示例为wxParse; 3.具体使用: 1)全局引用 在app.wxss文件中引入wxParse的样式:

@import "/page/wxParse/wxParse.wxss";

2)在需要解析html内容的页面对应的js文件里引入wxParse:

var WxParse = require('../../wxParse/wxParse.js');

3)通过调用WxParse.wxParse方法来设置html内容:

WxParse.wxParse(bindName , type, data, target,imagePadding)
1.bindName绑定的数据名(必填)
2.type可以为html或者md(必填)
3.data为传入的具体数据(必填)
4.target为Page对象,一般为this(必填)
5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)

4) 在解析的文件对应的js文件里面写入:

Page({
    data: { },
    onLoad: function () {
       var that = this;
          wx.request({
            url: '', 
            method: 'POST',
            data: {
                'id':13
            },
            header: {
              'content-type': 'application/json'
           },
           success: function(res) {
              var article = res.data[0].post;    //具体数据及字段根据实际情况设定
              WxParse.wxParse('article', 'html', article, that,5);
           }
       })
    }
})

5)在解析的文件的wxml文件里引入:

<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

阅读全文 »