宅羽-优快云博客

原创 python资料之获取文件行数

◆ 方案一：这种方法简单，但是可能比较慢，当文件比较大时甚至不能工作。count = len(open(filepath, 'r').readlines())◆ 方案二：利用enumerate()count = 0for index, line in enumerate(open(filepath,'r'))： count += 1◆ 方案三：利用readlines(...

2020-03-30 18:01:39 804

原创 Nodejs资料之ESLint配置

◆ 安装ESLint：ESLintnpm install eslint -g◆ 配置 .eslintrc 文件：配置 .eslintrc 文件并放在项目根目录 { "extends": "eslint:recommended", "env":{ "node":true, ...

2020-03-16 16:57:26 1993

原创 Express框架之express脚手架

◆ 安装生成器：npm install express-generator -g ◆ 创建名称为APP的应用：express app ◆ 安装依赖包:cd app //进入app目录npm run install //安装依赖包生成 package.json文件 ◆ 启动应用npm start◆ 端口...

2020-03-16 12:05:53 3740 1

原创 Express框架之session的基本使用

◆ 设置session：我们使用express-session模块来设置session安装express-sessioncnpm install express-session --save引入express-session模块const session=require("express-session");设置sessionsession(options)...

2020-03-14 17:32:00 1143

原创 Vue框架之Element-UI

◆ Element-UI：Element-UI:一套基于2.0的桌面端组件库官网地址：http://element-cn.eleme.io/#/zh-CN◆ Element-UI安装：npm install element-ui -S◆ Element-UI导入使用：import ElementUI from "element-ui";import "element-ui/li...

2020-01-26 16:43:25 326

原创 Vue框架之Vue脚手架

◆ Vue脚手架作用：Vue脚手架可以快速生成Vue项目基础的架构。◆ Vue脚手架安装：npm install -g @vue/cli◆使用命令创建Vue项目vue create my-project选择Manually select features(选择特性以创建项目)勾选特性可以用空格进行勾选。是否选用历史模式的路由：nESLint选择：ESLint + Stand...

2020-01-23 09:35:05 796

原创 Vue框架之单文件组件

◆ 传统Vue组件的缺陷：全局定义的组件不能重名，字符串模板缺乏语法高亮，不支持css(当html和js组件化时，css没有参与其中)没有构建步骤限制，只能使用H5和ES5，不能使用预处理器（babel）◆ 单文件组件：使用Vue单文件组件，每个单文件组件的后缀名都是.vue。每一个Vue单文件组件都由三部分组成template组件组成的模板区域script组成的业务逻辑区域s...

2020-01-21 17:34:54 1431

原创 Vue框架之webpack

◆ webpack：webpack是一个流行的前端项目构建工具，可以解决目前web开发的困境。webpack提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等特性，提高了开发效率和项目的可维护性。◆ webpack的基本使用：1、创建项目目录并初始化创建项目，并打开项目所在目录的终端，输入命令：npm init -y2、创建首页及js文件：在项目目录中创建index.h...

2020-01-21 16:56:09 414

原创 Vue框架之ES6模块化

◆ 模块化的分类：1、浏览器端的模块化：AMD(Asynchronous Module Definition,异步模块定义)，代表产品为：Require.jsCMD(Common Module Definition,通用模块定义)，代表产品为：Sea.js2、服务器端的模块化：服务器端的模块化规范是使用CommonJS规范：使用require引入其他模块或者包使用exports...

2020-01-21 16:24:37 1085

原创 Vue框架之编程式导航

◆ 页面导航的两种方式：声明式导航：通过点击链接的方式实现的导航编程式导航：调用js的api方法实现导航◆ Vue-Router中常见的导航方式：this.$router.push(“hash地址”);this.$router.push("/login");this.$router.push({ name:‘user’ , params: {id:123} });this.$r...

2020-01-21 15:16:18 370

原创 Vue框架之路由

◆ 路由的概念：路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。◆ 路由分类：路由分为前端路由和后端路由：前端路由是依靠hash值(锚链接)的变化进行实现后端路由是由服务器端进行实现，并完成资源的分发◆ 前端路由的基本概念：前端路由主要做的事情就...

2020-01-21 14:54:31 537

原创 Vue框架之异步任务

◆ JavaScript中的异步任务：JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数◆ promise：主要解决异步深层...

2020-01-20 11:20:58 833

原创 Vue框架之axios

◆ axios特点：基于promise用于浏览器和node.js的http客户端支持浏览器和node.js支持promise能拦截请求和响应自动转换JSON数据能转换请求和响应数据◆ axios基础用法：get和 delete请求传递参数通过传统的url 以 ? 的形式传递参数restful 形式传递参数通过params 形式传递参数post 和 put ...

2020-01-20 10:56:18 356

原创 Vue框架之fetch

◆ fetch基本使用：Fetch API是新的ajax解决方案 Fetch会返回Promisefetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。fetch(url, options).then(）示例： <script type="text/javascript"> /* Fetch API 基本用法 ...

2020-01-20 10:45:07 451

原创 Vue框架之组件插槽

◆ 匿名插槽： <div id="app">  <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <al...

2020-01-20 10:35:31 627

原创 Vue框架之Vue组件之间传值

◆ 父组件向子组件传值：父组件发送的形式是以属性的形式绑定值到子组件身上。然后子组件用属性props接收在props中使用驼峰形式，模板中需要使用短横线的形式字符串形式的模板中没有这个限制 <div id="app"> <div>{{pmsg}}</div> <!--1、menu-item 在 APP中嵌套着故 menu-...

2020-01-20 10:12:26 447

原创 Vue框架之Vue实例生命周期

◆ Vue实例生命周期beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed◆ 示例：<script type="text/javascript"> /* Vue实例的生命周期 */ var vm = new Vue...

2020-01-20 10:12:04 172

原创 Vue框架之侦听器

◆ 侦听器：使用watch来响应数据的变化一般用于异步或者开销较大的操作watch 中的属性一定是data 中已经存在的数据当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听<div id="app"> <div> ...

2020-01-20 09:45:46 208

原创 Vue框架之过滤器

◆ 过滤器：Vue.js允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号指示支持级联操作过滤器不改变真正的data，而只是改变渲染的结果，并返回过滤后的版本全局注册时是filter，没有s的。而局部过滤器是filters，是有s的 <div id="a...

2020-01-20 09:45:14 262

原创 Vue框架之组件

◆ 组件：组件 (Component) 是 Vue.js 最强大的功能之一，组件可以扩展 HTML 元素，封装后可以进行重用。◆ 组件注册：1、全局注册：全局组件注册后，任何vue实例都可以用Vue.component('组件名称', { })第1个参数是标签名称，第2个参数是一个选项对象<div id="example"> <!-- 组件使用组件名称是...

2020-01-20 09:44:19 554

原创 Windows资料之设置定时任务

◆ 打开定时任务菜单：右击开始菜单，选择计算机管理->任务计划程序◆ 点击创建任务：◆ 新建触发器：◆ 新建操作：

2020-01-13 15:14:18 127

原创 Git资料之分支

◆ 分支：使用分支，可以让我们从开发主线上分离出来，以免影响开发主线。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p6dYNFyx-1578447751099)(en-resource://database/6436:1)]分支细分：功能分支 -> 开发分支 -> 主分支主分支（master）：第一次向 git 仓库中提交更新记录时自动产生...

2020-01-08 09:42:44 127

原创 Git资料之安装和基本使用

◆ Git 安装：下载地址：https://git-scm.com/downloads在安装的过程中，所有选项使用默认值即可◆ Git 基本工作流程：git仓库暂存区工作目录用于存放提交记录临时存放被修改文件被Git管理的项目目录◆ Git 使用前配置：在使用 git 前，需要告诉 git 你是谁，在向 git 仓库中提交时需要用到。配置提交人姓名：...

2020-01-07 21:37:00 124

◆ Ajax请求限制：Ajax只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站，A网站中的 HTML文件只能向A网站服务器中发送Ajax请求，B网站中的HTML文件只能向B网站中发送Ajax请求，但是A网站是不能向 B 网站发送 Ajax请求的，同理，B网站也不能向A网站发送Ajax请求。◆ 同源的概念：如果两个页面拥有相同的协议、域名和端口，那么这两个页面就属于同一个源，其中...

2020-01-07 17:27:52 146

原创 JavaScript资料之FormData对象

◆ FormData对象的使用：准备HTML表单： <form id="form"> <input type="text" name="username" /> <input type="password" name="password" /> <input type="button"/></form>...

2020-01-07 16:55:06 645

原创 Ajax资料之基础概念和运行原理

◆ 应用场景：Ajax是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。可以运用在如下场景：页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表◆ Ajax 运行原理：Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。◆ Ajax 的实现步骤：...

2020-01-07 10:51:32 130

原创 Express框架之模板引擎

◆ express-art-template：为了使art-template模板引擎能够更好的和Express框架配合，模板引擎官方在原art-template模板引擎的基础上封装了express-art-template。npm install art-template express-art-template示例：// 当渲染后缀为art的模板时使用express-art-temp...

2020-01-07 10:18:41 748

原创 python资料之去掉字符串中的特殊字符

◆ 去掉字符串中的\xa0、\t、\n：\xa0 是不间断空白符   我们通常所用的空格是 \x20 ，是在标准ASCII可见字符 0x20~0x7e 范围内。而 \xa0 属于 latin1 （ISO/IEC_8859-1）中的扩展字符集字符，代表空白符nbsp(non-breaking space)。latin1 字符集向下兼容 ASCII （ 0x20~0x7e ）。通...

2020-01-07 09:49:43 3836

原创 Nodejs资料之模板引擎

◆ 模板引擎模板引擎是第三方模块。让开发者以更加友好的方式拼接字符串，使项目代码更加清晰、更加易于维护。◆ art-template模板引擎：在命令行工具中使用 npm install art-template 命令进行下载使用const template = require(‘art-template’)引入模板引擎告诉模板引擎要拼接的数据和模板在哪 const html = te...

2019-12-27 22:31:38 207 1

原创 Express框架之请求处理

◆ 构建模块化路由：◆ GET参数的获取：Express框架中使用req.query即可获取GET参数，框架内部会将GET参数转换为对象并返回。// 接收地址栏中问号后面的参数，例如: http://localhost:3000/?name=zhangsan&age=30app.get('/', (req, res) => { console.log(req.query)...

2019-12-27 22:30:28 407

原创 Express框架之中间件

◆ 中间件的作用：中间件就是一堆方法，主要由中间件方法以及请求处理函数组成。可以接收客户端发来的请求、可以对请求做出响应，也可以将请求继续交给下一个中间件继续处理。app.get('请求路径', '处理函数') // 接收并处理get请求app.post('请求路径', '处理函数') // 接收并处理post请求◆ next方法可以针对同一个请求设置多个中间件，对同一个请求进...

2019-12-27 22:29:21 547

原创 Express框架之创建web服务

◆ 路由：// 当客户端以get方式访问/时app.get('/', (req, res) => { // 对客户端做出响应 res.send('Hello Express');}); // 当客户端以post方式访问/add路由时 app.post('/add', (req, res) => { res.send('使用post方式请求...

2019-12-27 22:28:32 528

原创 Express框架之基本资料

◆ Express框架：Express是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。npm install express◆ Express框架特性：提供了方便简洁的路由定义方式对获取HTTP请求参数进行了简化处理对模板引擎支持程度高，方便渲染动态HTML页面提供了中间件机制有效控制HTTP请求拥有大量第三方中间件对功能进行扩展...

2019-12-27 22:27:17 185

原创 Nodejs资料之异步编程

◆ 同步API和异步API：1、同步API：只有当前API执行完成后，才能继续执行下一个APIfor (var i = 0; i < 100000; i++) { console.log(i);}console.log('for循环后面的代码');2、异步API：当前API的执行不会阻塞后续代码的执行console.log('代码开始执行'); setTime...

2019-12-27 09:12:14 152

原创 Nodejs资料之web服务器

◆ 创建web服务器示例：// 引用系统模块const http = require('http');// 创建web服务器const app = http.createServer();// 当客户端发送请求的时候app.on('request', (req, res) => { // 响应 res.end('<h1>hi, user</h1&g...

2019-12-27 09:11:17 230

原创 Nodejs资料之模块加载机制

◆ 当模块拥有路径但没有后缀时：require('./find');require方法根据模块路径查找模块，如果是完整路径，直接引入模块。如果模块后缀省略，先找同名JS文件再找同名JS文件夹如果找到了同名文件夹，找文件夹中的index.js如果文件夹中没有index.js就会去当前文件夹中的package.json文件中查找main选项中的入口文件如果找指定的入口文件不存在或者没有...

2019-12-26 15:38:19 117

原创 Nodejs资料之package.json文件

◆ node_modules文件夹的问题：文件夹以及文件过多过碎，当我们将项目整体拷贝给别人的时候,，传输速度会很慢很慢复杂的模块依赖关系需要被记录，确保模块的版本和当前保持一致，否则会导致当前项目运行报错◆ package.json文件的作用：项目描述文件，记录了当前项目信息，例如项目名称、版本、作者、github地址、当前项目依赖了哪些第三方模块等。使用npm init -y命令生...

2019-12-26 11:31:17 537

原创 Nodejs资料之Gulp模块

◆ 模块作用：基于node平台开发的前端构建工具，将机械化操作编写成任务, 想要执行机械化操作时执行一个命令行命令任务就能自动执行了，提高开发效率。1. 项目上线，HTML、CSS、JS文件压缩合并2. 语法转换（es6、less ...）3. 公共文件抽离4. 修改文件浏览器自动刷新◆ 使用步骤：使用npm install gulp下载gulp库文件在项目根目录下建立gulp...

2019-12-26 11:24:56 198

原创 Nodejs资料之nrm模块

◆ 模块作用：nrm ( npm registry manager )，npm下载地址切换工具。npm默认的下载地址在国外，国内下载速度慢，可以使用nrm模块切换到国内的下载地址。◆ 使用步骤：使用npm install nrm -g 下载F:\workstation\nodejs> npm install nrm -gnpm WARN deprecated coffee-sc...

2019-12-26 11:24:03 455

原创 Nodejs资料之nodemon模块

◆ 模块作用：nodemon是一个命令行工具，用以辅助项目开发。在Node.js中，可以在每次修改文件后重新执行该文件。◆ 使用步骤：使用npm install nodemon –g 下载F:\workstation\nodejs> npm install nodemon -g在命令行工具中用nodemon命令替代node命令执行文件F:\workstation\no...

2019-12-26 11:23:34 806

空空如也

空空如也