- 博客(32)
- 收藏
- 关注
RSS订阅原创 预编译解决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//这是生成metanpm i vue-meta-info --save2,安装好就需要配置我们的vue.config.js 在我们的项目中找到vue
2020-06-29 17:32:15
590
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
3287
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
458
原创 应用程序缓存
应用程序缓存概念：使用HTML5，通过创建 cache manifest 文件，可以轻松地创建web应用的离线版本优势可配置需要缓存的资源网络无连接应用仍可用本地读取缓存资源，提升访问速度，增强用户体验减少请求，缓解服务器负担Cache Manifest 基础如需启用应用程序缓存，需要在文档的<html>标签中包含manifest属性，值为应用程序缓存清单文件...
2019-05-06 18:53:19
711
原创 地理定位接口
地理定位接口获取位置的方式（常规可用方式，而浏览器自动选择，我们无法控制）ip地址优点是在任何地方都可用，在服务器端处理缺点是不精确（一般只能精确到城市级）；运算代价大GPS优点是精确度高缺点是定位事件长，耗电量大；室内效果差；需要额外硬件设备支持WI-FI优点是精确；可在室内使用；简单、快捷缺点是在WI-FI接入点少的地区无法使用手机信号优点是相当...
2019-05-06 18:51:37
2043
原创 html多媒体标签
多媒体标签audio：音频*src：文件路径*controls：控制面板autoplay：自动播放loop：循环播放video：视频*src：文件路径*controls：控制面板autoplay：自动播放loop：循环播放width：宽度height：高度poster：封面占位图source：不同浏览器支持的视频格式不同，所以...
2019-05-06 18:26:46
638
原创 弹性布局
弹性布局设置父元素 display: flex; 这会使每个子元素自动变为伸缩项所谓伸缩项，就是说当父元素的宽度不足以容纳所有子元素时，会将子元素进行等比例收缩直到父容器足以一行放下所有子元素设置父元素的 justify-content值flex-start 让子元素从父元素的起始位置开始依次排列flex-end 让子元素依次排列直至正好排到父元素的末尾center 依次...
2019-05-06 18:10:33
375
原创 web字体和图标
web字体和图标介绍开发人员可以为自己的网页指定特殊的字体，无需考虑用户电脑上是否安装了此特殊字体，从此把特殊字体处理成图片的时代已经过去。而且它的支持程度很好，甚至低版本ie也能支持字体格式：不同浏览器所支持的字体格式不一样.ttf格式：是windows和mac最常见的字体，是一种RAW格式，支持这种字体的浏览器有ie9+，fixfox3.5+，chrome4+，safari3...
2019-05-06 18:08:24
1451
原创 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
721
原创 2D转换
2D转换transform2D移动：translate()。使用translate()函数，可以把元素从原来的位置移动，移动参照元素左上角原点语法：translate(x px) | translate(x, y px)只设置一个参数表示向x方向移动，设置两个参数表示向x和y方向移动也可以使用translateX(x)或者translateY(y)执行完毕之后会回到原始状态有一个...
2019-05-06 17:50:58
590
原创 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
5853
原创 css选择器
选择器id选择器名称只能由字母、数字、下划线构成，且不能以数字开头class选择器标签选择器通配符选择器后代选择器空格浏览器底层遍历父子选择器是从右往左看的直接子元素选择器>并列选择器div.box 选择class为box的div，即交集，可以继续添加选择条件分组选择器，表示被逗号分隔的选择器公用一个代码块，即并集伪类选择器...
2019-05-06 17:21:03
104
原创 mongoDB介绍
mongoDB关系是数据库对应多个集合集合对应多个文档对象在mongo中不论是db还是集合，你都无需去创建他直接就当他已经存在，直接Use来使用use db名称;接着会被切换到该db中db.要创建的集合名称.save({});这样集合就被创建了1:启动服务器mongod --dbpath "D:/mongodb/db" // 目录一定要存在自己创建随便名称‘...
2019-05-05 16:25:15
99
原创 MySQL中的一些基本函数
聚合函数统计数量count(星号)求和sum(math+english+chinese)平均值avg(math+english+chinese)找最值max(列)/min(列)/max(math+english+chinese)
2019-05-05 16:24:01
376
原创 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
108
原创 session与cookies关系
sessionsesion是服务端存储数据，session也是一个对象。对session 的操作，就是基本的对象操作。读value 添加 key：value使用方式在哪使用：接口中。1:往session 中存数据 ctx.session.属性 = { 数据key:value }cookiescookie 是客户端存储数据 cookie 存储的是session对象key...
2019-05-05 16:21:29
163
原创 nodejs路由中间件
中间件类别应用级中间件 app.use(事fn)路由级中间件1:获取路径级中间件2:配置路由3:加入到应用程序控制中app.use(router);内置中间件处理一些静态资源文件的返回(设置将某个目录下的资源文件向外暴露)当url匹配上我设置的目录下的子文件后，自动返回该文件加入到应用程序控制中app.use(内置中间件);第三方中间件更方便的处理coo...
2019-05-05 16:19:40
913
原创 `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
188
原创 jQuery中一些常用方法
jQuery的一些常用方法去除字符串的两端空格var str = ' aa ';var res = $.trim（str）；//去除空格会返回新的判断是否是window 判断传入值是否为window对象 返回true or falsevar arr = [1,2,3]var w = new window();$.isWindow(arr);//false...
2019-05-05 16:13:36
248
原创 json详解
Jsonjson是什么？json是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度,那么,json到底是什么?JSON就是一串字符串 只不过元素会使用特定的符号标注。1，Json基本信息创建json：{ “name”:"zhangxin", ”age“:111}为了和xml有区别 属性名必须...
2019-05-05 16:08:59
224
原创 JavaScript继承
继承JS中继承的概念：通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法，我们把这种方式称之为继承 并不是所谓的xxx extends yyy为什么要使用继承？有些对象会有方法(动作、行为)，而这些方法都是函数，如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 function Person(){ this.say=function()...
2019-05-05 16:05:01
142
原创 构造函数详解
构造函数创建对象的例子：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
707
原创 webpack 全局打包以及原因
为什么要使用webpack 以及全局使用方法一，为什么要使用webpack？首先要知道打包原理，因为当我们使用node写代码时，有时候前端也就是浏览器无法读取到node里面的关键词 比如说（require）二，webpack作用？webpack可以帮助我们 使我们的代码可以兼容1. 安装npm i(install) webpack -g2. 使用//直接使用webpack命令行...
2019-04-26 20:32:32
536
原创 改变this指向的方法
第一种 call()方法写法：函数.call(this, 内容一，内容二)第一个参数要指向的 后面的参数为函数执行的时候的实参列子window.str = 'window';var a = { str : 'a'}function fn(){console.log(this.str);} fn.call(); //windowfn.call(window); ...
2019-03-27 21:34:03
170
原创 简单的验证码
使用随机数做一个简单的验证码Math.random(): 获取0~1随机数Math.random()*num: 代表 取一个> = 0 且 小于 num 的数一般会在前面 加上一个 Math.floor() 这个代表的是取整数下面为这个验证码的代码style样式 <style> .p1{ width: 150px; ...
2019-03-23 14:50:04
179
原创 html 元素内容溢出省略号显示
元素溢出打点显示在页面中我们有时会遇到文本太长又不想让它换行显示 我们就可以用这种方法让页面更加好看css样式： div { width: 200px; height: 200px; border: 1px solid black; /* 元素溢出内容 隐藏 */ ...
2019-03-23 14:33:50
2469
原创 JavaScript 预编译
JavaScript 的预编译cosnsole.log(变量);//undefinedvar 变量 = 123;function 函数(){ console.log(函数);}先创建window对象变量名提升 （在运行到console的前 就会先声明一个名为“变量”的变量 并且默认这个变量值为undefined）找到函数名把整个函数赋值给函数名ps...
2019-03-16 14:51:38
202
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
141
原创 JavaScript基础知识点
1，值为false的六个!false//true!undefined//true!0//true!''//true!NaN//true!null//true2，函数表达式为true!function aa(){}//false3，typeof返回的为字符串typeof(typeof 1)//"string"typeof(typeof undefined)...
2019-03-14 21:41:33
183
1
原创 JavaScript 原型
原型1，函数。prototype ：是function对象的一个属性，通过该构造函数产生的对象 都可以继承zhanghao.prototype.name='erzi';function zhanghao (){}var person = new zhanghao();console.log(person.name);//erzi2，作用：提取共有属性function zha...
2019-03-12 19:15:03
150
1
原创 html的页面解析
html解析第一步会识别html代码绘制dom树（深度优先原则）1, 首先识别html2, 然后识别 head 3， 识别head里面含有的标签4， 识别完以后才会识别body（注意：dom树 解析和加载是异步的 比如&lt;img src='xxxx'&gt; 会直接解析下面 不会等src加载进来 ）绘制dom树完后等css树最后形...
2019-03-09 15:21:17
3454
原创 jQuery基础部分
jQuery核心函数和方法核心函数$()就是核心函数$();可以接收函数$(function(){ alert('开心就好鸭');})可以接收字符串 （返回了一个jQuery对象 对象中保存了找到的dom元素）$(function(){ alert('开心就好鸭'); var $('div');})可以收代码片段 （返回...
2019-03-06 22:14:19
233
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人