自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3+vite+ts+pinia新建项目(略详细版)

使用 vue3+vite+ts+pinia 从头搭建项目

2024-01-11 15:54:57 592

原创 使chrome允许跨域

在cmd里边找到谷歌浏览器exe的位置cd 'C:\Program Files (x86)\Google\Chrome\Application'chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security

2019-06-26 16:23:44 1021

原创 取出数组里边对象的key和value值

例如我们有这样一个数组:let channelTabList =[ {1: '推荐'}, {2: '最新'}, {3: '快赚'}, {4: '高额'}]我们想将他转化为这样的形势可以使用reduce{1: "推荐", 2: "最新", 3: "快赚", 4: "高额"}let lists = channelTabList.re...

2019-06-26 11:00:31 11795

原创 关于element-ui table简单的封装

<template> <div> <el-table :data="data" border stripe fit style="width: 100%"> <el-table-column v-for="(value, key) in header" :key='key...

2019-06-19 19:05:56 1899

原创 vue 使用 vuex-persist 让store实现更便捷的存储 localStorage

安装 vuex-persist,我这里用的是yarn: yarn add vuex-persist使用这是关于 vuex-persist 的文档https://www.npmjs.com/package/vuex-persist有需要深度要了解的可以看一下这个简单应用:在全局的store中引入 import VuexPersistence from 'vuex-persis...

2019-06-17 11:17:22 7847

原创 localStorage

关于页面获得data后无法传递,可以存在 localStorage里边保存window.localStorage.setItem('key', data) //注意setItme是有俩个参数的获取window.localStorage.getItem('key')注意:localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,只能手动去删除。删除...

2019-05-16 16:39:58 523

原创 关于整屏滚动的俩个插件

1、fullpage要引入的文件<link rel="stylesheet" href="css/jquery.fullPage.css"><script src="js/jquery.min.js"></script> <!-- jquery.easings.min.js 是必须的,用于 easing 参数,也可以使用完整的 jQuery...

2019-05-16 16:33:04 622

原创 github 拉代码,创建远程分支关联线上

如果你已有GitHub的账户1、下载git2、关联用户git -config --global user.name "First Last" /*用你的用户名替换掉first last*/git -config --global user.email "example@example.com" /*用你的邮箱替换掉example@example.com*/3、找到你要克隆的...

2019-05-16 16:30:12 2056

原创 input type="file" 上传文件

input type="file" 上传文件,显示上传图片,并替换上传按钮的位置限制上传格式可以用accept=" ",比如accept=".doc,.docx" (限制上传文件为doc/docx)其他的都不可以<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...

2019-05-05 10:41:28 1654

原创 关于ajax的一些总结

一、用jq写的ajax1、jQuery.get(url,[data],[callback]) :使用GET方式来进行异步请求参数:url(String):发送请求的url地址data (Map):(可选)要发送给服务器的数据,一Key/value的键值对应形式表示,会做为QueryString附加到url请求中;callback(function)(可选)请求成功时的回调函数(...

2018-12-19 14:11:19 81

原创 屏幕滑到那一块的时候相对应的右侧导航显示

可以监视滚动条事件判断滚动条的位置,从而决定右侧导航相对于的那个的样式,js代码如下:元素获取采用的是jq,function remove() {//清除所有样式 $(".nav_r li a").removeClass("active") $(".nav_r li p").css("display", "none") } window.onscroll = ...

2018-12-18 17:27:54 341

原创 原生jq input表单提交的验证(手机号码,邮箱,以及其他是否为空 )

在input表单提交的时候应当对表单进行验证在满足一定条件的时候才可以提交比如所有的都不能为空,手机,邮箱应当符合格式下列就是一个简单的验证函数 <div> <input type="text" id="name" name="username" ...

2018-12-06 16:41:12 2883

原创 关于移动端自适应布局rem自适应font-size问题的解决

移动端自适应单用 rem,设置他HTML的字体的话会出现更换手机字体,元素大小会改变解决方式:可以引入这个js'use strict'!(function(e, t) { var n, i = document, d = window, o = i.documentElement, a = document.createElement('style'...

2018-12-06 16:17:47 1387

原创 用git向GitHub上传一个完整的项目的一个具体步骤

首先你创建你的ssh1、在下载git2、在桌面上打开git Bash  Here 3、复制这段代码ssh-keygen -t rsa -C "your.email@example.com" -b 4096回车 (注意引号里输的是你自己的邮箱)4、接下来,系统将提示您输入文件路径以保存SSH密钥对。如果您还没有SSH密钥对,请按Enter键使用建议的路径。使用建议的路径通常允许S...

2018-12-06 11:21:31 151

原创 什么是深拷贝与浅拷贝

浅拷贝:对内存地址的复制,让目标对象指针和源对象指向同一片内存空间。注意:当内存销毁的时候,只想对象的指针,必须重新定义,才能够使用代码:var a = {x:1}var b = aconsole.log(b);//{x:1}b.x = 2console.log(b)//{x:2}console.log(a)//{x:2}浅拷贝是一个传址,也就是把a的值赋给b的时候同时...

2018-11-21 14:26:27 17758 5

原创 兼容IE的颜色半透明解决办法(兼容到IE6/7/8)

兼容IE的颜色半透明解决办法(兼容到IE6/7/8):filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=iWidth,endColorStr=iWidth)startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。其格式为 #AARRGGBB 。 AA 、 RR 、 GG ...

2018-11-21 14:25:11 681

原创 浏览器输入网址,到页面呈现的整个过程

浏览器输入网址,到页面呈现的整个过程:        1、用户输入url网址                    比如https://www.baidu.com                    其中https为协议(http和https:                                                  http是互联网应用最广泛的一种网络协议,是一...

2018-10-14 22:45:32 1218

原创 react 安装全套

1、在想创建react的文件夹中shift+右键打开命令行(注:需要安装node)     npm i create-react-app -g(-g是全局安装的意思)2、创建项目     create-react-app 项目名称      比如:my-app3、出现Success!就创建好了4、npm i axios -S                       //安装...

2018-09-30 11:28:01 494

原创 了解Vue

vue MVVM框架渐进式框架 框架   vue    有一定的规范规,定一些功能放置的位置,主动权在框架手里,开发者安装框架规定的地方,写代码,框架主动调用代码。库  (jq undescore  lodash)    主动权在开发者手中,库只提供一堆的函数(API)开发者主动调用API完成功能,取决于开发者组织代码俩个核心点    1、响应式的数据定义     ...

2018-09-27 12:03:40 142

原创 简单的GitHub上传流程

github 上传流程0、git init1、git remote add origin https://github.com/quxiaoli/vue.git  (自己建的github的储存库的地址)2、git add "文件名"3、git commit -m "日志"4、git  push -u origin master...

2018-09-26 16:21:28 112

原创 react的脚手架的安装

1、在想创建react的文件夹中shift+右键打开命令行(注:需要安装node)     npm i create-react-app -g(-g是全局安装的意思)2、创建项目     create-react-app 项目名称      比如:my-app3、出现Success!就创建好了4、npm start启动项目(会自动在默认浏览器打开地址一般是location:30...

2018-09-26 16:13:16 176

原创 vue-router的路由嵌套

路劲嵌套    /miaov/ketang路由配置嵌套{ path:'/miaov', name:'miaov', //有了默认的二级路径不需要父级设置name redirect:{name:'miaov-ketang'}//没有默认的子路径配置,可以使用重定向打开miaov就到ketang 注:如果有默认的二级路径就不可以了 children:[ ...

2018-09-26 10:40:48 141

原创 vue-router

vue-router 安装npm install vue-router注: 使用vue init 安装项目选择了需要vue-router(在询问是否需要router时选择yes),不需要在安装引入    在main.js中引入        import VueRouter from 'vue-router'    作为插件       Vue.use(VueRoute...

2018-09-26 10:37:45 124

原创 vue的生命周期简单解析

vue的生命周期 beforeCreate  创建前的状态 created            创建完毕 beforeMount  挂载前 mounted         挂载完毕 beforeUpdate 更新之前 updated          更新 beforeDestroy销毁前 destroyed      ...

2018-09-26 10:26:24 116

原创 vuex的安装

vuex安装1、安装vuex        npm i vuex -S2、引入    在main.js中引入  import vues from 'vuex'3、作为插件    Vue.use(vuex)4、初始化//在main.js中let store = new vuex.Store({//选项对象    state:{n:1}//设置共享的数据})...

2018-09-25 17:38:44 468

原创 vue的脚手架的安装

vue的脚手架工具vue-cli 安装 npm i vue-cli@2.9.6 -g (在cmd中) vue-cli最新是3 vue-cli安装2点几全局安装之后就可以使用命令 vue(安装最新版本的vue-clinpm install -g @vue/cli卸载vue-clinpm uninstall -g vue-cli查看版本 vu...

2018-09-25 17:36:47 195

空空如也

空空如也

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

TA关注的人

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