Euphoria_zx-优快云博客

原创预编译解决vue-cli 4.0项目的seo问题

预编译解决vue-cli 4.0项目的seo问题# vue项目上线之后要求解决一下seo问题，现在总结一下希望能帮到各位 ps：其实网上已经有很多的解释了我这边就不多做介绍 1，需要用到我们的prerender-spa-plugin 和 vue-meta-info //这是预编译的 npm i prerender-spa-plugin --save //这是生成meta npm i vue-meta-info --save 2,安装好就需要配置我们的vue.config.js 在我们的项目中找到vue

2020-06-29 17:32:15 682 2

原创 Module build failed: TypeError: this.getResolve is not a function at Object.loader

Module build failed: TypeError: this.getResolve is not a function at Object.loader 解决方法和原因如下当我在vue页面使用scss 使用到scss时候就会报错运行scss的依赖都安装好了原因其实很简单sass-loader版本有问题换成7.0.0版本就好在webpack.json中重新改一下版本，然后...

2019-09-06 20:52:01 3451 4

原创多媒体接口

多媒体接口词典网址 http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp 常用方法 load()：加载 play()：播放 pause()：暂停 jQuery没有提供对视频播放控件的方法，也就意味着，如果要操作视频播放，必须使用原生的js方法常用属性 currentTime 视频播放的当前进度 duration...

2019-05-06 18:55:25 547

原创应用程序缓存

应用程序缓存概念：使用HTML5，通过创建 cache manifest 文件，可以轻松地创建web应用的离线版本优势可配置需要缓存的资源网络无连接应用仍可用本地读取缓存资源，提升访问速度，增强用户体验减少请求，缓解服务器负担 Cache Manifest 基础如需启用应用程序缓存，需要在文档的<html>标签中包含manifest属性，值为应用程序缓存清单文件...

2019-05-06 18:53:19 784

原创地理定位接口

地理定位接口获取位置的方式（常规可用方式，而浏览器自动选择，我们无法控制） ip地址优点是在任何地方都可用，在服务器端处理缺点是不精确（一般只能精确到城市级）；运算代价大 GPS 优点是精确度高缺点是定位事件长，耗电量大；室内效果差；需要额外硬件设备支持 WI-FI 优点是精确；可在室内使用；简单、快捷缺点是在WI-FI接入点少的地区无法使用手机信号优点是相当...

2019-05-06 18:51:37 2167

原创 html多媒体标签

多媒体标签 audio：音频 *src：文件路径 *controls：控制面板 autoplay：自动播放 loop：循环播放 video：视频 *src：文件路径 *controls：控制面板 autoplay：自动播放 loop：循环播放 width：宽度 height：高度 poster：封面占位图 source：不同浏览器支持的视频格式不同，所以...

2019-05-06 18:26:46 696

原创弹性布局

弹性布局设置父元素 display: flex; 这会使每个子元素自动变为伸缩项所谓伸缩项，就是说当父元素的宽度不足以容纳所有子元素时，会将子元素进行等比例收缩直到父容器足以一行放下所有子元素设置父元素的 justify-content 值 flex-start 让子元素从父元素的起始位置开始依次排列 flex-end 让子元素依次排列直至正好排到父元素的末尾 center 依次...

2019-05-06 18:10:33 447

原创 web字体和图标

web字体和图标介绍开发人员可以为自己的网页指定特殊的字体，无需考虑用户电脑上是否安装了此特殊字体，从此把特殊字体处理成图片的时代已经过去。而且它的支持程度很好，甚至低版本ie也能支持字体格式：不同浏览器所支持的字体格式不一样 .ttf格式：是windows和mac最常见的字体，是一种RAW格式，支持这种字体的浏览器有ie9+，fixfox3.5+，chrome4+，safari3...

2019-05-06 18:08:24 1539

原创 3D转换

3D转换 3D移动方法：translate3d(x, y, z)使元素在这坐标轴上移动，可以分开写，如：translateX()，translateY()，translateZ() 3D缩放方法：scale3d(x, y, z)使元素在三个坐标轴上缩放，可以分开写，如：scaleX(), scaleY(), scaleZ() 3D旋转方法：rotate3d(x, y, z, ...

2019-05-06 17:52:48 819

原创 2D转换

2D转换 transform 2D移动：translate()。使用translate()函数，可以把元素从原来的位置移动，移动参照元素左上角原点语法：translate(x px) | translate(x, y px) 只设置一个参数表示向x方向移动，设置两个参数表示向x和y方向移动也可以使用translateX(x)或者translateY(y) 执行完毕之后会回到原始状态有一个...

2019-05-06 17:50:58 693

原创 css背景颜色之颜色渐变

颜色渐变（这是background的一个属性） background: linear-gradient(方向，开始颜色位置，颜色2 位置，颜色3 位置……) 沿着某条直线朝一个方向产生渐变效果参数设置方向参数设置的是线性渐变的方向取值可以取to top / to right / to bottom / to left 也可以取0deg / 90deg / 180deg / 270...

2019-05-06 17:26:56 6090

原创 css选择器

选择器 id选择器名称只能由字母、数字、下划线构成，且不能以数字开头 class选择器标签选择器通配符选择器后代选择器空格浏览器底层遍历父子选择器是从右往左看的直接子元素选择器 > 并列选择器 div.box 选择class为box的div，即交集，可以继续添加选择条件分组选择器，表示被逗号分隔的选择器公用一个代码块，即并集伪类选择器 ...

2019-05-06 17:21:03 162

原创 mongoDB介绍

mongoDB 关系是数据库对应多个集合集合对应多个文档对象在mongo中不论是db还是集合，你都无需去创建他直接就当他已经存在，直接Use来使用 use db名称; 接着会被切换到该db中 db.要创建的集合名称.save({});这样集合就被创建了 1:启动服务器 mongod --dbpath "D:/mongodb/db" // 目录一定要存在自己创建随便名称‘...

2019-05-05 16:25:15 161

原创 MySQL中的一些基本函数

聚合函数统计数量 count(星号) 求和 sum(math+english+chinese) 平均值 avg(math+english+chinese) 找最值 max(列)/min(列)/max(math+english+chinese)

2019-05-05 16:24:01 468

原创 MySQL操作总结

1: 登录： mysql -uroot -p 密码 2: 查看有哪些数据库 show databases; 3: 切换数据库 use 数据库名; 4: show tables; 5: 查看表字段明细 desc 表名; 6: 插入数据 insert into 表名 (字段1,..) values (值1...) 更新操作 UPDATE 表名 SET 字段1 = 表达...

2019-05-05 16:22:57 180

原创 session与cookies关系

session sesion是服务端存储数据，session也是一个对象。对session 的操作，就是基本的对象操作。读value 添加 key：value 使用方式在哪使用：接口中。 1:往session 中存数据 ctx.session.属性 = { 数据key:value } cookies cookie 是客户端存储数据 cookie 存储的是session对象 key...

2019-05-05 16:21:29 232

原创 nodejs路由中间件

中间件类别应用级中间件 app.use(事fn) 路由级中间件 1:获取路径级中间件 2:配置路由 3:加入到应用程序控制中app.use(router); 内置中间件处理一些静态资源文件的返回(设置将某个目录下的资源文件向外暴露) 当url匹配上我设置的目录下的子文件后，自动返回该文件加入到应用程序控制中app.use(内置中间件); 第三方中间件更方便的处理coo...

2019-05-05 16:19:40 983

原创 `jQuery` 节点操作

jQuery 节点操作内部插入 append(content|fn) // 会将元素添加到指定元素内部的最后 var $li = $("<li>新增的li</li>"); $("ul").append($li); appendTo(content) // 会将元素添加到指定元素内部的最后 var $li = $("<li>新增的li</li...

2019-05-05 16:17:29 251

原创 jQuery中一些常用方法

jQuery的一些常用方法去除字符串的两端空格 var str = ' aa '; var res = $.trim（str）；//去除空格会返回新的判断是否是window 判断传入值是否为window对象返回true or false var arr = [1,2,3] var w = new window(); $.isWindow(arr);//false...

2019-05-05 16:13:36 306

原创 json详解

Json json是什么？ json是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度, 那么,json到底是什么? JSON就是一串字符串只不过元素会使用特定的符号标注。 1，Json基本信息创建json： { “name”:"zhangxin", ”age“:111 } 为了和xml有区别属性名必须...

2019-05-05 16:08:59 283

原创 JavaScript继承

继承 JS中继承的概念：通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法，我们把这种方式称之为继承并不是所谓的xxx extends yyy 为什么要使用继承？有些对象会有方法(动作、行为)，而这些方法都是函数，如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 function Person(){ this.say=function()...

2019-05-05 16:05:01 188

原创构造函数详解

构造函数创建对象的例子： var xiaoming = new Object() --> var xiaoming = {}; var now = new Date() var rooms = new Array(1,3,5) --> var rooms = [1,3,5] var isMale=/123/; ==> var isMale=new Re...

2019-05-05 16:03:27 800

原创 webpack 全局打包以及原因

为什么要使用webpack 以及全局使用方法一，为什么要使用webpack？首先要知道打包原理，因为当我们使用node写代码时，有时候前端也就是浏览器无法读取到node里面的关键词比如说（require）二，webpack作用？ webpack可以帮助我们使我们的代码可以兼容 1. 安装 npm i(install) webpack -g 2. 使用 //直接使用webpack命令行...

2019-04-26 20:32:32 590

原创改变this指向的方法

第一种 call()方法写法：函数.call(this, 内容一，内容二) 第一个参数要指向的后面的参数为函数执行的时候的实参列子 window.str = 'window'; var a = { str : 'a'} function fn(){ console.log(this.str); } fn.call(); //window fn.call(window); ...

2019-03-27 21:34:03 226

原创简单的验证码

使用随机数做一个简单的验证码 Math.random(): 获取0~1随机数 Math.random()*num: 代表取一个> = 0 且小于 num 的数一般会在前面加上一个 Math.floor() 这个代表的是取整数下面为这个验证码的代码 style样式 <style> .p1{ width: 150px; ...

2019-03-23 14:50:04 268

原创 html 元素内容溢出省略号显示

元素溢出打点显示在页面中我们有时会遇到文本太长又不想让它换行显示我们就可以用这种方法让页面更加好看 css样式： div { width: 200px; height: 200px; border: 1px solid black; /* 元素溢出内容隐藏 */ ...

2019-03-23 14:33:50 2582

原创 JavaScript 预编译

JavaScript 的预编译 cosnsole.log(变量);//undefined var 变量 = 123; function 函数(){ console.log(函数); } 先创建window对象变量名提升（在运行到console的前就会先声明一个名为“变量”的变量并且默认这个变量值为undefined）找到函数名把整个函数赋值给函数名 ps...

2019-03-16 14:51:38 273 1

原创 JavaScript 立即执行函数

立即执行函数针对初始化功能的函数样式：1.（function(){} ()）; 2.(function () {} )(); (function(){ var a=123; var b=234; console.log(a+b); }()) var num = (function (a,b,c){ var d=a+b+c; return d; }(1,2,3...

2019-03-16 14:31:17 197

原创 JavaScript基础知识点

1，值为false的六个 !false //true !undefined //true !0 //true !'' //true !NaN //true !null //true 2，函数表达式为true !function aa(){} //false 3，typeof返回的为字符串 typeof(typeof 1) //"string" typeof(typeof undefined)...

2019-03-14 21:41:33 242 1

原创 JavaScript 原型

原型 1，函数。prototype ：是function对象的一个属性，通过该构造函数产生的对象都可以继承 zhanghao.prototype.name='erzi'; function zhanghao (){} var person = new zhanghao(); console.log(person.name);//erzi 2，作用：提取共有属性 function zha...

2019-03-12 19:15:03 191 1

原创 html的页面解析

html解析第一步会识别html代码绘制dom树（深度优先原则） 1, 首先识别html 2, 然后识别 head 3，识别head里面含有的标签 4，识别完以后才会识别body （注意：dom树解析和加载是异步的比如&lt;img src='xxxx'&gt; 会直接解析下面不会等src加载进来）绘制dom树完后等css树最后形...

2019-03-09 15:21:17 3659

原创 jQuery基础部分

jQuery核心函数和方法核心函数 $()就是核心函数 $(); 可以接收函数 $(function(){ alert('开心就好鸭'); }) 可以接收字符串（返回了一个jQuery对象对象中保存了找到的dom元素） $(function(){ alert('开心就好鸭'); var $('div'); }) 可以收代码片段（返回...

2019-03-06 22:14:19 328 2

我的博客