董叔叔

作者： admin

  • vue服务器渲染NUXTJS

    一，创建项目

    yarn create nuxt-app my-nuxt-project

  • docker：创建node.js镜像

    先决条件

    • Node.js版本12.18或者更新
    • 本地运行的docker
    • IDE或者代码编辑器，推荐VS code

    案例程序

    创建一个简单的Node.js应用程序，用作案例。在本地创建文件夹“node-docker”，按照以下步骤创建简单的REST API。

    $ cd [path to your node-docker directory]
$ npm init -y
$ npm install ronin-server ronin-mocks
$ touch server.js

    增加代码处理REST请求

  • centos7 安装最新版nodejs

    在centos中如果安装默认版本的nodejs，版本太低，会有很多坑

    yum install nodejs

    正确的安装姿势如下：

    先增加最新版的yum源，setup_后面的数字改成最新版的

    $curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash -

    然后yum 安装

    $yum -y install nodejs

    查看node版本

    node -v
v14.15.4

    查看npm的版本

    npm -v
6.14.10

  • 今天更新了php和wordpress

    好久没管过这个网站了，今天心血来潮，更新了一下wordpress和php，php更新的7.4，wordpress更新到5.6，把之前下的好多插件删除了，就当成blog来用。

    打算试着写一个wordpress的主题，感觉官方的主题有点丑，哈哈哈哈哈哈哈哈

    现在用的编辑器是官方自带的新款编辑器，用着也还挺顺手的。试一下这个代码编辑器

    $wp core update
$wp language core update
$pw plugin list

    今天就写到这，以后会试着多更新这个网站。

  • typescript的函数Functions

    Introduction

    Functions are the fundamental building block of any application in JavaScript. They’re how you build up layers of abstraction, mimicking classes, information hiding, and modules. In TypeScript, while there are classes, namespaces, and modules, functions still play the key role in describing how to do things. TypeScript also adds some new capabilities to the standard JavaScript functions to make them easier to work with.

    介绍

    函数是javascript任何应用程序的基本构建块，它们是您构建抽象层，模仿类，信息隐藏，和模块的方式。Typescript中虽然有类，命名空间，和模块，函数仍然在描述操作方式中扮演重要角色。Typescript也给标准JavaScrip函数增加了新特性，让它们更容易去使用。

  • 这两个别记混了assign对象合并，concat数组合并，assign去重，concat不去重

    const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);
// ！！！expected output: Object { a: 1, b: 4, c: 5 }

console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }

    let aaa = [1,2]
let bbb = [2,4]

const ccc=aaa.concat(bbb)

console.log(aaa)
//[1,2]

console.log(ccc)
//[1,2,2,4]

  • 数组排序arr.sort([compareFunction])

    let arr = [1, 4, 10, 2, 5, 18, 14]
    arr.sort((a, b)=>{return a - b})
//如果a小于b则 a排在前面 返回小于0的值

arr.sort((a, b)=>{return b - a })

  • git复习一下

    ①工作区 -> ②缓存区->③HEAD区

     

    1，git checkout — <filename>

    只丢弃工作区,用HEAD区覆盖掉工作区，如果有提交到缓存区的修改，缓存区的内容不变

     

    2，git reset  HEAD

    缓存区的提交，退到工作区，不管工作区有没有内容，所有内容不丢弃

    3，git reset –hard HEAD

    工作区、缓存区的所有修改都丢弃

    4，git diff

    工作区的修改高亮，不管缓存区是否有内容

    5，git diff HEAD

    工作区和缓存区高亮，工作区和缓存区VS HEAD区

    6, git show  [<commit>]

    某一个版本的修改展示

  • jquery插件validate选择select框的校验

    html

    <code class="language-markup"><select name="" id="url"><option value="0">选择url</option>
<option value="https://www.dongshushu.com">https://www.dongshushu.com</option>
</select>

    自定义一个validate的校验

    jQuery.validator.addMethod("selectMyPost", function(value, element, params) {
 if(value == '0'){
  return false
 }else{
  return true
 }
}, jQuery.validator.format("请选择正确的作业贴"));

  • query插件validate的一个坑

    修改成功后的样式，如果自定义的话
    success:function(e){
    e.html(‘ok’)
    e.addClass(‘valid’)
    },
    必须用”valid”这个样式类
    如果换成”ok”样式类，则会重新验证时，不能去掉