不想秃头的前端开发-CSDN博客

原创省市区联动数据获取

标题格式化vant的省市区，国内国家统计局的内容，不适用三级联动，获取辖区编号可以参考 @vant/area-dataconst fs = require('fs')const areaList = { // 来自vant下省市区的内容 province_list: { 110000: '北京市', 120000: '天津市', 130000: '河北省', ... }, city_list: { 110100: '北京市',

2021-04-12 22:01:05 412

原创获取最近最近一周一个月包含的几月几号

lastWeek(){ // 最新的一周（包含今天） var arr = [] for(var i= 6; i >= 1 ; i--){ let date = new Date().getTime() - 1000 * 60 * 60 * 24 * i; let day = new Date(date).getDate() let month ...

2021-03-23 15:23:37 192

原创 js常用的处理数据方法之对象篇

对象的扁平化处理var obj = { 'A': 1, 'B.A': 2, 'B.B': 3, 'CC.D.A': 4, 'CC.D.F': 5,}/** * 递归函数-处理数据 * @param {*} str 对象的key值 * @param {*} obj 已经存在的对象链 * @param {*} value 到最后一个点时候赋的值 */var pinjie = function(str, obj,value) { if(st

2021-01-19 15:12:00 599

原创 webpack--vue.config.js

webpack的配置项vue.config.js下，我们对其进行配置const path = require('path');// 导入path，进行之后的路径拼接function resolve (dir) { return path.join(__dirname, dir)}// 导出默认配置module.exports = { chainWebpack: (config) => { // webpack的配置，减少import的vue和element进行外部

2020-12-02 11:15:02 646 3

原创类似动态微博朋友圈的左下角时间格式

类似动态/微博/朋友圈的左下角时间格式 Vue有需要先导出，引入要使用的地方//==================================// Moment.js 基础上进行改造// 需要先 import moment.js // 配合momt.js// 时间格式为例如 2020-10-01 00:00:00// 进行时间计算// 如果是一分钟之内显示秒数// 一小时之内显示分钟数// 一天之内显示小时// 如果超过24小时那么显示昨天或者几天前// 两个月之前的显示时

2020-09-23 10:06:47 201

原创当前时间简单转换成xxxx-xx-xx时间

let dateNow = new Date(),monthNow = dateNow.getMonth(),dayNow = dateNow.getDate()if (monthNow < 10) {monthNow = ‘0’ + ‘’ + monthNow}if (dayNow < 10) {dayNow = ‘0’ + ‘’ + dateNow.getDate()}let nowDay = dateNow.getFullYear() + ‘-’ + monthNow +

2020-08-19 16:26:26 339

原创 vuejs相关的基础知识

vue是什么？用于构建用户界面的渐进式框架，Vue主要关心视图层，容易上手。简单的demo我们使用vue时候需要进行实例化一个vue对象<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti

2020-07-08 14:57:56 183

原创 JavaScript的严格模式

严格模式严格模式的使用，全局使用则在全局环境下写入‘use strict’,块级作用域下使用也是可以的。将会按照严格模式执行。特色如下：当然可以识别严格模式的只有在IE10++和Firefox+、Chrome13++、Safari5.1++、Opera12+严格模式的特色：未声明的变量会被报错（not defined），先声明再使用。在函数内部声明是局部作用域 (只在函数内使用严格模式)不报错。不允许删除变量或对象。（delete运算符一般也只能删除对象的属性，如果该对象没有用了，那么会被直接

2020-06-29 16:26:09 120

原创浏览器的重排和回流

浏览器的重排和回流我们如果想了解浏览器的重绘和回流，首先要了解浏览器的渲染过程接触到vue之后，就会有很多关于重绘和回流的情况。详细了解可以做到优化性能。浏览器的构成总所周知浏览器的主要是由用户界面浏览器引擎渲染引擎(内核)js 引擎我们常说的内核就是渲染内核，原本内核是指渲染引擎和js引擎，随着js引擎的越开独立，现在的内核专指渲染内核。下边是常见的渲染内核：Chrome(谷歌): webkit(苹果内核),后单独采用了webkit的分支之一blink，类似脱胎于unix的

2020-06-18 20:07:53 291

原创 mongoDB基础用法

mongoDB的服务开启首先开启服务mongod --dbpath [path] //[path]是数据库要建立在哪里的路径用另外一个命令行窗口或者GUI界面对服务进行打开mongo //连接mongodb数据库mongoDB的简单语法show dbs //所有的数据库显示use dbname //切换到dbname数据库下show collections //显示数据库下所有的集合//向collectionname的集合下插入一条数据db

2020-06-10 22:06:07 146

原创 jsonp的demo

jsonp的demo一个jsonp的简单demo,用来解决跨域问题。html页面代码为：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&g

2020-06-10 01:20:35 272

原创 Node的内置模块

模块的引入const fs = require('fs');//模块在导入进去之后不会有需求进行改变，所以建议用const,减少或者避免其他的问题。文件系统（fs模块）读取文件fs.readFile('url',(err,data)=>{})const fs = require('fs');//读取文件fs.readFile('相对路径或者绝对路径'，(err,data)=>{ if(err){ }else{ console.l

2020-06-08 21:59:24 281

原创 Node的入门（一）

Node的入门1.安装nodejs在node官网下载node,不建议用最新版，建议下载稳定版本。里边内含npm.npm是node的包管理器node -v //查看node的版本npm -v //查看npm的版本2.包安装的仓库优化npm对包进行下载依赖模块时候，外网资源加载比较慢，那么我们便可以把包的下载仓库改成淘宝源镜像的仓库路径。npm config set registry "https://registry.npm.taobao.org"这里我们再下载的时候就可以在国

2020-06-08 20:40:30 161

原创 git部分命令的使用方式

git的使用git使用的配置本地用户的基本配置git config --global user.name 提交人姓名 //配置你的用户名git config --global user.email 提交人邮箱 //配置你的邮箱git config --global --list; //查看配置//如果进行其他命令又不知道，可以查看帮助↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓git help //可以查看git的命令及作用的简单描述更改仓库的

2020-06-05 08:58:31 108

原创 JavaScript对象遍历的方法总结

对象的遍历使用for(var in obj)…遍历var 必选，迭代把属性名赋值obj 必选遍历的对象循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).使用Object.keys(obj);obj 参数必选遍历的对象循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)返回的是属性名。使用Object.values(obj);obj 参数遍历的对象循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)的值。使用Object.getOwnPropert

2020-06-03 22:02:15 197

原创 JavaScript数组遍历的方法总结

数组遍历for()for (let index = 0; index < array.length; index++) { const element = array[index]; console.log(element)}map()语法array.map(function(currentValue,index,arr), thisValue)参数说明参数描述function(currentValue, index,arr)必须。函数，数组中的每个

2020-06-03 21:58:05 241

原创 ES6新增（二）

扩展运算符可以用来处理数组，把它数组变成一项一项的，并返回let arr = [1,2,3,4,5]console.log(...arr);//1,2,3,4,5可以展开数组，也可用来合并数组let arr1 = [1,2,3,4];let arr2 = [1,5,6,9,4];console.log([...arr1,...arr2]);//[1, 2, 3, 4, 1, 5, 6, 9, 4]可以将数组转变成真正的数组let oDivs = document.getEl

2020-06-03 21:46:47 99

原创 ES6新增（一）

ES6新增语法let的使用let和var是有区别的，let设计之初的目的就是let声明的变量只在块作用域中生效。if(false){ var num1 = 1;}console.log(num1);//undefined 这里是变量的提升，所以没有直接抛出错误，而是显示未赋值if(true){ let num2 = 1;}console.log(num2); //报错，因为let是有块级作用于下才能调用的，所以会找不到num2这个变量，就会抛出错误let声明不会被

2020-06-03 02:34:24 143

原创 MySQL的远程连接

服务器的远程连接软件：Navicat Premium 15服务器和本地都需要安装MySQL服务器需要SSH服务器，一般的基于Linux系统的云服务器自带SSH服务器。服务器需要开放必要的端口，比如22端口，在服务器和客户端进行进出口策略的配置MySQL的密码不要过于简单，建议你可以用一段英文写密码，越长安全性越高，MySQL服务运行的端口不建议使用默认的3306端口,改个端口号。打开Navicat Premium 15 ,进行连接。具体操作如下：1.安装MySQL

2020-06-01 21:42:24 913

原创 MySQL的完全卸载

MySQL的卸载笔者当前使用的是免安装版本mysql-5.7.271.关闭MySql服务用管理员权限打开cmd,或者用管理员权限打开Power Shellnet stop mysql;2.删除当前的目录删除安装目录的所有文件夹。如果是安装版本的，请卸载并删除！3.删除注册表删除注册表下的MySQL文件夹计算机\HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\EventLog\Application\MySQL我看别人的电脑上有的有

2020-06-01 08:42:05 279

原创免安装版的Mysql下载、安装和配置

Mysql的安装和配置笔者这里用的mysql5.7.271.下载mysql的安装包，我这里是对免安装版本的MySQL5.7.27进行安装官网的速度一言难尽，下边有几个国内的镜像网站，可以提供你想要的的版本。http://mirrors.sohu.com/mysql/http://mirrors.ustc.edu.cn/mysql-ftp/Downloads/http://mirrors.163.com/mysql/Downloads/以及别人总结的开源镜像网站的汇总：地址：https://s

2020-06-01 00:48:06 346

原创 Brower对象

Browser --浏览器对象模型window是BOM的核心window对象表示window下有很多的方法和属性：它表示当前你打开的窗口，如果是用的frme或者iframe标签包含了一个页面的时候，会创建一个文档下的window对象。下边是浏览器的一些参数网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight (html下获取浏览器高度，xhtml下获取元素总高度)网页可见区域高：document.docume

2020-05-29 19:49:32 292

原创 HTML5的WebStorage

H5新增的web 存储Web存储 localStoragelocalStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。sessionStorage属于会话级存储，关闭标签即删除localStorage没有时间限制，主流浏览器的存储单位大约为5M，并且是以键值对的形式进行存储，localstorage一把在同源策略下的本地存储。保存数据：loca

2020-05-29 17:00:12 140

原创构造函数的相关概念和理解

构造函数的相关概念和理解构造函数构造函数其实也是普通函数的一种，只不过主要功能与普通函数略有差别，普通函数是用来执行一段代码的，而构造函数是用来实例化具有想同属性和方法的对象。实例以下所有的代码都是基于该实例的function Person(uname, age) { this.uname = uname; this.age = age; this.sayHi = function(arg) { console.log('我说' + arg); }

2020-05-29 13:37:06 520

原创 this指向问题及改变this指向的方法

this指向及改变this指向this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。至于为什么这么说，举一个栗子： function Person(){ this.name = arguments[0]; this.age = arguments[1]; this.sex = arguments[2]; this.

2020-05-27 20:14:10 209

原创如何建立一个基于windows server操作系统的git服务器

如何建立一个基于windows server操作系统的git服务器1 服务器端安装git和copssh因为要进行跨平台交互，此处需要ssh环境，copssh内置了ssh服务，如果你有一个服务器（本人系统用的windows server2016），有无域名均可。1.1这里要注意的是，防火墙不要拦截端口22，因为端口22是用来进行ssh服务的的，如何开放端口22可以查阅资料，一般云服务器默认是开启的，否则会发生错误。git的安装和copssh的安装和下载，不需要做过多赘述。（可以下载免费版的copssh

2020-05-21 22:06:17 661

原创 Centos下的nodejs安装、git安装和Linux的基础命令

linux的node配置新建文件夹mkdir node 在根目录下创建完node查看文件所在地的下属目录lscd node下载nodewget +url(下载路径)https://nodejs.org/dist/v12.16.3/node-v12.16.3-linux-x64.tar.xz最新的nodejs(截止到2020/05/21)wget https://nodejs.org/dist/v12.16.3/node-v12.16.3-linux-x64.tar.xz

2020-05-21 21:58:28 208

我不要秃头的博客