自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 资源 (22)
  • 收藏
  • 关注

原创 vuex模板(对token的处理)

import Vue from 'vue'import Vuex from 'vuex'// 按需导入本地存储相关的模块import { setItem, getItem } from '@/utils/storage'Vue.use(Vuex)// 声明一个常量,保存token的名字,防止读取和写入本地存储的时候写错const TOKEN_KEY = 'TOUTIAO_USER'// 默认导出export default new Vuex.Store({ state: { /

2020-12-25 14:07:55 147

原创 vue工具(封装请求方法)

// 封装请求方法import axios from 'axios'import store from '@/store'const request = axios.create({ baseURL: '请求的基准路径'})// 请求拦截器request.interceptors.request.use(function (config) { // 请求发起会走这里 // 拿到容器中保存的token数据 const user = store.state.user // 如

2020-12-25 14:05:47 406

原创 vue工具(封装本地存储相关的操作模块)

/** * 本地存储相关的操作模块 *//** * 写入数据 */export const setItem = (key, data) => { // 如果存入的是对象、数组类型的数据 if (typeof data === 'object') { // 将数据转换为json字符串格式 data = JSON.stringify(data) } window.localStorage.setItem(key, data)}/** * 读取数据 *

2020-12-25 13:58:16 195

原创 正则表达式匹配 带有特殊字符的字符串失败(特殊字符指: . ? + $ ^ [ ] ( ) { } | \ / )

特殊字符有: . ? + $ ^ [ ] ( ) { } | \ /匹配不成功的示例:const str = '(hehe)43'const reg = new RegExp(str,'gi') // reg : /(hehe)43/ 括号未做转义处理console.log(reg.test(str)) // 结果是 false匹配不成功的原因:str 中的字符串中的特殊字符没有做转义处理如果想匹配成功,就要先对str中的特殊字符做转义处理匹配成功的示例:const str = '(

2020-12-18 16:19:35 3492 1

原创 封装防抖(debounce)函数

将下面的代码粘贴到调试工具中运行一下,然后滚动页面,就可以看到时哪个元素产生的滚动了。function findscroller(element) {element.onscroll = function() {console.log(elemnet)}Array.from(element.children).forEach(findscroller)}findscroller(document.body)...

2020-12-13 21:51:26 461

数据可视化项目.rar

今天刚做完的作品,主要是学echarts

2020-10-16

01-移动端轮播图.rar

学习做轮播图时的,老师的样本,csdn太垃圾了,总是不停的改积分,如果有其他更好的可以上传资源的地方,请告诉我

2020-10-07

优惠活动(移动端页面).rar

这是我学习移动端页面制作的时候的学习作品,里面有四个页面,需要的图片素材都在里面,psd图也有。csdn太垃圾了,总是改积分,如果有其它更好的博客请推荐给我

2020-09-10

登录页面(移动端).rar

这是我学移动端页面制作的时候做的,做的有些粗糙的请多多包含,制作这个页面不需要图片素材,里面涉及到背景渐变,弹性盒子

2020-09-09

阿里百秀(移动端页面).rar

这是我学习移动端页面开发中的作品之一,做的不是很好,制作网页需要的图片素材都在压缩包里。

2020-09-08

易康问答(移动端页面.rar

这是我刚开始学移动端页面制作时做的,做的很粗糙,内含制作网页需要的图片素材,练习移动端的可以试试练习一下

2020-09-08

小米首页(内含图片素材).rar

学完html和css基础就可以独立制作的网页,制作网页需要的图片素材都在压缩包中,这是本人独立制作的网页,可以用它来锻炼自己的布局能力

2020-08-26

百度糯米(内含图片素材).rar

学完html和css基础就可以独立制作的网页,需要的图片素材都在压缩包中,可以写它来练习自己网页布局的能力

2020-08-25

登录页面——万里长城.zip

学完html和css基础就可以独立制作的网页,需要的素材里面都有,可以用它来检验自己的学习成果,非常简单的网页,初学者的作品

2020-08-25

oppo(内含图片素材).rar

学完html和css基础就可以独立制作的网页,制作网页的图片素材都在压缩包中,可以用它来检验自己的水平

2020-08-25

金山云(内含图片素材).rar

学完html和css基础就可以独立完成的网页,完成网页需要的图片素材都在压缩包,里面的网页底部的二维码交互效果是用jquery做出来的

2020-08-25

静态太极图(css考试试题).rar

学完html和css就可以独立制作的网页,写这个太极需要用到css的伪元素和定位,可以锻炼自己的编程思维

2020-08-24

仿小米logo.rar

学完html和css基础就可以独立制作的logo,这是一个仿照小米页面写的logo,需要用到伪元素知识,可以用写它来检验自己的水平

2020-08-24

好知网(html和css基础考试试题).rar

这是一个学完htm和css基础就可以独立制作的网页,做这个网页可以检验自己学完html和css的水平,里面包含需要的素材 l

2020-08-24

学成在线(html和css考试试题).rar

这是一个学完html和css基础课程就可以独立制作的网页,可以用来检验自己的布局水平,看看自己还有那些不足

2020-08-24

金山云素材(金山云网页的其中一个小模块).rar

黑马考试基础班考试时做的,学完html和css就可以做的网页,可以检验一下自己的html和css水平

2020-08-24

淘宝搜索框.zip(含jquery1.12.4包代码)

和淘宝网页的输入框一模一样的效果,在输入框输入文字的时候(不是鼠标聚焦和点击的时候),默认图标放大镜和默认文字消失,在输入框没有输入文字但焦点还在的时候,默认图标和默认文字出现

2020-07-26

淘宝右侧固定导航定位.zip

模仿淘宝首屏页面的右侧固定定位导航栏写的,功能到不难写,但是有个问题花了我一上午的时间,每次点击的时候总是跳到页面顶部(后来发现是刷新),找了半天办法,最后总算解决了,如果你遇到同样的问题,可以看下我的代码

2020-07-24

淘宝搜索框(和淘宝网页的输入框一样的效果).zip

和淘宝网页的输入框一模一样的效果,在输入框输入文字的时候(不是鼠标聚焦和点击的时候),默认图标放大镜和默认文字消失,在输入框没有输入文字但焦点还在的时候,默认图标和默认文字出现

2020-07-23

jquery-1.12.4免费.zip

找了好久才找到一个网站下了jquery-1.12.4的代码,学习不易,尤其是自学的人,学习资源难找啊

2020-07-22

贪吃蛇游戏小开发(内含图片素材,源代码).zip

只用html和css和JavaScript写,没用其它任何语言,适用于刚接触前端,刚学完html,css,JavaScript的人练手用

2020-07-21

静态轮播图(只用HTML和css)

只用html和css写代码,有左右按钮,有浮点导航栏,鼠标移动到哪个左右按钮或浮点,那个按钮和浮点就会变色

2020-07-17

空空如也

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

TA关注的人

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