- 博客(32)
- 收藏
- 关注
RSS订阅原创 git常用指令
1：拉取主分支git clone git代码地址2：拉取远程分支并创建本地分支git checkout -b 本地分支名x origin/远程分支名x //会在本地创建新分支并切换到该分支，本地分支和远程分支会建立映射关系git fetch origin 远程分支名x:本地分支名x //会在本地创建新分支，但不会切换到该分支，本地分支和远程分支不会建立映射关系3：查看远程分支使用如下git命令查看所有远程分支：git branch -r查看远程和本地所有分支：git branch
2020-09-25 15:31:47
125
原创 url转二维码----vue-qriously
现在前端常常会见到这样的功能，就是将 url 链接转成二维码展示，接下来就介绍一下将 url 转成二维码的插件 vue-qriously 的用法（vue中）1：下载vue-qriouslynpm i vue-qriously -S2：全局引入//在main.js中进行全局引入import VueQriously from 'vue-qriously'Vue.use(VueQriously)3：在页面使用<template> <div> <qri.
2020-09-24 15:24:10
399
原创 XSS 攻击和 CSRF 攻击
XSS 攻击XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。攻击成功后，攻击者可能得到包括但不限于更高的权限（如执行一些操作）、私密网页内容、会话和cookie等各...
2019-12-10 20:16:01
262
1
原创 深拷贝和浅拷贝
浅拷贝：将原对象或原数组的引用直接赋给新对象，新对象或者新数组只是原对象的一个引用 var arr = [1,2,3,4,5]; var arr1 = arr; //改变新数组，原数组也会改变 arr1[0] = 'change'; console.log(arr); //'change',2,3,4,5 co...
2019-12-09 21:13:54
282
原创 MVC
MVC（Model-View-Controller）架构模式：如何设计一个程序的结构MVC模式就是架构模式的一种M：Model（模型）V：View（视图）C：Controller（控制器）MVC 模式认为程序不论简单还是复杂，从结构上看，都可以分为三层1：最上面的一层，是直接面向最终用户的"视图层"（View）。它是提供给用户的操作界面，是程序的外壳。2：最底下的一层，是核心...
2019-12-07 16:18:11
187
原创 HTTP
HTTP协议是一种使用明文数据传输的网络协议（超文本传输协议）。HTTPS协议可以理解为HTTP协议的升级，就是在HTTP的基础上增加了数据加密（加密传输协议）HTTP 的工作流程和服务器建立链接建立链接后，发送一个请求给服务器（请求）服务器接受到请求以后进行相应的处理并给出一个回应（响应）断开于服务器的链接1：和服务器建立连接建立链接的主要步骤叫做 三次握手1：...
2019-12-07 11:56:06
146
原创 Git 与 github
git：分布式版本管理器，就是一个管理我们文件夹的工具github：一个网站，我们托管项目的平台git 把文件传送到 github 上进行保管，而 github 也只接受 git 传送的代码git 的使用我们说了， github 只接受 git 传送上来的代码，既然我们要把项目放到 github 上，那我们就要先来学习 git 的使用，用 git 来管理我们的项目git 的安装...
2019-12-06 21:50:14
209
原创 发布订阅模式
观察者模式观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改时，所有依赖于它的 对象的都会得到通知，并且会自动更新，它其实就是观察者和被观察者之间的通信观察者模式有一个别名叫做 发布订阅模式，就像你订阅了一份报纸，其他人也订阅了和你一样的报纸，当报社发布报纸时，订阅了这个报纸的人就能得到新报纸了发布订阅模式上面说过，发布订阅模式是观察者模式的一个别称，但 发布订阅 ...
2019-11-27 21:58:16
315
原创 三种编程思想
面向过程编程面向过程就是将编程当成是做一件事，要按步骤完成，每一步就是一个过程所以我们要去关注他的内部结构，将一个大功能分成很多小功能，一一去实现它，然后把他们组合成一个大功能将一个函数拆分成很多子函数，来降低系统的复杂度，它讲求每个小功能的实现，简单来说就是函数的调用面向对象编程 (OOP 编程)面向对象就是将编程当成是一个事物，对外界来说，事物是直接使用的，不用去管他内部的情况。...
2019-11-27 20:48:38
336
原创 json-server 的基本使用与RESTFul 风格的api
json-server 的基本使用我们知道 json-server 是一个 npm 管理的包，可以提供前端提供mock的功能。，安装方法在前面已经说过，再次不多做解释，安装好之后，它会提供一个 json-server 的全局命令，基于该命令，我们就可以快速的mock数据。但是我们发现 json-server 的接口的使用方式和其他的一些接口的使用方式稍微有一些不一样。我们常见的接口：都是 g...
2019-11-11 21:02:19
502
原创 slot：插槽
在我们使用组件之后，当组件定义完毕后，我们可以通过标签的方式去使用这个组件，类似于传统的HTML标签的使用，可以使用单标签，也可以使用双标签的方式；在传统的HTML双标签里面，我们可以在标签的内部写一个内容，那么如果是在我们自己开发的组件里面也书写内容，那么会出现什么样的结果？<div id="box"> <h1>{{ title }}</h1> ...
2019-11-03 00:25:06
191
原创 组件间的通信
什么是组件间的通信多个组件间的数据的相互传输和共享为什么回出现这种问题在使用 vuejs 组件进行开发的时候，我们的页面不可能只使用一个组件，肯定是各个组件组合使用，每个组件都有自己的 data ，但是它们有不可能是单独存在，肯定要和其他组件进行数据的交流，我们把这种组件之间进行的数据传递共享称之为组件间的通信问题vuejs 组件间的通信一般有以下几种：1：父子通信2：子父通信...
2019-11-02 23:44:56
140
原创 vuex
什么是 vuex官网解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。划重点：注意1： vuex 只能在vuejs项目...
2019-11-02 15:46:27
138
原创 ElementUI 的使用及自定义设置
什么是 ElementUI官网介绍：Element，一套为开发者，设计师和产品经理准备的基于Vue 2.0的桌面端组件库在开发的过程中，很多时候有很多的部分是可以被公共的时候，例如导航，底部的选项卡（手机web app）我们可以自己去开发，也可以使用第三方公司专门开发的这些组件库（UI组件库），ElementUI 就是其中的一种，还有几个比较好的：1: MintUI （饿了么前端团队...
2019-11-02 10:17:26
2219
原创 nuxt.js 的使用
之前我们已经知道到了如何使用 nuxt.js 去创建一个项目，并且也知道里面有哪些文件，都有什么作用，现在我们就来用一下这个框架首先我们要知道项目的启动文件是：server/index.js，并且我们写组件页面的文件夹是：pages接下来我们就在 pages 文件夹下写一个组件页面1：在 pages 下新创建一个目录（mypages，可以自己取名字)(主要是想让主组件在最外面，明显一点...
2019-11-02 08:51:44
1373
原创 npx 的使用和 vue-cli 4.x 如何使用 2.x
npx 的使用npx 是什么npx 是在 node 中自带的一个工具，可以帮助我们使用局部安装的工具包的命令为什么要用 npx因为现在企业开发项目的时候，不建议把这些工具安装成全局这是因为现在的工具包更新很快，有可能你上一个项目用的是2.x版本，这个项目用的就是4.x版本，如果你安装了全局的话，要维护上一个项目，并进行现在这个项目的开发的话，就有可能出现高低版本兼容问题，所以我们一般都是...
2019-11-01 23:06:10
2462
原创 浅谈SEO
SEO是什么SEO：搜索引擎优化利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名为什么使用 SEO目前的网站有大类：1、本身就是功能性的网站（门户网，企业网站，电商网站等）2、平台型网站：提供给第三方网站进行入驻（百度，阿里，谷歌等）如果你自己开发一个网站，想要它出名，一是这个网站本身要好（域名好，内容好等），二是这个网站要被很多人所知道，它包括购买好的域名（太贵了，不现实）...
2019-11-01 23:02:11
298
原创 SEO和 SSR及nuxtjs 的初步使用
EO 和我们的 SSR 有什么关系？网站尽可能做到静态化(1. 真静态，真正的生成静态的HTML文件，SEO是非常喜欢的 2. 伪静态，是一个假的静态网站，用来欺骗搜索引擎，使得我们的url地址变得好看一些 )真静态真静态： 真正的生成静态的HTML文件，在后台服务器我们可以通过一定的方式（模板引擎）把数据和我们的HTML页面（模板，里面存在一些特殊的语法、插值表达式 express-a...
2019-11-01 23:01:48
690
原创 vue-cli 小技巧
端口自定义我们知道，当我们用 vue-cli 构建好一个项目之后，他会默认给我们开一个端口，但是，如果不想用它的默认端口，，我们该怎么去设置呢端口设置方法1：在与 package.json 文件的同级下，创建一个 vue.config.js 文件2：在里面进行以下配置，重新运行，端口就会变成你设置的那个了module.exports = { devServer: { p...
2019-10-30 23:50:15
105
原创 vue-cli（vuejs 脚手架）创建一个项目
在一个大型的项目里，把所有的代码都放到一个文件里显然是不现实的，所以在实际做项目的时候，我们都会把他们分类放到不同的文件里面，使它们尽可能的小，这样也便于后期的维护和管理。根据项目的功能需求，划分出不同的功能模块，然后建立相关的文件夹进行统一的管理。这种管理访问一般我们叫做 工程化 管理。什么是 vue-cli当我们的 vuejs 项目一定大的时候，我们也要考虑一下这种工程化的管理模式，vu...
2019-10-30 21:15:18
314
原创 vuejs之组件介绍及简单使用
什么是组件对于一些大型的网站，我们可以看到他们的各部分页面其实有很多事相同的，如头部和尾部，以及一样列表的样式，它们都是可以被反复使用的。为了代码的复用和后期维护的方便，我们一般会尽可能将公共的那一部分提取出来，形成单独的一部份，供其他地方使用，我们把这公共的部分叫做组件组件里一般会包括页面结构，样式，数据和生命周期函数如果我们做的足够的抽象提取，那么这些公共的部分可以被很多第三方进行使用。...
2019-10-28 22:28:51
209
原创 vue 组件之结构，数据，样式，行为，及生命周期函数
vue 组件之 data （数据）data ：代表是当前这个组件内部的数据，一般也叫做state 状态，模型变量之前我们知道了 vue 组件的定义和基本使用，但是我们发现，vue 组件使用的时候，不能在标签里加内容，比如说：<div id="box"> <my_component>你好</my_component></div><...
2019-10-28 22:28:20
270
原创 mock 的基本认识与生成方法
什么是 mockmock 翻译过来叫做模拟的意思，那么在前端里面指的是前端自己使用一定的方式去模拟生成一些测试数据。为什么要学习 mock现在很多的 web 项目都是前后端完全分离的项目，后端负责提供数据，前端通过请求api 接口获取数据。然而前后端开发的进度是不一样的，所以在我们没有后端给我们的数据，而我们有需要数据的时候，我们用可以自己模拟数据，到时候只要把接口改一下就好了为什么要前后...
2019-10-26 15:01:08
2055
1
原创 map, forEach, filter, every, reduce, some 的基本使用
我们先来创建一个数组，之后的方法都是建立在这个数组上的var arr = [ { id: 1, name: 'lili', gender: "fmale", class: "six" }, { id: 2, name: 'xixi', gender: "fmale", class: "five" }, { id: 3, name: 'ximing'...
2019-10-26 11:19:19
244
原创 vuejs 中的 computed,watch（和 filter）
我们现在已经知道如何把模型中的数据放到视图里，但这里有一个问题，如果我们模型里的数据要经过处理才能放到视图上的话，我们就需要用到方法。比如说我们在模型里有一个 username 属性，它的值是小写的，但是我们想把它转换成大写，我们就要对数据进行处理，如下面的代码所示<div id="box"> <h3>{{ name }}</h3> <h3&...
2019-10-26 09:19:36
627
原创 匿名函数和函数自调用
匿名函数匿名函数：顾名思义，就是没有名字的函数function (){ console.log("我是匿名函数");}但既然是函数，那总要拿出来用吧，他名字都没有，我们怎么用它呢，这里有两种使用匿名函数的方法第一种：定义变量赋值就是定义一个变量，用这个变量去接收这个函数，然后使用这个变量去调用函数var b = function (){ console.log("我是匿名函数"...
2019-10-25 23:56:07
360
原创 vuejs 指令之 v-on
v-on绑定事件监听器。事件类型由参数指定，我们还是用代码来看会清除一些<div id="box">//click:事件类型，不要加前缀 clickHandler:方法名称，用事件名称+Handler组成 <button v-on:click="clickHandler">点击事件 v-on</button> <!--简写-...
2019-10-25 00:31:44
325
1
原创 vuejs 指令之 v-model
v-model负责收集页面的数据<!-- v-model :负责收集页面的数据，之前我们都是从data里向页面--><!--在表单控件或者组件上创建双向绑定--> <div id="box"> <h2>{{ title }}</h2> <!--要收集的信息，在元素里加上 v-model ...
2019-10-25 00:31:20
306
原创 vuejs 指令之 v-bind
v-bind<div id="box"> <!--v-bind: 代表给 src属性进行值的设定--> <img v-bind:src="baidulog" alt=""> <!--也可以简写--> <img :src="baidulog" alt=""> <!--还可以添加css属性--&...
2019-10-24 23:10:10
283
原创 vuejs 指令的使用
前面我们已经学习了 vue 的安装和基本用法，这次我们来学一下指令的基本使用vuejs 提供一个叫做指令： 在 vuejs 以 v-开头的标签叫做指令，扩展html本身标签的能力1. 指令要作为元素的属性使用 2. 指令提供一个js执行环境v-text更新元素的 textContent，如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值（官网解释）。...
2019-10-24 23:07:42
473
原创 vuejs介绍
#什么是vuejsvuejs是一套用于构建用户界面的渐进式框架（一个前端框架）Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。#vue 的安装1、直接在官网下载，然后用 ，但是这个有一个问题，那就是当你没网的时候，这个就不能用了补充：C...
2019-10-24 23:06:54
1053
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人