xh-code-优快云博客

原创关于vue做seo优化处理以及相关配置

对于vue3.0以上需要自建vue.config.js文件做相关配置信息vue的seo优化处理有几种方案这里暂时介绍一种方案第一种安装prerender-spa-plugin 插件处理配置代码如下：const PrerenderSPAPlugin = require('prerender-spa-plugin');//引入插件const Renderer = PrerenderSPAPlugin.PuppeteerRendererconst path = require('path'

2021-08-03 09:48:47 657

原创 W3Cschool初级脚本算法课程列表答案大全

初级脚本算法课程列表答案大全创建与2021年3月1号 constructor() { this.auther="xinaghai"; this.createTime="2021年2月8号"; console.log("开启算法"); } init() { let dayin; //dayin=this.reverseString("hello");翻转字符串算法挑战 //dayin=th

2021-03-04 17:13:00 279 1

原创 es6类自定义日历

html代码部分 <table border="0" cellpadding="0" cellspacing="0"> <thead class="thead"> <tr id="cander_id" class="thead"> </tr> </thead> <tbody class="tbody" id="t.

2020-07-06 09:57:07 375

原创 overflow为什么无效

问题：为什么在display：flex下，overflow不起作用？解决方法：使用display：box，display： box是一种古老的写法，现在基本废弃，可用display: -webkit-box; 兼容使用flex布局：flex布局的默认值，子元素有flex-shrink：1，在这个默认值下，子元素的宽是不管用的。将子元素加上flex-shrink：0；移动端问题：安卓和iOS浏览器都是webkit内核，包括变态UC浏览器，对flex支持并不好，但却都支持古老的displa.

2020-06-03 09:25:16 18729

原创 JavaScript打开摄像头

html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>一、</title></head><body><video id="video" playsinline=""></video><input type="button" class="layui-btn

2020-06-03 09:21:47 1569

原创 Threejs加载模型代码

/** * @author mrdoob / http://mrdoob.com/ */var APP = { Player: function () { var loader = new THREE.ObjectLoader(); var camera, scene, renderer; var events = {};...

2020-01-19 16:15:00 255

原创 js可视化音频

var canvas = document.createElement("canvas"); canvas.width = 100; canvas.height = 180; var ctx = canvas.getContext("2d"); ctx.fillStyle = "red"; ctx.strokeStyle = "blue"; ct...

2019-11-05 09:05:00 1730 2

原创素材网站整合

编号网站地址名称 1 http://669pic.com/tupian/wansuwang.html 万素网 2 https://ibaotu.com/ 包图网 3 https://tool.lu/ 在线工具 4 http://www.sucaibar.com/yinxiao/ 素材吧 5 http://ww...

2019-08-09 14:35:23 4508

原创 HTML的input监听输入事件

$("#term").bind('input propertychange', function () { var term = $("#term").val(); if (!type.test(term)) { $("#message").html(" <a style='color:r...

2019-06-27 10:25:41 38565

转载 Echart统计表

function showEcharts() { layui.config({ base: '/src/js/' }).use(['jquery', 'mockjs', 'table'], function () { var $ = layui.jquery, layer = la...

2019-04-18 16:48:33 522

原创 input:checkbox的值的获取

$root = $("input:checkbox[name='platfrom']:checked").map(function (index, elem) { return $(elem).val(); }).get().join(',');

2019-04-12 16:39:06 3814

转载 html视屏背景

<!--BODY...

2019-04-04 16:08:58 469

原创 threejs的模型引入js框架

index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" con

2019-02-20 09:55:38 1273

原创 layui中的数据表格-自定义模板

layui中的数据表格-自定义模板<script> layui.use('table', function () { var table = layui.table; //第一个实例 table.render({ elem: '#bugList' , url: '../co...

2019-01-23 18:29:33 5601 2

转载 js将php时间戳转换成格式化日期

//js将php时间戳转换成格式化日期 function to_date(phpstr) { str = parseInt(phpstr) * 1000;//将php时间戳转化为整形并乘以1000 var newDate = new Date(str); var year = newDate.getUTCFullYear();//取...

2019-01-23 18:25:58 1670

转载多文件的上传接收

<?php/** * Created by PhpStorm. * User: dell * Date: 2019/1/23 * Time: 13:54 *///多文件上传的接收$month = date('Ym', time());//设置上传位置，获取上传文件的目录define('BASE_PATH', str_replace('\\', '/', realpath...

2019-01-23 14:18:32 436

原创触摸滑动翻页-》绑定触摸事件

////////////////////////////////////////////////////////////触摸滑动翻页-》绑定触摸事件var viewport = document.getElementById('contentBox');var currentPosition = 0; // 记录当前页面位置var startX, startY;var initialP...

2019-01-18 14:00:26 239

原创 php编写api

$PriceDb=new PriceDb();class Response{ public static function json($count, $code, $message = '', $data = array()) { if (!is_numeric($code)) { return ''; } ...

2018-12-01 17:03:51 592

转载前端插件

Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素位置时触发一个功能Highlight.js — web 语法高亮Chart...

2018-11-30 09:05:01 301

原创 html中通过url地址传参及获取参数解析方法

var url = document.location.toString();//获取url地址 var urlParmStr = url.slice(url.indexOf('?')+1);//获取问号后所有的字符串 var arr = urlParmStr.split('&');//通过&符号将字符串分割转成数组 var courseId = ...

2018-11-24 13:30:35 19508 3

原创 CSS制作3D盒子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html{ perspec

2018-11-07 11:17:43 1585

转载六种居中的方法

方案一：div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】，兼容性：,IE7及之前版本不支持　　　　div{ width: 200px; height: 200px; background: green; position:absolute; ...

2018-10-17 12:22:21 3147

原创快速编写html

1. 嵌套操作---------- 子操作： > div>ul>li <div> <ul> <li></li> </ul></div> 并列：+ div+ul>li <div>&l

2018-10-17 11:34:41 1170

原创 thinkPHP5标签

数据的循环输出方法一{volist name="list" id="data" offset="0" length="3" mod='3' empty="$empty" key="s"}<p><{$mod}:{$i}:{$data.name}</p>{/volist}方法二{foreach $list as

2018-10-16 16:26:20 265

转载 php导出数据为excel文件

<?phprequire_once "../excel/PHPExcel.php";require_once "../excel/PHPExcel/Writer/Excel2007.php";require_once "../config/database.php";require_once "../model/AdminDb.php";$AdminDb=new Admi...

2018-09-17 14:58:46 194

原创 php连接数据库的配置

代码如下<?phpclass DbCon(){private $db_host="";//连接数据库的地址private $db_type="mysql";//类型Private $db_user="";//数据库用户名private $db_pass="";//连接数据库密码private $db_name="";//数据库名private $pdo;//关于数据..

2018-08-07 12:54:18 5085 2

转载前端框架

1.AliceuiAliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。gitHub地址：https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze UI 是一个轻量级、 Mobile first 的前端框架...

2018-07-25 10:28:58 562

原创计算机系统工具

计算机系统工具XT-0001 C盘清理工具链接：https://pan.baidu.com/s/1Ddmb59HR0mQHqdFUGUoz9g 密码：od03X1000 动态桌面软件链接：https://pan.baidu.com/s/1k1L4_TckBGxdEF_gjjHS4g 密码：2uwhX1002 U盘修复工具...

2018-07-20 22:31:46 461

xianghai