自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

原创 VUEX

VUEX直接引入vuex的代码 不是在脚手架使用的情况下可以下载vuex源码(https://unpkg.com/vuex)vuex是基于vue的基础上进行开发的基础使用在vs里当中使用vuex首先引入 <script src="./vue.min.js"></script> <script src="./vuex.js"></script> //vuex是基于vue开发的4步走1注册2引用3定义4使用 //

2020-08-12 10:19:01 168

原创 配置host

为什么要使用host大家都知道 在开发的过程当中,很多人前辈会让我们在host文件里面配置一个域名,什么a.com 127.0.0.1,这样我们就能通过访问a.com来调用我们自己window环境下的php代码了。那么为什么要配置呢?简单来说,我们在浏览器上输入域名,如baidu.com,然后浏览器会像我们配置的dns去获取这个域名对应的ip,然后再把这个http请求发送到这个ip上去。然后因为我们配置的域名是虚拟的,所以通过host文件上配置,然后浏览器访问这个ip的时候,直接读取host文件,而不去

2020-11-25 10:01:42 940

原创 REM

;(function(){ /* 以750px的宽度的设计图为标准 动态的设置html 的fontSize 达到缩放的效果 */ var doc = document.documentElement, // 获取到html元素 resize = function(){ var WIDTH = doc.clientWidth, fontSize = WIDTH * 100

2020-11-24 16:32:24 157

原创 CS3定宽居中

附代码使用绝对定位与相对定位的方式 百分度的形式来写 .main { width: 100%; height: 100%; background-color: #B2B2B2; position: relative; } .section { border-radius: .2rem; position: absolute;

2020-10-26 10:16:03 206

原创 setting作用

setting作用为什么要在vue当中引入setting.js文件把.js文件的编码方式由改成默认的ISO-8859-1改成GBK时,这个文件会有记录。如果把这个文件删了,在eclipse中查看js文件的中文字符就是乱码,但发布的时候还是能正常显示中文的。结论:这个文件是eclipse查看js文件的时候用的,记录了用什么编码方式查看。与发布无关。.settings\文件夹不会被打到.war包里把这个代码复制文件 后缀名为.js 然后进行引用//Written in 2020-05-22

2020-09-25 16:03:39 1480

原创 Babel 一款把es6语法转变成es5

https://www.ziyuanm.com/rjyy/babel/

2020-09-25 10:56:08 118

原创 uniAPP项目如何进行打包H5及报错

uniAPP打包使用HBuider软件进行打包第一步:修改发布路径第二步:发布打包第三步:设置标题和域名点击"发行"会自动进行打包,打包完成后打开生成的文件目录第四步:上传项目修改目录名称,如第一步所示我们的目标发布目录名称为”/info/”,则将目录名称改为infouniAPP项目打包报错当出现报错出现这个报错的话解决方法是在文件夹当中在mainfest.json中设置h5节点的publicPath为:’./'打包后即为相对路径然后还是会报图片错误 具体修改方法

2020-09-15 11:28:39 2003

原创 GitLab

当你全部都按照下面这个讲解完成了https://www.cnblogs.com/xiuxingzhe/p/9303278.html添加GitLab的公钥时为啥会出现Key has already been takenFingerprint has already been taken简单粗暴重新生成把原先的那个生成的公钥与秘钥全部都删除 重新再创建一个新的...

2020-09-14 15:19:32 244

原创 自己写一个REM的配置

;(function(){ /* 以750px的宽度的设计图为标准 动态的设置html 的fontSize 达到缩放的效果 */ var doc = document.documentElement, // 获取到html元素 resize = function(){ var WIDTH = doc.clientWidth, fontSize = WIDTH * 100

2020-09-09 22:11:17 138

原创 TS

TS为什么现在大厂使用TS语言ECMAScript, JavaScript, TypeScript.显然,三者共同部分是 Script. 所以,它们的关系就是它们都是脚本。ES 是每个JS的版本标准JS 是每个浏览器按照ES标准 创建的语言 (node.js 也是基于ES标准创建的)TS 是JS语言的升级版(强调数据类型) 同时TS是脱离浏览器的单独语言ts简介和安装使用...

2020-09-07 20:58:47 239

原创 Uni-app

Uni-appuni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台

2020-09-07 20:48:36 134

原创 TodoList(vue)

用简单一种方法写用vue组件写第一步利用了父传子第二步利用了子传父<script src="../vue.min.js"></script><body> <div id="app"> <h1>ToDoList<input type="text" @keyup.enter="addthing" v-model="thing"></h1> <!-- 需求是 当鼠标按下的时

2020-08-19 17:26:40 111

原创 导航守卫beforeEach

beforeEach<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <

2020-08-19 09:48:28 144

原创 VUEX访问404页面

404创建的404页面写上访问不存在的内容创建一个404.vue页面在router文件夹里面的路由配置{path:’*’, //路由配置填通配 *component:()=>import(’@/创建的页面)}

2020-08-16 22:17:08 115

原创 用页面创建脚手架替代窗口创建脚手架

页面创建脚手架在命令窗口输入 vue ui会让电脑变卡然后进入这个界面 点击创建 把里面的可以删除将NPM默认设为淘宝镜像然后一步一步创建然后点击下一步然后点击创建项目进行创建创建成功后需要什么配置请自行安装然后这就是安装成功了,需要插件可以自己安装...

2020-08-11 21:32:10 187

原创 npm全局安装模板地址错误

安装完npm后安装cnpm报错是全局安装模板地址错误https://www.cnblogs.com/web-record/p/11950334.html解决方案是方法一:npm list -g --depth 0方法二:输入npm root -g 得到全局node_modules的地址在任意文件夹输入此地址,便可查看所安模块...

2020-08-11 16:15:03 191

原创 谷歌的极简插件

谷歌极简插件->vue百度搜索极简插件->搜索vue->点击下载下载完后进行解压然后点击->组织->文件夹与搜索选项->查看->找到隐藏已知文件类型的扩展名->进行关闭然后把这个文件的后缀名改为.zip文件 进行解压然后在扩展程序里打开->开发者模式->加载已解压文件的扩展程序->进行选者然后成功...

2020-08-10 15:28:46 2085

原创 VUE路由跳转与讲解

VUE简单路由跳转与讲解 不带参静态路由1定义路由组件2定义路由表3实例化路由对象4注册路由对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U

2020-08-04 09:46:22 586 1

原创 通过uTools App让其写的代码在个人手机上查看

如何通过uTools App让其写的代码在个人手机上查看在uTools App安装内网穿透然后打开服务器 打开这个页面就可以访问了

2020-08-03 11:42:46 611 1

原创 node.js使用express搭建服务器

express搭建服务器//web服务器const express = require("express")const url = require("url")// 处理请求体中post传递的参数const bodyParser = require("body-parser")const goodsRouter = require("./router/goodsRouter")const usersRouter = require("./router/usersRouter")//创建

2020-07-30 13:46:24 322

原创 Vue的组件传值

Vue的组件组件分为全局组件与局部组件全局组件<body> <div id="app"> <btn-con></btn-con> </div> <script src="./Vue/vue.min.js"></script> <script> //这是定义全局的 component为组件的单词 Vue.component('

2020-07-28 20:17:07 174

原创 数据库常用的代码片段 Mysql

连接数据库<?php$servername = "localhost";$username = "root";$password = "root";$db = "lianxi"; // 创建连接$conn = new mysqli($servername, $username, $password,$db); // 检测连接if ($conn->connect_error) { die("连接失败: " . $conn->connect_error);}

2020-07-24 19:55:40 196

原创 Vue语法

vue官网:http://cn.vuejs.org/手册:http://cn.vuejs.org/v2/api/常规写法1、 var vm = new Vue() : 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 根实例开始的2、el: 挂载点,表示vue实例接管了对id=app的元素的控制3、data: 数据4、{{msg}} : 模板中的文本插值,表示此处插入msg变量所存储的数据<div id="app">{{msg}}</div>

2020-07-24 16:54:01 122

原创 如何把获取的JSON数据插入到MySQL中

自己在官网上搞数据存为JSON 然后插入到MySQL里1 直接爬官网的数据首先创建一个空的用来存放json文件的文件// 需求: (1) 读取页面的html// (2) 把数据存入数据库,或存入data.json//request模块: 发起http请求// 安装 : cnpm i request --save const request = require("request");// 把html代码转为类似jquery对象const cheerio = require("ch

2020-07-22 20:42:50 4124 2

原创 Bootstrap栏珊格式移动布局 Echarts属于嵌套图型的样式

Bootstrap栏珊格式移动布局 一款专为移动端写的布局适配移动端 无论屏幕如何切换 效果不发生距离的改变 适配于各种切换Bootstrap安装Bootstrap官网->起步通过npm安装$ npm install bootstrap@3想用里面的样式时要引入Bootstrap的css与js文件 具体看官方文档案例当用里面的样式时 引入它固带的样式css与js文件,然后根据它里面规定的类名进行修改 套用Echarts这个是图比较666 需要图的描述可以搞这个

2020-07-22 19:28:02 495

原创 Node框架使用 (双工通信webSocket)

框架的作用框架可以帮助省略掉一些基本的相同底层代码的反复书写,只需调用框架的方法就可以实现你想要的功能Node 相关的框架expresskoaeggthinkjsadonisjsnestjs简单的发送数据 数据请求与关闭使用的是安装相关框架与第三方插件当已经安装后mon操作是nodemon 要进入的文件HTML的代码.html<!DOCTYPE html><html lang="en"><head> <meta ch.

2020-07-20 16:35:12 305

原创 搜索框搜索东西时自动提示信息 保留历史消息

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2020-07-16 16:21:34 316

原创 Node当中Fs模块的处理如何搭建服务器

Fs模块分为 只读fs.readFile// 异步操作var fs = require("fs"); fs.readFile("./file/1.txt",function(err,data){ if (err){ console.log('读取错误'); }else{ // toString():可转换二进制,显示中文 console.log(data.toString()); }

2020-07-14 13:47:33 160

转载 图标样式

先建个icon文件夹放置样式具体请看[https://www.cnblogs.com/aiziyouhai/p/9539512.html]

2020-07-11 14:35:42 94

原创 如何安装node.js 使用node

1 可以去菜鸟教程->搜索node.js安装2 直接去node.js官网安装安装完后shift+鼠标右键 ->打开命令窗口在VScode里面操作按 ctrl+ ~ 也可以操作安装完后会出现 package.json如果想在另一台电脑安装 直接把这个电脑安装后生成的 package.json 复制 然后打开另一台电脑的控制台 输入 npm install 这个命令直接把你在这台电脑安装的node 会直接在另一台电脑进行主动式安装安装完Node后 1.1 安装完成node后

2020-07-10 15:29:56 325

原创 ES6语法大杂烩

ES6语法大杂烩1 块级作用域{}2 let 与var的区别let 定义块级作用域{} 在一个块级作用域当中不能重复声明let arr=[];for(var i=0;i<10;i++){ arr[i]=function(){ console.log(i); //10 }}arr[3]()let arr=[];for(let i=0;i<10;i++){ arr[i]=function(){ console.log(i);//3 }}arr[

2020-07-08 20:44:11 185

原创 ES6常见的数组遍历方法(6种)

ES5常见的数组遍历(迭代)方法forEachmapfiltersomeeveryreduce

2020-07-08 11:20:24 11183

原创 GIt中提示 please tell me who you are

当操作Git的时候出现然后按照指示添加就可以了

2020-06-30 11:29:53 1135

原创 用字符串拼接实现超复杂的数据渲染

超复杂的数据渲染这样的格式如何进行渲染{ "dataResult":[ { "titlesrc": "https://img12.yiguoimg.com/d/items/2020/200313/9288740091701357_1125x652.jpg?w=1125&h=652", "proList": [ { "titl2": "https://img13.yiguoimg.com/d/items/2019/190116

2020-06-29 20:14:55 284

原创 如何获取自己的秘钥与位置信息 和位置的调用 公交的换乘

如何获取自己的秘钥是否要请求个人的位置信息JS代码<body> <div class="box"> </div></body><script>var box=document.querySelector(".box"); function getlocation(){ if(navigator.geolocation){ navigator.geolocation.g

2020-06-28 19:15:33 387

原创 JS当中的本地缓存与离线缓存(超详细的哈)

什么是离线缓存1 第一步我们要在创建mf.appcache这个文件manifest="mf.appcache"这个是我们要引入的文件<!DOCTYPE html><html lang="en" manifest="mf.appcache"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale

2020-06-28 16:24:30 1229

原创 套用框架写项目 swiper

移动端框架该框架主要攻轮播图样式 swiper框架[https://www.swiper.com.cn/]点击进入->打开中文教程-> swiper使用方法->进行下载文件->然后打开文件->找到js包->找到swiper.min.js 与 swiper.min.css进行使用然后找到你需要的样式就可以使用了哈...

2020-06-23 16:21:12 145

原创 教你如何用原生JS方法 爬数据 如何进行请求数据获取的为JSON数据 渲染数据

爬数据var data=[];$(".newbrand_box.ClearFix.mt40").each(function(index,item){var obj={};obj.titl4=$(item).find(".h2_top").text();obj.src=$(item).find(".lazy").attr("src");obj.src1=$(item).find(".mryh_goods.ClearFix.floor_g_list>li>img").attr("src"

2020-06-23 07:55:26 1544 1

原创 当UI给了设计稿时如何正确写一个移动端样式

常规的设计稿以750为标准规定的,而我们要把它转换为375的格式(iphone6格式)在没引入rem.js文件时 直接转换二种方法直接用@media()引入自己定义的或者t他人写的rem.js样式栏珊格式 @media()转化rem 适配常用机型引入rem.js文件 适配常用机型...

2020-06-23 07:44:08 462

原创 JS请求数据(GET POST)超详细

GET请求在这里插入代码片POST请求在HTML中写入let xhr=new XMLHttpRequest(); xhr.open("POST","插入要引入的PHP文件",true); // POST请求必备的一句语句 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); xhr.send(发送数据); xhr.onrea

2020-06-21 19:27:11 8982

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除