你回头我就在-CSDN博客

原创 SEO优化

一：网页头部标题: 只强调重点，每个页面设置不同的title 关键词：列举出关键词，不要太多关键词的描述不要太长，各个页面不要设置相同二二：其余标签 1.a标签添加title属性和rel="nofollow"属性 2.至少拥有一个h1标签 3.img标签添加alt属性，并给出说明 4.重要的内容不使用js， 5.不使用iframe标签,不使用diaplay：none属性 6.不使用外部无效链接...

2021-06-24 16:48:02 117

原创正则大全（后续会补充，也欢迎大家补充更多的，谢谢）

1.检测（密码为数字+字母+字符，至少八位）reg=/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*.?+-_])[\da-zA-Z~!@#$%^&*.?+-_]{8,}$/2.检测手机号reg=/^1[345678]\d{9}$/,3. 检测是否是整数reg=/^\+?[0-9][0-9]*$/,4.检测起点和终点是否以-连接reg=/.-./5.检测一位以内小数reg:/^(([1...

2021-06-24 16:27:57 151

原创 vscode配置eslint

//配置eslint"eslint.validate":["javascript","javascriptreact","vue-html","html","vue"],"editor.codeActionsOnSave":{"source.fixAll.eslint":true},"eslint.alwaysShowStatus":true,"eslint.codeAction.showDocumen...

2021-06-01 17:15:58 288

原创常用git命令

#查看远程分支git branch -r#查看所有分支git branch -a#查看本地分支git branch#拉取远程分支git checkout -b 本地分支 origin/远程分支#拉取远程分支git pull origin 远程分支　#建立分支git branch --set-upstream-to origin/远程分支名本地分支名#拉取分支git pull#遇到本地冲突，先删除本地分支，再重新拉取远程分支git branch -D...

2021-05-26 09:48:18 60

原创 webscoket心跳监测

classWebsocketConn{constructor(url,cb){this.cb=cb;this.url=urlthis.ws=null;this.s=0//检测错误重新连接次数this.isnor=truethis.lockReconnect=false;//避免ws重复连接this.timeout=30000;//心跳检测时间this.heartCh...

2020-12-10 10:08:09 482

原创 vue项目使用fastclick引发的问题

1.ios点击不灵敏vardeviceIsWindowsPhone=navigator.userAgent.indexOf('WindowsPhone')>=0vardeviceIsIOS=/iP(ad|hone|od)/.test(navigator.userAgent)&&!deviceIsWindowsPhoneconsole.log(deviceIsIOS)fastClick.prototype.focus=function(targ...

2020-12-10 09:59:44 789

原创 vue+elementui(对话框中form表单的reset)

一般在新增和编辑的时候用的都是同一个对话框和form表单，而在先点击编辑的时候form表单的resetfileds函数就会失效解决原理：实际上结构是（通过vue类比）data里面有一个form表单的初始值，methods里面定义了一个resetfileds的函数resetfileds函数的作用:记录在mounted生命周期执行之前最后一次form表单中对象的值,并且重新开启效验在mounted周期中resetfileds函数会自动执行一次实际运行：当第一次点开dialog的时候.

2020-12-01 11:39:06 2707

原创 git常用命令

git日常使用#查看远程分支git branch -r#查看所有分支git branch -a#查看本地分支git branch#拉取远程分支git checkout -b 本地分支 origin/远程分支#拉取远程分支git pull origin 远程分支　#建立分支git branch --set-upstream-to origin/远程分支名本地分支名#拉取分支git pull#遇到本地冲突，先删除本地分支，再重新拉取远程分支git ...

2020-09-14 16:33:29 76

原创 react项目中引入antd

1、安装antd npm install antd --save2、安装（react-app-rewired）一个对 create-react-app 进行自定义配置的社区解决方案 yarn add react-app-rewired / cnpm install react-app-rewired --save3、修改 package.json react-scripts 需改为react-app-rewired"scripts": {"start": "react-app-rewired

2020-08-19 11:02:10 2654 1

原创 windows下nginx配置使用（小记）

一：下载http://nginx.org/en/download.html 下载稳定版本，以nginx/Windows-1.12.2为例，直接下载nginx-1.12.2.zip二：启动打开cmd命令窗口，切换到nginx解压目录下，输入命令 start nginx.exe ，回车即可直接在浏览器地址栏输入网址http://localhost:80，回车，打开默认页面即说明启动成功三：使用1：nginx的配置文件是conf目录下的nginx.conf，默认配置的n...

2020-08-18 18:15:15 447

原创移动端适配两种转换

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if (client...

2020-08-11 17:16:32 187

原创移动端js适配（rem:px===1:100）

2020-06-01 17:04:41 367

原创 porimse

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="t...

2020-04-23 14:45:40 387

原创 es6新特性

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="t...

2020-04-23 14:44:11 160

原创微信公众号获取code

methods: {getCode () { // 非静默授权，第一次有弹框 this.code = '' var local = window.location.href // 获取页面url var appid = 'wx65adcf075369****' thi...

2020-03-24 18:11:25 2525 1

原创 node后台二------数据库

//连接数据库var mysql = require('mysql');var connection = mysql.createConnection({ host : 'localhost',//主机地址 user : 'root',//用户名 password : '123456',//密码 database : 'xx'//数据...

2019-12-04 16:12:46 109

原创 node后台接口一 ---- 搭建服务器和接口demo

先创建一个node项目npm去下载依赖和所需node的框架demo//引入express框架var express=require('express');var app =express();//设置跨域访问app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin"...

2019-12-04 13:21:17 844

原创 mpvue小程序封装request请求

第一步，在util文件下面建api.js文件写入以下代码：let serverPath = 'xxxxxxxxxxx' //请求后台的urlfunction SEND(url, method, data, success, fail) { wx.request({ url: serverPath+url, header: { 'co...

2019-11-20 16:43:08 376

原创 vue打包发布

1，打包以后的文件静态图片，引入的css和js失效修改：需要将vue/config/index.js 文件下的build对象下的assetsPublicPath中的“/”，改为“./”demo：build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), ...

2019-11-06 14:10:07 115

原创 git的小白使用，欢迎交流

一：git的安装，1.先进行官网安装2.安装完以后，在菜单中找到 git bush3.点击 git bush会弹出命令行4.在命令行设置git config --global user.name "你的名字"eg:git config --global user.name "孙栋锴"git config --global user.email "你的邮箱"eg:git config...

2019-08-23 10:52:44 100

原创 react使用终端创建项目

1.安装nodejs2.安装淘宝镜像cnmpnpm install -g cnpm --registry=https://registry.npm.taobao.org3.使用cnmp安装reactcnpm install -g create-react-appcreate-react-app my-appcd my-app/4.运行该项目npm start...

2019-07-11 14:40:31 194

原创 angular创建项目

1. 首先需要安装最新版的node，在node官网下载即可安装。2.安装angular脚手架，在终端键入命令：　　npm install -g @angular/cli　　然后等待安装完毕，安装完毕之后，输入 ng -v，出现版本号就说明安装成功了，ng就是angualr的简称。3.创建项目，在终端键入命令：　　ng new proname(创建项目的名称)4. 进入项目，...

2019-07-11 11:06:31 137

原创 vue项目创建

安装nodehttps://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450141843488beddae2a1044cab5acb5125baf0882000前提安装好node不再赘述可以在自带的命令行中运行,也可以在webstome中运行安装cnpmnpm ...

2019-07-11 11:05:38 133

原创 mpvue构建小程序三——小程序的授权登录

一：在标签中一定要有这个button按钮，否则无法引导用户授权（小程序文档已经更新）<button open-type="getUserInfo" lang="zh_CN" @getuserinfo="bindGetUserInfo"> 获取用户信息</button>二：js中使用setting(){ const that=thi...

2019-03-22 15:13:58 1250 2

原创 mpvue构建小程序二

一：与vue的不同1：vuex的使用（1）npm install vuex(第三方下载) (2)在src目录下创建store.js文件（3）在store.js中配置vuex ...

2019-03-22 11:34:57 234

原创 mpvue构建小程序一

1：提前安装好node以及vue脚手架2：vue init mpvue/mpvue-quickstart my-project（创建项目）官方链接：http://mpvue.com/mpvue/#_143：mpvue生命周期：onLoad，监听页面加载 onShow，监听页面显示 onReady，监听页面初次渲染完成 onHide，监听页面隐藏 onUnload，监听页面卸...

2019-03-22 10:59:48 170

转载 h5移动端缓存

http-equiv，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。一、meta标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞；其中http-equiv属性主要有以下几种参数：1....

2019-02-21 15:06:28 1845

转载 vue时分秒倒计时

countTime: function () { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date("2018...

2018-11-01 09:49:14 5535

原创雪碧图

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>04雪碧图</title><style type="text/css">.spriteDiv {width: 40px;height

2018-07-21 17:13:26 228

原创表单

<!DOCTYPE html><html> <head><meta charset="UTF-8"><title>03表单</title></head> <body><!--form表单:action:设置服务

2018-07-21 17:12:48 164

原创合并单元格

<!DOCTYPE html><html> <head><meta charset="UTF-8"><title>合并单元格</title></head> <body><!--合并单元格:colspan:合并列

2018-07-21 17:12:19 155

原创表格

<!DOCTYPE html><html> <head><meta charset="utf-8" /><title>01表格</title></head> <body><!--table 表格的作用:1,在以

2018-07-21 17:11:43 135

原创定位,层级,透明度

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>01定位简介</title></head><body><!--定位:目的----布局定位步骤:步骤

2018-07-21 17:11:04 197

原创清浮动

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>03清浮动</title><style type="text/css">.fatdiv{border: 20px solid black

2018-07-17 22:15:07 97

原创浮动

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>01浮动</title><style type="text/css"> div{ width: 100px;

2018-07-17 22:13:58 90

原创盒模型

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>01盒模型</title> <style type="text/css"> .oneDiv{ width: 800px; heigh

2018-07-13 20:59:55 113 1

原创选择器的优先级

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>04选择器的优先级</title> </head> <body> <!-- 选择器的优先级: 注意:只有对相同元素设置相同

2018-07-13 15:54:27 276

原创伪类选择器

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>伪类选择器</title> <style type="text/css"> a:link{ color: black; } a:v

2018-07-13 15:54:00 110

原创层次选择器

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>层次选择器</title> <style type="text/css"> /*1,后代选择器*/ div p{ font-size: 5

2018-07-13 15:53:31 123

原创基本选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>基本选择器</title> <style type="text/css"> /*1,通配符选择器*/ *{ margin: 0;

2018-07-13 15:52:48 95

空空如也

空空如也