Shiyanping's Blog

Believe in yourself

Express 初识

Node 最好用的框架之一

1. 概述 一般的 node 项目,或者依据 node 搭建的项目,项目的根目录下都会有一个package.json文件,package.json中定义了项目所需要的各种模块和项目的配置信息。 package.json可以手动创建,也可以使用npm init去自动生成。 一个完整的package.json一般都包含以下内容 1 2 3 4 5 6 7 8 9 10 11 12 13 ...

Node 爬虫

简单了解 Node 爬虫

爬虫,是一种自动获取网页内容的程序,是搜索引擎重要的组成部分,因此搜索引擎优化很大程度上就是针对爬虫而做出的优化。 robots.txt 可以规定爬虫访问的范围,爬虫进来一个网页之后,第一个访问的文件就是 robots.txt,如果我们爬取别人的网站,访问了 robots.txt 不包含的内容,后续出现什么问题,我们爬取的网站会告我们侵权。 爬虫访问的是源文件,爬到的是一个 html 文...

package.json 使用指南

让你更了解 package.json

1. 概述 一般的 node 项目,或者依据 node 搭建的项目,项目的根目录下都会有一个package.json文件,package.json中定义了项目所需要的各种模块和项目的配置信息。 package.json可以手动创建,也可以使用npm init去自动生成。 一个完整的package.json一般都包含以下内容 1 2 3 4 5 6 7 8 9 10 11 12 13 ...

大前端必会技能——Node

Node 简单概述及思想

在使用 Node 做中间层时,一定要注意如何注册中间件,错误处理,配置,日志。 controller 控制操作和路由,model 主要用作访问真正的后端接口,如果使用 Node 做后端,model 控制和数据库交互。 所有协议 Unix Domain Socket 走 IPC 同时搭载 L5 动态分配集群 IP。 中间件 一个路由下可能会有多个中间件去配合操作完成,中间件中主...

ES6 让开发更美好

让你写 js 更加游刃有余

先奉上一张ES6的思维导图,简单版的,只是总结了常用的 API,下面文字部分也都是总结一些 ES6 常用的语法及知识点,不过感觉一些常用的 API 在我们开发中也够用了。详细的解释可以去看阮一峰老师的 ECMAScript 6 入门 可以转载本图,但是希望可以注明出处,谢谢。 OK,跟着我一起开始文字和代码的实践吧。 一、 let 和 const 1.1 let let声明变量时...

JS三座大山——异步

深入 JavaScript

异步 单线程 只有一个线程,只能做一件事 使用单线程可以避免 DOM 渲染的冲突 浏览器需要渲染 DOM JS 可以修改 DOM 结构 JS 执行的时候,浏览器的 DOM 渲染就会暂停 两段 JS 也不能同时执行(都修改 DOM 就冲突了) webworker 支持多线程,但是不能访问 DOM ...

Linux 常用操作命令

为了解服务器打基础

1. 简介 作为一名合格前端的工程师,我们一定要了解一点 linux 的常识和 linux 常用命令。这样我们在部署 node 服务的时候,或者服务器跑服务的时候,操作起来才会游刃有余。 在部署项目的时候,我们可以使用 shell 去编写命令,也可以使用 js 编写(可以使用 shelljs 的 npm 包)。 2. 常用操作 ls 或者 dir:查看当前文件夹下面有...

各种app的scheme

前端与客户端通信

什么是 scheme 使用网页 url 的形式去打开一个 app 或者原生应用,让 app 可以像网页那样,使用 H5 页面可以轻松跳转 app 如何使用 scheme 在网页中使用 a 标签的 href 跳转 使用 window.location.href = scheme 跳转 不同 app scheme 列表 拨打电话:tel...

git 常用命令

版本管理工具

一、git 简介 git 属于分布式版本管理,更利于多人不同工作小组的相互协作 相比于集中式管理,如svn来说,git 更加完善速度更快 二、安装 网上直接搜 git,下载对应的包安装就行 三、配置 git 3.1 用户信息 1 2 git config --global user.name git config --global us...

Yii 简易指南

更加深入的了解 MVC

1. 概述 Yii 是典型的 MVC 模式开发,有利于学习 MVC 模式。 MVC:model,view,controller models:业务模型 views:视图脚本 controller:控制器,包含各种操作 按照官网的教程安装的时候,当要生成 basic 文件夹时,一定要先进入到你的 Apache 服务器下再生成,这样生成好之后就可以直接访问连接localhost/b...

PHP 基础

为面向对象打基础

1. php 基本概念 1.1 数据类型 php 中的数据类型和 js 的数据类型基本相同,只是将 js 中的 Number 类型区分成了浮点型和整型。 字符串 字符串拼接的方法有两种: 首先我们可以使用.拼接: 1 echo("hello " . $name); 其次我们可以使用{}中书写变量的方式拼接,个人比较喜欢使...

西安三日游

第一次和媳妇儿出去玩

趁着 5.1 劳动节,去网红城市玩了一圈,感觉一般,可能是因为我们时间太赶的原因,如果有想去西安的小伙伴,这篇文章说不定可以帮上你哦~ 和媳妇儿还有两个朋友提前一个月就计划去西安了,大多数原因是受抖音感染了,想去喝摔碗酒,想吃毛笔酥,想看看钟鼓楼的夜景,想感受一下西安古老的文化。 提醒:旅游热季一定要提前定宾馆,提前定都是超贵超贵的,如果是平时就不需要太早定了,价格不会涨太多,我们定在了...

页面加载、性能优化、XSS攻击

增加前端内功

介绍一下页面加载,性能优化,及简单的 web 前端攻击的知识,只是简单的介绍昂,不喜勿喷 知识点包括:从输入 url 到渲染的整个过程介绍、页面优化,缓存、页面加载方式等 一、知识点 加载一个资源的过程(从输入 url 得到 html 的渲染过程) 浏览器根据 DNS 服务器得到域名的 IP 地址 向 ip 对应的机器发送 http 请求 服务器得到请求,处理并返回 ...

VSCode常用快捷键及插件(Mac版)

帮助我们更快编码

一款顺手的编辑器能让编码的效率大大提升,懂一些编辑器的快捷键,用的顺手了基本都可以脱离鼠标去编码,效率提升的更多,编码更快,因为我平时使用的电脑是 mac,编辑器是 VSCode,所以就搜集了一些自己经常用的快捷键和插件,用起来那叫一个爽,给大家分享一下。 命令框 F1 或 Cmd+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令 ...

Vue 中添加动画

深入浅出 Vue 系列

vue 中的动画主要依靠transition这个控件,关于 transition 这个 api 可以上官网查看vue 中的 transition ,其中还有用到 animate.css 和 Velocity.js 一、vue 中使用 css 动画 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 ...