admin 发布于 07月06, 2019

整理JavaScript常用函数

一、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]

阅读全文 »

admin 发布于 04月23, 2019

WebStorm For Mac 破解部分汉化

  1. webstorm官方下载 Version: 2019.1.1 Build: 191.6707.60 Released: April 17, 2019

下载地址:https://www.jetbrains.com/webstorm/download/#section=mac alt

下载完直接安装。

2.屏蔽联网操作,mac下:打开Finder - >按快捷键组合Shift + Command + G三个组合按键,并输入Hosts文件的所在路径:/ etc / hosts,找到hosts文件拷贝一份到桌面添加0.0.0.0 account.jetbrains.com 然后替换/ etc / hosts。 添加如下(打开注释):

alt

3.破解网站:http://idea.lanyus.com/ alt

alt

WebStorm运行后出现如下页面的时候第一行选择Activate,第二行选择Activation code,将第三条的注册码复制里面就ok啦

alt

4.

  1. 汉化包下载: 链接: https://pan.baidu.com/s/1mkeuNkz8CAZIoPwMcCOWZw 密码: 4rca2.

把下载的汉化包resources_zh_CN_WebStorm_2018.2_r1.jar文件复制到你的安装目录下的lib文件夹里,重启webstorm,就是汉化界面了。

默认安装目录:访达(finder)=>应用程序=>找到webstorm=>显示包内容=>Contents文件夹=>将下载的文件放入lib文件夹 alt

阅读全文 »

admin 发布于 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 

然后在命令行执行

阅读全文 »

admin 发布于 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,做好校验判断预防报错。

阅读全文 »

admin 发布于 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

阅读全文 »

admin 发布于 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

阅读全文 »

admin 发布于 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' )

阅读全文 »

admin 发布于 07月03, 2018

整理一些Windows开发环境相关问题

一、Windows系统下SVN服务器搭建与代码自动同步Web站点

1、SVN服务端和客户端的安装

下面示例以VisualSVN Server来作为搭建svn的服务器,首先下载软件: https://www.visualsvn.com/downloads/,下载完成直接运行。

1-1.安装与设置

alt

这里选择是SVN Server and administration tools

alt

设置svn server安装的位置,已经仓库的位置

alt

选择Repository的类型

alt

配置完成之后可以新建一个Repository,这里创建了一个名CywTestRepository(自定义命名)

alt

alt

这里可以配置用户,控制用户的权限

alt

之后就算是创建完成了svn server。

alt

1-2.svn client的使用

本地check检出:

alt

1.3.实现web站点同步

利用SVN的hooks 实现将SVN服务器上的数据同步到Web服务器,找到SVN Server中的仓库(Repositories)文件夹的位置,在相应的项目文件夹中找到hooks文件夹,添加一个post-commit.bat文件;当有commit动作发生时(提交到SVN Server时)就会执行这个post-commit.bat文件,如下图所示:

alt

注释: post-commit.bat里的内容如下:

"E:\VisualSVN\bin\svn.exe" update "E:\WWWWeb\TestProject" --quiet --username 账户 --password 密码 “E:\VisualSVN\bin\svn.exe” 是你的SVN服务器安装的地址,“E:\WWWWeb\TestProject”是你的web站点目录

1.4更改SVN服务端权限(没有可忽略)

如果遇到SVN服务端权限的问题,比如如下图的错误:

alt

原因是Visual SVN Server服务的执行权限不够,不能对指定目录做读写操作。解决办法,修改Visual SVN Server简单操作 win+R 运行 services.msc 找到visual svn server 服务,右键属性-》登陆面板-》设置桌面交互或者管理员权限。如下图:

alt

阅读全文 »

admin 发布于 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跳转
 }  

阅读全文 »

admin 发布于 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}}"/>

阅读全文 »