git 常用命令

thbcm阅读(190)

一、使用Git克隆项目

右键选择Git Bash Here,先进行配置账号和邮箱

git config –global user.name ‘账号名’git config –global user.email ‘邮箱’

接下来进行使用 clone 把项目克隆到本地

git clone HTTP路径/SSH路径

等待进度走完,就可以发现项目已经在本地文件了,这时候已经证明克隆成功。

下面是Git常用的命令,可用于Git初学者参考

查看远程仓库: git remote -v

添加远程仓库: git remote add [name] [url]

删除远程仓库: git remote rm [name]

修改远程仓库: git remote set-url –push[name][newUrl]

拉取远程仓库: git pull [remoteName] [localBranchName]

推送远程仓库: git push [remoteName] [localBranchName]

 

二、Git分支操作常用命令

查看本地分支: git branch

查看远程分支: git branch -r

创建本地分支: git branch [name] —-这时候需要注意使用该命令时新分支创建后不会自动切换为当前分支

切换分支: git checkout [name]

创建新分支并立即切换到新分支: git checkout -b [name]

删除分支: git branch -d [name] —-注意项: -d选项只能删除已经参与了合并的分支,对于未有合并的分支是无法删除的。如果想强制删除一个分支,可以使用-D选项

合并分支: git merge [name] —-将名称为[name]的分支与当前分支合并

创建远程分支(本地分支push到远程): git push origin [name]

删除远程分支: git push origin :heads/[name]

 

三、Git 提交代码操作常用命令

查看文件状态:git status

添加文件:git add *  —注意项此处的*是代表全部,如需指定添加可以把*号换做指定文件

提交文件:git commit -m ‘提交描述’  —此时提交代码还未提交到远程出库去,而是在本地出库的缓冲区

推送文件:git push origin master  —此处的master是主支,如需要推送到分支可把master换做分支的名称

如想忽略一些文件或文件夹不想提交时,就在仓库根目录下创建名称为“.gitignore”的文件,写入不需要的文件名或文件夹名,每个文件或每个文件夹占一行,如下列:

文件A

文件B

文件C

即可

 

四、Git版本操作常用命令

查看版本: git tag

创建版本: git tag [name]

删除版本: git tag -d [name]

查看远程版本: git tag -r

创建远程版本(本地版本push到远程): git push origin [name]

删除远程版本: git push origin :refs/tags/[name]

 

五、Git子模板操作常用命令(submodule)

添加子模块: git submodule add [url] [path]

初始化子模块: git submodule init —-注意项:只在首次检出仓库时运行一次就好

更新子模块: git submodule update —-注意项:每次更新或切换分支后都需要运行一下

如需删除子模板则需要以下步骤:

第一在Bash Here中输入 git rm –cached [path]  

第二在 编辑“.gitmodules”文件,将子模块的相关配置节点删除掉

第三在 编辑“.git/config”文件,将子模块的相关配置节点删除掉

最后 手动删除子模块残留的目录

 

六、Git删除文件操作常用命令

删除文件: git rm file.txt

提交删除文件: git commit -m “rm file”

推送文件:git push origin master  —此处的master是主支,如需要推送到分支可把master换做分支的名称

注意:删除命令请谨慎使用

恢复本地被误删除的文件:git checkout — <file>   — 将暂存区的文件覆盖本地文件

 

七、Git回滚操作常用命令

查询日志:git log

回滚到某个提交的记录:git reset commit_id

回滚到此次的提交记录:git reset –hard commit_id

强制推送到远端:git push origin HEAD –force

误删恢复时需要回滚到错误 commit_id,或者误删了某次 commit 记录,可以通过下方代码恢复:

git relog     — 复制要恢复操作的hash值

git reset –hard hash   —将hash换成要恢复的历史记录的 hash 值

注意:删除某次提交时最好不要用 git reset 回退远程库,因为之后其他人用 git pull 也会把自己的本地仓库回退到之前的版本,容易出现差错进而增加不必要的工作量

git rebase:两个分支不在一条线上,需要执行 merge 操作时使用该命令。

 

如果中间的某次 commit 需要删除,可以通过 git rebase 命令实现,方法如下:

git log

git rebase -i commit_id   —将 commit_id 替换成复制的值

进入 Vim 编辑模式,将要删除的 commit 前面的 `pick` 改成 `drop`

保存并退出 Vim

 

八、解决冲突操作常用命令

查看冲突内容:git diff

手动解决冲突:git add <file> 或 git add -A

如果还在rebase状态时,可使用git rebase –continue 则重复之前的步骤,直至 rebase 完成出现 applying 字样

最后git push 提交

放弃某次提交:git revert

撤销 merge 节点提交:则需要加上 -m 指令,如git revert commit_id -m ‘描述’

vue使用vue-quill-editor富文本编辑器且将图片上传到服务器

thbcm阅读(174)

一、准备工作

下载 vue-quill-editor

npm install vue-quill-editor --save  或者 yarn add vue-quill-editor

二、定义全局组件quill-editor

下载好 vue-quill-editor 后,我们需要定义一个全局组件,把这个组件名字命名为 quill-editor

1、定义template模板

<div>
   <quill-editor
       v-model="value"
       ref="myQuillEditor"
       :options="editorOption"
       @change="onEditorChange"
       >
   </quill-editor>
   <input type="file" hidden accept=".jpg,.png" ref="fileBtn" @change="handleChange" />
</div>

2、定义富文本选项配置

editorOption: {
   toolbar: [
      ['bold', 'italic', 'underline'],   //加粗、斜体、下划线、删除线, 'strike'
      ['blockquote', 'code-block'],   //引用、代码块
      [{ 'header': 1 }, { 'header': 2 }],  //H1 H2
      [{ 'list': 'ordered' }, { 'list': 'bullet' }],  //列表
      [{ 'script': 'sub' }, { 'script': 'super' }],   //上标、下标
      [{ 'indent': '-1' }, { 'indent': '+1' }],   //缩进
      [{ 'direction': 'rtl' }],    //文字编辑方向,从左到右还是从右到左
      [{ 'size': ['small', false, 'large', 'huge'] }],  //文字大小
      [{ 'header': [1, 2, 3, 4, 5, 6, false] }],  //选中的文字容器高度
      [{ 'font': [] }],   //字体样式
      [{ 'color': [] }, { 'background': [] }],   //颜色、背景颜色
      [{ 'align': [] }],   //对齐方式
      ['clean'],   //清除选中文字的所有样式
      ['link', 'image', 'video']   //超链接、图片、视频链接
  ],
}

三、相关方法

1、改变原有富文本编辑器上传图片绑定方法

mounted() {
   if (this.$refs.myQuillEditor) {
       //myQuillEditor改成自己的
       this.$refs.myQuillEditor.quill.getModule("toolbar").addHandler("image", this.imgHandler);
  }
},
methods:{
  imgHandler(state) {
      if (state) {
      //触发input的单击 ,fileBtn换成自己的
          this.$refs.fileBtn.click()
      }
  }
}

2、上传事件

handleChange(e) {
   const files = Array.prototype.slice.call(e.target.files);
   if (!files) {
       return;
  }
   let formdata = new FormData();
   formdata.append("file_name", files[0].name);
   formdata.append("imgs", files[0]);
   //使用了axios请求
   this.axios({
       url: this.$store.state.baseUrl + 'upload/ueditorFile',
       method: 'post',
       data: formdata,
       headers: {'client-identity': localStorage.getItem('session_id')}
  }).then((res) => {
  //这里设置为空是为了联系上传同张图可以触发change事件
       this.$refs.fileBtn.value = "";
       if (res.data.code == 200) {
           let selection = this.$refs.myQuillEditor.quill.getSelection();
           //这里就是返回的图片地址,如果接口返回的不是可以访问的地址,要自己拼接
           let imgUrl = this.$store.state.baseUrl + res.data.data;
           imgUrl = imgUrl.replace(/\\/g,"/")  
//获取quill的光标,插入图片
           this.$refs.myQuillEditor.quill.insertEmbed(selection != null ? selection.index : 0, 'image', imgUrl)                
//插入完成后,光标往后移动一位
           this.$refs.myQuillEditor.quill.setSelection(selection.index + 1);
      }
  })
}

最后在父组件使用这个全局 quill 组件,并传递自己需要的相关参数,就完成啦~

推荐好课:Vue.js三天学习实战教程Vue3.0新特性全面解析

在Vue项目中使用mock.js

thbcm阅读(167)

在Vue项目中使用mock.js

  • 开发工具选择:Vscode

1. 使用命令行创建 vue 项目(手动选择 Babel,Router,Vuex)

2. 导入 element-ui(为了显示效果好一点),命令行输入

npm i element-ui -S

3.在 main。js 中进行引用

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';//样式文件一定要引入

Vue.use(ElementUI)

4.新建 src/views/main/List.vue 使用 elememnt-ui 中的自定义列模板

<template>
<div>
  <el-table
  :data="tableData"
   style="width: 100%">
   <el-table-column
     label="日期"
     width="180">
     <template slot-scope="scope">
       <i class="el-icon-time"></i>
       <span style="margin-left: 10px">{{ scope.row.date }}</span>
     </template>
   </el-table-column>
   <el-table-column
     label="姓名"
     width="180">
     <template slot-scope="scope">
       <el-popover trigger="hover" placement="top">
         <p>姓名: {{ scope.row.name }}</p>
         <p>住址: {{ scope.row.address }}</p>
         <div slot="reference" class="name-wrapper">
           <el-tag size="medium">{{ scope.row.name }}</el-tag>
         </div>
       </el-popover>
     </template>
   </el-table-column>
   <el-table-column label="操作">
     <template slot-scope="scope">
       <el-button
         size="mini"
         @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
       <el-button
         size="mini"
         type="danger"
         @click="handleDelete(scope.$index, scope.row)">删除</el-button>
     </template>
   </el-table-column>
 </el-table>
</div>
</template>

<script>
 export default {
   data() {
     return {
       tableData: [{
         date: '2016-05-02',
         name: '王小虎',
         address: '上海市普陀区金沙江路 1518 弄'
      }, {
         date: '2016-05-04',
         name: '王小虎',
         address: '上海市普陀区金沙江路 1517 弄'
      }, {
         date: '2016-05-01',
         name: '王小虎',
         address: '上海市普陀区金沙江路 1519 弄'
      }, {
         date: '2016-05-03',
         name: '王小虎',
         address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  },
   methods: {
     handleEdit(index, row) {
       console.log(index, row);
    },
     handleDelete(index, row) {
       console.log(index, row);
    }
  }
}
</script>

5.router/index.js配置如下

import Vue from 'vue'
import VueRouter from 'vue-router'
//导入组件
import List from '../views/main/List.vue'

Vue.use(VueRouter)

const routes = [
{
   path: '/',
   name: 'List',
   component: List
},

]

const router = new VueRouter({
 routes
})

export default router

现在的网页显示效果如下

5. 安装 mockjs 和 axios

npm install --save-dev mockjs
npm install --save axios
12

6.新建 api/getData.js 和 request.js

  • request.js
import axios from 'axios'
const service = axios.create({
   baseURL : "http://localhost:8080",
})
export default service
12345
  • getData.js
import axios from '../request'
//数据列表接口
export const getList = () => axios.get("/list")
123

7.在src下新建 mock/mockServer.js

import Mock from 'mockjs'
//import data from './data.json'

Mock.mock('http://localhost:8080/list', {
   code: 0, data:
  {
       'data|1000': [
          {  
               id: '@id',//随机id
               name: '@name',//随机名称
               nickName: '@last',//随机昵称
               phone: /^1[34578]\d{9}$/,//随机电话号码
               'age|11-99': 1,//年龄
               address: '@county(true)',//随机地址
               email: '@email',//随机邮箱
               isMale: '@boolean',//随机性别
               createTime: '@datetime',//创建时间
               avatar() {
                   //用户头像
                   return Mock.Random.image('100×100', Mock.Random.color(), '#757575', 'png', this.nickName)
              }
          }
      ]
  }

})

8.在 main.js 中导入 mockServer

import './mock/mockServer'

9.修改 src/views/main/List.vue(数据获取与绑定,设置表格居中)

<template>
 <div>
   <el-table :data="tableData" style="width: 600px;margin: 0 auto">
     <el-table-column label="随机ID" width="200">
       <template slot-scope="scope">
         <i class="el-icon-time"></i>
         <span style="margin-left: 10px">{{ scope.row.id }}</span>
       </template>
     </el-table-column>
     <el-table-column label="姓名" width="180">
       <template slot-scope="scope">
         <el-popover trigger="hover" placement="top">
           <p>姓名: {{ scope.row.name }}</p>
           <p>住址: {{ scope.row.address }}</p>
           <div slot="reference" class="name-wrapper">
             <el-tag size="medium">{{ scope.row.name }}</el-tag>
           </div>
           <p>邮箱: {{ scope.row.email }}</p>
           <p>性别: {{ scope.row.isMale }}</p>
           <p>昵称: {{ scope.row.nickName }}</p>
           <p>手机号: {{ scope.row.phone }}</p>
           <p>头像:</p>
         </el-popover>
       </template>
     </el-table-column>
     <el-table-column label="操作">
       <template slot-scope="scope">
         <el-button size="mini" @click="handleEdit(scope.$index, scope.row)"
           >编辑</el-button
         >
         <el-button
           size="mini"
           type="danger"
           @click="handleDelete(scope.$index, scope.row)"
           >删除</el-button
         >
       </template>
     </el-table-column>
   </el-table>
 </div>
</template>

<script>
import { getList } from "../../api/getData";
export default {
 data() {
   return {
     tableData: [
       //   {
       //     date: "2016-05-02",
       //     name: "王小虎",
       //     address: "上海市普陀区金沙江路 1518 弄",
       //   },
       //   {
       //     date: "2016-05-04",
       //     name: "王小虎",
       //     address: "上海市普陀区金沙江路 1517 弄",
       //   },
       //   {
       //     date: "2016-05-01",
       //     name: "王小虎",
       //     address: "上海市普陀区金沙江路 1519 弄",
       //   },
       //   {
       //     date: "2016-05-03",
       //     name: "王小虎",
       //     address: "上海市普陀区金沙江路 1516 弄",
       //   },
    ],
  };
},
 methods: {
   handleEdit(index, row) {
     console.log(index, row);
  },
   handleDelete(index, row) {
     console.log(index, row);
  },

   async getMockList() {
     try {
       const result = await getList();
       //console.log(result);
       if (result.data.code == 0) {
         this.tableData = result.data.data.data;
      }
       //console.log(result.data.data.data);
    } catch (error) {
       console.log(error);
    }
  },
},

 mounted() {
   this.getMockList();
},

};
</script>

10.再次运行

  • 鼠标放在姓名上,会有更多信息显示
     
  • 显示测试的数据1000条 

谷歌Chrome浏览器的地址栏将默认引导至更安全的HTTPS网址

thbcm阅读(192)

早在 Chrome 68 时期,谷歌浏览器就曾试验过默认显示网址的“安全超文本协议”(HTTPS)版本,而不是已经不安全的“超文本传输协议”(HTTP)。 时间转眼到了 2021 年,谷歌又在酝酿 Chrome 的另一项改动 —— 默认引导至安全的 HTTPS 网址。 同时在多功能地址栏(Omnibox)上隐匿到无关的部分(比如 www. 这样的前缀 )。

  (截图 via 9to5Google )

  自 HTTPS 推广开来之后,谷歌浏览器就一直在努力隐藏安全的网址部分,比如 https://www. 这样的前缀。

然而在输入 9to5Google.com 并回车之后,旧版浏览器可能不会如用户所愿的那样采用 HTPPS 连接。

好消息是,根据 Chrome://flags 设置选项中添加的新标记、以及问题追踪器页面上的新帖子,谷歌似乎有意在未来几个月内改变地址栏的“默认优先级”。

换言之,当用户在多功能地址栏中输入不带协议版本的网址时,Chrome 浏览器将默认选择 HTTPS 版本,而不是不安全的 HTTP 连接。

如果无法在超时时间(3~10 秒)内确定 HTTPS 连接是否可用,Chrome 浏览器才会切换到 HTTP 连接。 感兴趣的朋友,可在新版 Chrome 浏览器中启用如下标记:

#omnibox-default-typed-navigations-to-https

需要指出的是,目前该标记仅出现在 Chromium 项目代码中,Chrome 稳定版或许还要在等待数月的时间(比如 3~4 月份发布的 Chrome 89 / 90 版本)。

来源:cnBeta.COM

2021年1月热门编程语言排行榜:Python荣获TIOBE年度之星

thbcm阅读(178)

TIOBE 2021 年 1 月份的编程语言排行榜已经公布,官方的标题是: “ Python 是 TIOBE 的 2020 年度编程语言!”。

TIOBE 排行榜是根据互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如 谷歌、必应、雅虎)以及维基百科、亚马逊、YouTube 和百度等统计出排名数据,只是反映某个编程语言的热门程度,并不能说明一门编程语言好不好,或者一门语言所编写的代码数量多少。

Python Perl 的强有力的对手,很早以前就有系统管理员用来编写脚本,如今成为了数据科学和机器学习等领域中最受欢迎的语言,同时也可用于 Web 开发和后端编程,并逐渐发展到移动应用领域,甚至在嵌入式系统中也使用了它。主要原因是 Python 语言简单易学开发效率高。快速和高效恰好贴合了技术高速发展的社会需要。按照目前的趋势 W3Cschool 编程狮猜测 Python 很有可能会长期超越 Java。那么有可能超越霸主 C 语言吗?我们拭目以待吧~

该排行榜可用于检查您的编程技能是否仍然是最新的,或用于在开始构建新软件系统时就应采用哪种编程语言做出战略决策。以下是榜单详情↓

2021年 1 月编程语言排行榜前 20名

2021年1月 2020年1月 变化 编程语言 评级 变化
1 2 C 语言  17.38% +1.61%
2 1 Java  11.96% -4.93%
3 3 Python  11.72% +2.01%
4 4 C ++  7.56% +1.99%
5 5 C#  3.95% -1.40%
6 6 Visual Basic  3.84% -1.44%
7 7 JavaScript  2.20% -0.25%
8 8 PHP  1.99% -0.41%
9 18 R 语言  1.90% +1.10%
10 23 Groovy  1.84% +1.23%
11 15 汇编语言(Assembly language)  1.64% +0.76%
12 10 SQL  1.61% +0.10%
13 9 Swift  1.43% -0.36%
14 14 Go 语言  1.41% +0.51%
15 11 Ruby  1.30% +0.24%
16 20 MATLAB  1.15% +0.41%
17 19 Perl  1.02% +0.27%
18 13 Objective-C  1.00% +0.07%
19 12 Delphi/Object Pascal 0.79% -0.20%
20 16 Classic Visual Basic 0.79% -0.04%

其他编程语言

下面是第21-50名编程语言排行榜。

排名 编程语言 评级
21 SAS  0.77%
22 过程化SQL语言(PL/SQL) 0.74%
23 Julia  0.73%
24 Scratch 0.71%
25 Dart  0.62%
26 Rust  0.61%
27 ABAP  0.57%
28 D 0.54%
29 Prolog  0.48%
30 Fortran 0.46%
31 COBOL  0.42%
32 Ada  0.40%
33 Transact-SQL 0.40%
34 Scala  0.39%
35 VHDL 0.38%
36 Lisp  0.37%
37 Lua  0.37%
38 PowerShell  0.35%
39 (Visual) FoxPro 0.35%
40 Kotlin  0.34%
41 Logo 0.33%
42 TypeScript  0.33%
43 LabVIEW 0.31%
44 Haskell  0.31%
45 Apex  0.29%
46 Bash  0.29%
47 Awk  0.28%
48 Solidity 0.27%
49 Scheme  0.27%
50 VBScript  0.26%

50名以后编程语言

以下为排名51~100的编程语言。由于差异相对较小,因此仅列出了名称(排名不分先后,按字母顺序排列)。

  • ABC, ActionScript, Alice, APL, AutoLISP;
  • bc, Bourne shell;
  • C shell, cg, CL (OS/400), Clojure , CoffeeScript , Common Lisp , Crystal;
  • Dylan, Elixir, Emacs Lisp;
  • Erlang ;
  • F# , Falcon, Forth;
  • Hack ;
  • Icon, IDL, Inform, Io ;
  • J;
  • Korn shell;
  • Ladder Logic, Lingo, LiveCode;
  • Maple, MEL, Mercury, MQL4, ML;
  • NATURAL, Nim;
  • OpenCL, OpenEdge ABL;
  • PL/I;
  • Q;
  • Ring, RPG;
  • Simulink, Smalltalk, SPARK , Stata;
  • Tcl;
  • Verilog.

编程语言历史排名

请注意,这些是各年12个月的平均排名。

编程语言 2021年 2016年 2011年 2006年 2001年 1996年 1991年 1986年
C 语言  1 2 2 1 1 1 1 1
Java  2 1 1 2 3 28
Python  3 5 6 7 23 13
C++  4 3 3 3 2 2 2 8
C#  5 4 5 6 8
JavaScript  6 7 10 9 6 30
PHP  7 6 4 4 18
R 语言  8 16 41
SQL  9
Swift  10 15
Perl  14 9 7 5 4 3 17
Lisp  29 26 14 13 17 6 3 2
Ada  33 24 21 16 15 4 9 3

编程语言年度榜(2003-2019)

列出所有“年度最佳编程语言”获奖者的名人榜如下所示。该奖项授予一年中评分最高的编程语言。

优胜者
2019 C 语言
2018 Python
2017 C 语言
2016 Go 语言
2015 Java
2014 JavaScript _blank
2013 Transact-SQL
2012 Objective-C
2011 Objective-C
2010 Python
2009 Go 语言
2008 C 语言
2007 Python
2006 Ruby
2005 Java
2004 PHP
2003 C++

以上就是编程狮(w3cschool.cn)为你整理的 2021年 1 月份编程语言排行榜,数据反映目前主流编程语言的变化趋势,对我们学习和工作可作为一个参考,但各个语言都有它们各自适合的应用场景,所以也不必过于在意,毕竟语言的好坏在于如何去使用它。

相关课程推荐

更多榜单推荐

javascript和java的区别

thbcm阅读(223)

Java 和 JavaScript 有啥区别,据说还有很多人不知道,来给大家科普一下两者区别!

 Java 和 JavaScript 不同之处: 

1.用处不一样:

它们最本质的不同就是用途:Java 目前被广泛应用于 PC 端、手机端、互联网、数据中心等等;

而 JavaScript 则被主要用于嵌入文本到 HTML 页面,读写 HTML 元素,控制 cookies 等。

2.出身不同:

Javascript 与 Java 是由不同的公司开发的不同产品。Javascript 是 Netscape 公司的脚本语言;

而 Java 是 SUN Microsystems 公司推出的新一代面向对象的程序设计语言。

3.嵌入方式不同:

在 HTML 文档中,两种编程语言的标识不同,Javascript 使用<script></script> 来标识;而 Java 使用 Applet 来标识。

4.语言类型不同:

JavaScript 是动态类型语言;而 Java 是静态类型语言。

5.所采取的变量不同:

JavaScript 中的变量声明采用弱类型,即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。Java 采用强类型变量检查,即所有变量在编译之前必须作声明。

6.代码格式不同:

Javascript 的代码是一种动态的,可以直接嵌入 HTML 文档,并且可动态装载,编写 HTML 文档就像编辑文本文件一样方便,其独立文件的格式为*.js。Java 是一种与 HTML 无关的格式,必须通过像 HTML 中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中,其独立文件的格式为 *.class。

Javascript 采用动态联编,即 Javascript 的对象引用在运行时进行检查。Java 采用静态联编,即 Java 的对象引用必须在编译时的进行,以使编译器能够实现强类型检查。

Javascript 不直接对文本和图形进行操作,它在 Web 页面中与 HTML 元素组合一起发挥作用,但它可以控制浏览器,让浏览器直接对文本和图形进行处理。而 Java 则可以直接对文本和图形进行操作。6.

Java 和 JavaScript 相同之处:

它们的语法和 C 语言都很相似;它们都是面向对象的(虽然实现的方式略有不同);JavaScript 在设计时参照了 Java 的命名规则;总而言之,JavaScript 除了长得和 Java 比较像之外,语言风格相去甚远。JavaScript 在设计时所参考的对象不包括 Java,而包括了像 Self 和 Scheme 这样的语言。

Java和JavaScript各有所长各有专精,Java的舞台在编程领域,而JavaScript的得心之处是在Web页面中,它几乎无所不能。

一名合格的Java后端工程师,需要具备哪些技能或技术?

thbcm阅读(207)

Java 语言是最常见的后端开发语言之一,Java 语言由于自身具备构建多线程的能力,且体系结构比较中立,所以在大型互联网平台的开发中得到了广泛的采用。

目前要想从事 Java 的后端开发应该学习以下内容:

第一,Servlet 技术

Servlet 技术是 Java 后端的重要技术之一,作为 Java Web 开发的核心组件,Servlet 承担了 Web MVC 结构中的核心作用(功能导航)。传统的 Model2 结构(Servlet+JavaBean+JSP)虽然在目前已经很少使用了,但是 Web 开发的基本结构依然没有改变。Servlet 技术的应用涉及到 Web 容器、会话(HttpSession)、安全、同步、Web 应用部署等相关内容。

第二,Java操作数据库。

后端开发免不了与数据库打交道,所以掌握 Java 的数据库操作是一个基本要求。Java 操作数据库涉及到的内容有 JDBC、JNDI、RMI、DAO 等内容,其中使用 RMI+JDBC 是构建 java 数据库开发的一个常见的解决方案,而 JNDI 则是对各种资源的定义。

第三,Spring框架。

Spring+SpringMVC+MyBatis 是目前一个比较常见的后端开发方案,Spring 的原理就是构建了一个“业务组件容器”,SpringMVC则是 Web MVC 的一个具体实现框架,而 MyBatis 则是一个基于 DAO 的实现框架。从性能的角度来说,Spring 是 EJB 的轻量级解决方案,得到了广大 Java 程序员的欢迎。如果有 Servlet 以及数据库操作的基础,那么学习这几个框架的使用是一件非常轻松的过程。虽然基于 Spring 的编程比较方便,但是 Spring 也有缺点,比如配置文件过于繁琐。

第四,结合 hadoop 构建 Java 的分布式开发

Java 的分布式开发是提高 Java 后端处理能力的重要内容,RMI 是 Java 分布式开发比较常见的解决方案,学习起来也比较简单。在学习完 RMI 之后可以进一步学习在 Hadoop 平台(大数据平台)下构建 Java 的分布式应用,另外 Docker(云计算常用)也是一个不错的构建分布式开发的平台。

Java 开发涉及到的内容比较多,需要一个系统的学习过程,建议在实际使用过程中学习,这样效果会更好。

推荐课程:Java微课Java开发入门学习精讲

PHP程序员应该掌握哪些技术?

thbcm阅读(184)

中级PHP程序员

1.Linux  

能够流畅的使用 Shell 脚本来完成很多自动化的工作;awk/sed/perl 也操作的不错,能够完成很多文本处理和数据统计等工作;基本能够安装大 部分非特殊的 Linux 程序(包括各种库、包、第三方依赖等等,比如 MongoDB/Redis/Sphinx/Luncene/SVN 之类的);了解基 本的 Linux 服务,知道如何查看 Linux 的性能指标数据,知道基本的 Linux 下面的问题跟踪等

2. Nginx:

在第一阶段的基础上面,了解复杂一些的 Nginx 配置;包括多核配置、events、proxy_pass,sendfile/tcp_*配置,知道超 时等相关配置和性能影响;知道 nginx 除了 web server,还能够承担代理服务器、反向静态服务器等配置;知道基本的 nginx 配置调优;知道如 何配置权限、编译一个 nginx 扩展到 nginx;知道基本的 nginx 运行原理(master/worker 机制,epoll),知道为什么 nginx 性能比 apache 性能好等知识;

3. MySQL/MongoDB:

在第一阶段的基础上面,在 MySQL 开发方面,掌握很多小技巧,包括常规 SQL 优化(group by/order by/rand 优化等);除了能够搭 建 MySQL,还能够冷热备份 MySQL 数据,还知道影响 innodb/myisam 性能的配置选项(比如key_buffer/query_cache /sort_buffer/innodb_buffer_pool_size/innodb_flush_log_at_trx_commit等),也知 道这些选项配置成为多少值合适;另外也了解一些特殊的配置选项,比如 知道如何搭建 mysql 主从同步的环境,知道各个 binlog_format 的区 别;知道MySQL的性能追查,包括 slow_log/explain 等,还能够知道基本的索引建立处理等知识;原理方面了解基本的 MySQL 的架构 (Server+存储引擎),知道基本的 InnoDB/MyISAM 索引存储结构和不同(聚簇索引,B树);知道基本的 InnoDB 事务处理机制;了解大 部分 MySQL 异常情况的处理方案(或者知道哪儿找到处理方案)。条件允许的情况,建议了解一下 NoSQL 的代表 MongoDB 数据库,顺便对比跟 MySQL 的差别,同事能够在合适的应用场景安全谨慎的使用 MongoDB,知道基本的 PHP 与 MongoDB 的结合开发。

4. Redis/Memcached:

在大部分中型系统里面一定会涉及到缓存处理,所以一定要了解基本的缓存;知道 Memcached 和 Redis 的异同和应用场景,能够独立安 装 Redis/Memcached,了解 Memcahed 的一些基本特性和限制,比如最大的 value 值,知道PHP跟他们的使用结合;Redis了解 基本工作原理和使用,了解常规的数据类型,知道什么场景应用什么类型,了解 Redis 的事务等等。原理部分,能够大概了解Memcached 的内存结构 (slab机制),redis就了解常用数据类型底层实现存储结构(SDS/链表/SkipList/HashTable)等等,顺便了解一下 Redis 的事务、RDB、AOF 等机制更好

5. PHP:

除了第一阶段的能力,安装配置方面能够随意安装 PHP 和各种第三方扩展的编译安装配置;了解 php-fpm 的大部分配置选项和含义(如 max_requests/max_children/request_terminate_timeout 之类的影响性能的配置),知道 mod_php /fastcgi 的区别;在 PHP方面已经能够熟练各种基础技术,还包括各种深入些的 PHP,包括对 PHP 面向对象的深入理解/SPL/语法层面的特殊特 性比如反射之类的;在框架方面已经阅读过最少一个以上常规 PHP MVC 框架的代码了,知道基本PHP框架内部实现机制和设计思想;在 PHP 开发中已经能 够熟练使用常规的设计模式来应用开发(抽象工厂/单例/观察者/命令链/策略/适配器 等模式);建议开发自己的 PHP MVC 框架来充分让开发自由化, 让自己深入理解 MVC 模式,也让自己能够在业务项目开发里快速升级;熟悉 PHP 的各种代码优化方法,熟悉大部分PHP安全方面问题的解决处理;熟悉基本的 PHP 执行的机制原理(Zend 引擎/扩展基本工作机制);

6. 系统设计:

能够设计大部分中型系统的网站架构、数据库、基本 PHP 框架选型;性能测试排查处理等;能够完成类似:浏览器 -> CDN(Squid) -> Nginx+PHP -> 缓存 -> 数据库 结构网站的基本设计开发维护;能够支撑 每天数百万到千万流量基本网站的开发维护工作;

高级PHP程序员

重点:除了基本的 LNMP 程序,还能够在某个方向或领域有深入学习。(纵深维度发展)

目标:除了能够完成基本的 PHP 业务开发,还能够解决大部分深入复杂的技术问题,并且可以独立设计完成中大型的系统设计和开发工作;自己能够独立 hold 深入某个技术方向,在这块比较专业。(比如在 MySQL、Nginx、PHP、Redis 等等任一方向深入研究)

1. Linux:

除了第二阶段的能力,在 Linux 下面除了常规的操作和性能监控跟踪,还能够使用很多高级复杂的命令完成工作(watch/tcpdump/starce /ldd/ar等);在 shell 脚本方面,已经能够编写比较复杂的 shell 脚本(超过500行)来协助完成很多包括备份、自动化处理、监控等工作的 shell;对 awk/sed/perl 等应用已经如火纯青,能够随意操作控制处理文本统计分析各种复杂格式的数据;对 Linux 内部机制有一些了解, 对内核模块加载,启动错误处理等等有个基本的处理;同时对一些其他相关的东西也了解,比如 NFS、磁盘管理等等;

2. Nginx:

在第二阶段的基础上面,已经能够把 Nginx 操作的很熟练,能够对 Nginx 进行更深入的运维工作,比如监控、性能优化,复杂问题处理等等;看个人兴趣, 更多方面可以考虑侧重在关于 Nginx 工作原理部分的深入学习,主要表现在阅读源码开始,比如具体的master/worker 工作机制,Nginx 内部 的事件处理,内存管理等等;同时可以学习 Nginx 扩展的开发,可以定制一些自己私有的扩展;同时可以对 Nginx+Lua 有一定程度的了解,看看是否可 以结合应用出更好模式;这个阶段的要求是对 Nginx 原理的深入理解,可以考虑成为 Nginx 方向的深入专业者。

3. MySQL/MongoDB:

在第二阶段的基础上面,在 MySQL 应用方面,除了之前的基本 SQL 优化,还能够在完成一些复杂操作,比如大批量数据的导入导出,线上大批量数据的更改表 结构或者增删索引字段等等高危操作;除了安装配置,已经能够处理更多复杂的 MySQL 的问题,比如各种问题的追查,主从同步延迟问题的解决、跨机房同步数 据方案、MySQL 高可用架构等都有涉及了解;对 MySQL 应用层面,对 MySQL 的核心关键技术比较熟悉,比如事务机制(隔离级别、锁等)、对触发器、 分区等技术有一定了解和应用;对 MySQL 性能方面,有包括磁盘优化(SAS 迁移到 SSD)、服务器优化(内存、服务器本身配置)、除了二阶段的其他核心 性能优化选项(innodb_log_buffer_size/back_log/table_open_cache /thread_cache_size/innodb_lock_wait_timeout 等)、连接池软件选择应用,对show * (show status/show profile)类的操作语句有深入了解,能够完成大部分的性能问题追查;MySQL 备份技术的深入熟悉,包括灾备 还原、对 Binlog 的深入理解,冷热备份,多 IDC 备份等;在 MySQL 原理方面,有更多了解,比如对 MySQL 的工作机制开始阅读部分源码,比如对主 从同步(复制)技术的源码学习,或者对某个存储引擎(MyISAM/Innodb/TokuDB)等等的源码学习理解,如果条件允许,可以参考 CSV 引擎 开发自己简单的存储引擎来保存一些数据,增强对 MySQL 的理解;在这个过程,如果自己有兴趣,也可以考虑往 DBA 方向发展。MongoDB 层面,可以考 虑比如说在写少读多的情况开始在线上应用 MongoDB,或者是做一些线上的数据分析处理的操作,具体场景可以按照工作来,不过核心是要更好的深入理解 RMDBS 和 NoSQL 的不同场景下面的应用,如果条件或者兴趣允许,可以开始深入学习一下 MongoDB 的工作机制。

4. Redis/Memcached:

在第二阶段的基础上面,能够更深入的应用和学习。因为 Memcached 不是特别复杂,建议可以把源码进行阅读,特别是内存管理部分,方便深入理 解;Redis 部分,可以多做一些复杂的数据结构的应用(zset 来做排行榜排序操作/事务处理用来保证原子性在秒杀类场景应用之类的使用操作);多涉及 aof 等同步机制的学习应用,设计一个高可用的 Redis 应用架构和集群;建议可以深入的学习一下 Redis 的源码,把在第二阶段积累的知识都可以应用 上,特别可以阅读一下包括核心事件管理、内存管理、内部核心数据结构等充分学习了解一下。如果兴趣允许,可以成为一个 Redis 方面非常专业的使用者。

5. PHP:

作为基础核心技能,我们在第二阶段的基础上面,需要有更深入的学习和应用。从基本代码应用上面来说,能够解决在 PHP 开发中遇到 95% 的问题,了解大部分 PHP 的技巧;对大部分的 PHP 框架能够迅速在一天内上手使用,并且了解各个主流 PHP 框架的优缺点,能够迅速方便项目开发中做技术选型;在配置方面,除 了常规第二阶段会的知识,会了解一些比较偏门的配置选项(php auto_prepend_file/auto_append_file),包括扩展中 的一些复杂高级配置和原理(比如 memcached 扩展配置中的memcache.hash_strategy、apc 扩展配置中的 apc.mmap_file_mask/apc.slam_defense/apc.file_update_protection 之类的);对php的 工作机制比较了解,包括 php-fpm 工作机制(比如 php-fpm 在不同配置机器下面开启进程数量计算以及原理),对 zend 引擎有基本熟悉 (vm/gc/stream 处理),阅读过基本的 PHP 内核源码(或者阅读过相关文章),对PHP内部机制的大部分核心数据结构(基础类型/Array /Object)实现有了解,对于核心基础结构(zval/hashtable/gc)有深入学习了解;能够进行基本的 PHP 扩展开发,了解一些扩展开发 的中高级知识(minit/rinit等),熟悉 php 跟 apache/nginx 不同的通信交互方式细节(mod_php/fastcgi);除了开发 PHP扩展,可以考虑学习开发 Zend 扩展,从更底层去了解 PHP。

6. C/C++:

在第二阶段基础上面,能够在 C/C++语言方面有更深入的学习了解,能够完成中小型 C/C++系统的开发工作;除了基本第二阶段的基础 C/C++语法和数 据结构,也能够学习一些特殊数据结构(b-tree/rb-tree/skiplist/lsm-tree/trie-tree 等)方便在特殊工作中需 求;在系统编程方面,熟悉多进程、多线程编程;多进程情况下面了解大部分多进程之间的通信方式,能够灵活选择通信方式(共享内存/信号量/管道等);多线 程编程能够良好的解决锁冲突问题,并且能够进行多线程程序的开发调试工作;同时对网络编程比较熟悉,了解多进程模型/多线程模型/异步网络 IO 模型的差别 和选型,熟悉不同异步网络 IO 模型的原理和差异(select/poll/epoll/iocp等),并且熟悉常见的异步框架(ACE/ICE /libev/libevent/libuv/Boost.ASIO等)和使用,如果闲暇也可以看看一些国产自己开发的库(比如muduo);同时能够设 计好的高并发程序架构(leader-follow/master-worker等);了解大部分 C/C++后端 Server 开发中的问题(内存管理、日 志打印、高并发、前后端通信协议、服务监控),知道各个后端服务 RPC 通信问题(struct/http/thirft/protobuf等);能够更熟 络的使用 GCC 和 GDB 来开发编译调试程序,在线上程序 core 掉后能够迅速追查跟踪解决问题;通用模块开发方面,可以积累或者开发一些通用的工具或库 (比如异步网络框架、日志库、内存池、线程池等),不过开发后是否应用要谨慎,省的埋坑去追bug;

7. 前端:

深入了解 HTTP 协议(包括各个细致协议特殊协议代码和背后原因,比如302静态文件缓存了,502是 nginx 后面 php 挂了之类的);除了之前的前端 方面的各种框架应用整合能力,前端方面的学习如果有兴趣可以更深入,表现形式是,可以自己开发一些类似 jQuery的前端框架,或者开发一个富文本编辑器 之类的比较琐碎考验 JavaScript 功力;

8. 其他领域语言学习:

在基础的 PHP/C/C++ 语言方面有基本积累,建议在当前阶段可以尝试学习不同的编程语言,看个人兴趣爱好,脚本类语言可以学学  Python /Ruby 之类的,函数式编程语言可以试试 Lisp/Haskell/Scala/Erlang 之类的,静态语言可以试试 Java /Golang,数据统计分析可以了解了解R语言,如果想换个视角做后端业务,可以试试 Node.js 还有前面提到的跟Nginx结合的 Nginx_Lua 等。学习不同的语言主要是提升自己的视野和解决问题手段的差异,比如会了解除了进程/线程,还有轻量级协程;比如在跨机器通信场景下 面,Erlang的解决方案简单的惊人;比如在不想选择 C/C++的情况下,还有类似高效的 Erlang/Golang 可用等等;主要是提升视野。

9. 其他专业方向学习:

在本阶段里面,会除了基本的 LNMP 技能之外,会考虑一些其他领域知识的学习,这些都是可以的,看个人兴趣和长期的目标方向。目前情况能够选择的领域比较 多,比如、云计算(分布式存储、分布式计算、虚拟机等),机器学习(数据挖掘、模式识别等,应用到统计、个性化推荐),自然语言处理(中文分词等),搜索 引擎技术、图形图像、语音识别等等。除了这些高大上的,也有很多偏工程方面可以学习的地方,比如高性能系统、移动开发(Android/IOS)、计算机 安全、嵌入式系统、硬件等方向。

10. 系统设计:

系统设计在第二阶段的基础之上,能够应用掌握的经验技能,设计出比较复杂的中大型系统,能够解决大部分线上的各种复杂系统的问题,完成类似 浏览 器 -> CDN -> 负载均衡 ->接入层 -> Nginx+PHP -> 业务缓存 -> 数据 库 -> 各路复杂后端 RPC 交互(存储后端、逻辑后端、反作弊后端、外部服务) -> 更多后端 酱紫的复杂业务;能够支撑每天数千万到数 亿流量网站的正常开发维护工作。

下图总结的比较细致,从基础到高级都有相应的介绍,大家可以保存图片仔细研究

推荐好课:PHP入门篇:十天学会PHPPHP微课

推荐给Web前端开发人员的一些书籍

thbcm阅读(234)

有很多人问我说作为一个前端开发人员都需要看一些什么书籍,尤其是刚入门的新手,今天我整理了一下推荐给大家,大佬绕过。

HTML+CSS+JavaScript 网页设计 从入门到精通

作为一个前端新手,强烈推荐先看这本书,容易理解,讲的比较基础

HTML5 权威指南

看完上面的书以后可以结合这本书来加深对HTML5的深入理解,非常适合阶梯性学习的一本书。

CSS权威指南

这本书相对来说还是挺不错的,适合刚入门的小白用户,是一本为初学者清扫障碍的书籍。同行一致认为这本书是学习CSS基础的首选。CSS界权威Meyer大师的作品,翻译水平也灰常赞!

CSS的那些事

这本书看起来还是挺有意思的,本书以传达CSS布局思维为中心,通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用,使读者能深入了解到如何在页面中更好地运用CSS布局。阅读本书之后将会发现,原来CSS样式居然是这么好玩的东西。

《精通CSS:高级Web标准解决方案》第二版

这本书是前端开发人员必备的一本书,当然,如果你是大佬,那么可以绕过这本书。

CSS禅意花园

这本书在简书上看到,以下是对这本书的评价,来自简书:

这是一本令人惊叹的书!必须用一个字形容的话,那就是:美!内容编排合理,文字生动有趣引人入胜,通过一个个实例引导读者阅读,强烈推荐!作者是世界著名的网站设计师,书中的范例来自网站设计领域最著名的网站——CSS Zen Garden(CSS禅意花园)。童鞋们自己去领略吧。

JavaScript权威指南第6版

这本书强烈推荐去看,是由David Flanagan著作机械工业出版社华章公司出版的平装图书,网上有中文版的也有英文版的,如果你的英文还可以,强烈建议你去看英文版。

你不知道的JavaScript

这本书分为上中卷,内容非常丰富,建议可以入手,非常适合新手

JavaScript设计模式

这本书还是强烈推荐大家去看,《JavaScript设计模式》共有两部分。第一部分给出了实现具体设计模式所需要的面向对象特性的基础知识,主要包括接口、封装和信息隐藏、继承、单体模式等内容。第二部分则专注于各种具体的设计模式及其在JavaScript语言中的应用,主要介绍了工厂模式、桥接模式、组合模式、门面模式等几种常见的模式。

JavaScript王者归来

这本书不仅是一本传播知识的书,更是一本求道的书。它揭开了JavaScript的面纱,绕过误解和虚幻的表象,引领你探索程序王国的奥妙。这是一本探寻程序设计思想本源的“魔法典籍”,也是一本Web开发工程师们需要的案头参考书。

高性能JavaScript

本书从性能角度全面分析js,含金量非常大,很多知识都是作者通过实践总结出来的,都是经验的积累,强烈推荐!

JavaScriptDOM编程艺术

本书是新手的最佳选择,讲述了JavaScript和DOM的基础知识,但重点放在DOM编程技术背后的思路和原则,然后将这些概念贯穿在书中的所有代码示例中,使你看到用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本,最后结合所讲述的内容创建了一个实际的网站。

JavaScript高级程序设计

作者Nicholas C. Zakas是世界顶级Web技术专家,现为雅虎公司界面呈现架构师,负责My Yahoo!和雅虎首页等大访问量站点的设计。这本书,看一遍不能算看过,至少读两三遍,每一遍都会让你有新的收获。

Head First JavaScript

这本书绝对是经典中的经典,强烈建议大家去看

ES6 标准入门

这本书作为 ES6 的入门的首选,内容也非常丰富,非常适合进阶,成长为大牛之路必备的一本书

深入理解 ES6

这本书作为 ES6 的进阶提供书籍,强烈建议去看

联系我们