- 博客(44)
- 收藏
- 关注
原创 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 289
原创 常用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 791
原创 vue+elementui(对话框中form表单的reset)
一般在新增和编辑的时候用的都是同一个对话框和form表单,而在先点击编辑的时候form表单的resetfileds函数就会失效解决原理:实际上结构是(通过vue类比)data里面有一个form表单的初始值,methods里面定义了一个resetfileds的函数resetfileds函数的作用:记录在mounted生命周期执行之前最后一次form表单中对象的值,并且重新开启效验在mounted周期中resetfileds函数会自动执行一次实际运行:当第一次点开dialog的时候.
2020-12-01 11:39:06 2709
原创 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 2656 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 448
原创 移动端适配两种转换
(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)
!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__es
2020-06-01 17:04:41 368
原创 porimse
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="t...
2020-04-23 14:45:40 388
原创 es6新特性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="t...
2020-04-23 14:44:11 164
原创 微信公众号获取code
methods: {getCode () { // 非静默授权,第一次有弹框 this.code = '' var local = window.location.href // 获取页面url var appid = 'wx65adcf075369****' thi...
2020-03-24 18:11:25 2527 1
原创 node后台二------数据库
//连接数据库var mysql = require('mysql');var connection = mysql.createConnection({ host : 'localhost',//主机地址 user : 'root',//用户名 password : '123456',//密码 database : 'xx'//数据...
2019-12-04 16:12:46 113
原创 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 845
原创 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 138
原创 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 235
原创 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 1846
转载 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 166
原创 合并单元格
<!DOCTYPE html><html> <head><meta charset="UTF-8"><title>合并单元格</title></head> <body><!--合并单元格:colspan:合并列
2018-07-21 17:12:19 159
原创 表格
<!DOCTYPE html><html> <head><meta charset="utf-8" /><title>01表格</title></head> <body><!--table 表格的作用:1,在以
2018-07-21 17:11:43 136
原创 定位,层级,透明度
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>01定位简介</title></head><body><!--定位:目的----布局定位步骤:步骤
2018-07-21 17:11:04 199
原创 清浮动
<!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 277
原创 伪类选择器
<!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 111
原创 层次选择器
<!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 98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人