- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 自定义滚动条组件（VUE）
实际开发的业务有这样的场景：需要对浏览器滚动条进行定制化的更改，比如滚动条的颜色、样式等。谷歌浏览器中提供::-webkit-scrollbar属性可对滚动条样式进行简单的更改。如果需要进行更复杂的，例如滚动条宽度等的更改，就需要模拟浏览器的滚动条自己封装定制组件。
2024-01-20 09:16:35
505
原创 PC端Tab栏与页面滚动联动（VUE2.0版本）
一个页面以tab栏作为区块划分时，tab栏与页面彼此间的联动交互，往往能提供更好的体验：点击tab栏时页面滚动到tab栏对应的页面区域，同时滚动页面时tab栏随之改变。
2023-11-24 14:55:37
934
1
原创 前端学习（应对面试）
html：常见的块级（div走天下），行内块，行内标签随便能说出几个有代表的，input img a标签单独记忆css：marigin-padding，font系列，border系列，定位，盒子模型（box-sizing），盒子阴影，flex布局，background系列等js：数据类型（简单：字符串，数字型等，复杂：数组等）；数组常用方法重点记忆，对象字符串常用方法（分es6前后记忆，es6之前的方法，es6后的方法（filter，map，扩展运算符等）），解构赋值；应付面试还需要记一些，原型链，
2022-04-18 17:26:02
358
原创 微信小程序开发
1 小程序与普通网页开发的区别(1) 运行环境的不同网页运行在浏览器汇总,小程序运行在微信环境中(2) api不同(3) 开发模式不同2 小程序代码的构成-项目结构(1) 目录结构(2) 页面的组成部分组件: 一个完整的前端功能的整体,页面(html),功能(script),样式(style)(3) json配置文件① app.jsonpage: 用来记录当前小程序所有页面的路径 windows: 全局定义小程序所有页面的背景色,文字颜色等 sty..
2021-12-09 16:23:36
649
原创 TypeScript学习笔记
反向映射只支持数字枚举，我们后面要讲的字符串枚举是不支持的const关键字定义的enum枚举对象，不会在js中进行编译，使用的时候只会将其中的值取出来使用类型断言：当不确定typescript联合类型的变量到底是哪一种的时候，需要使用到类型断言语法为：<type>value 或者 value as type（推荐）2 接口interface2.1 定义接口interface Info { firstName: string; lastName: st
2021-10-27 15:06:30
450
原创 常用第三方包汇总（持续更新）
目录1 前端开发常用第三方包1.1 moment日期处理1.2 then-fs读取文件内容1.3 webpack打包代码1.3.1 加载器1.3.2 插件1.3.3 webpack-dev-server自动刷新1.4 axios发送ajax请求的库1.5 bootstrap前端开发框架1.6 vue-routerr路由系统1.7 vant组件库,移动端开发框架1.8 postcss postcss-pxtorem1.9 移动端REM适配包1.9.1 a
2021-08-12 17:48:24
1553
原创 vue基础+双元学习笔记
1 webpack模块打包工具1.1webpack基本概念1.1.1 为什么学webpack减少文件数量 缩减代码体积 提高浏览器打开的速度https://webpack.docschina.org/官网地址1.1.2 webpack的基本概述webpack本质是,一个第三方模块包,用于分析并打包代码支持所有类型文件的打包 支持less/sass => css 支持ES6/7/8 => ES5(高级的语法进行降级,兼容低版本浏览器) 压缩代码,提高加载速度.
2021-07-05 16:33:17
711
5
原创 js基础学习笔记
js基础第01天1 js基础（1）js是什么（2）js的作用（3）浏览器执行js简介（4）js的组成a 、ecmaScriptb、bom文档对象模型（把文档中的各个内容变容编译为对象）c、bom浏览器对象模型（把浏览器的各个内容编译为对象）（5）js的书写位置行内、内嵌和外部。外链式：（6）js注释a、单行注释 //注释内容b、多行注释 /* 多行注释内容 */（7）js输入输出语句a、prompt（info输入）输入框...
2021-06-07 15:16:15
266
1
原创 Git操作
1 关于版本控制1.1 文件的版本手动维护的缺点：1.2 版本控制软件1.3 版本控制软件的好处1.4 版本控制系统的分类1.4.1 本地版本控制系统特点：使用软件来记录文件的不同版本，提高了工作效率，降低了手动维护版本的出错率缺点：单击运行，不支持多人协作开发版本数据库发生故障后，所有历史更新记录都会丢失1.4.2 集中化版本控制系统特点：基于服务器、客户端的运行模式 服务器保存文件的所有更新记录 客户端只保留最新的文件版本优...
2021-06-01 18:14:12
169
3
原创 Ajax笔记
重要部分>重点标注>次重要标注>理解说明>补充说明1 客服端和服务器1.1 上网的目的通过互联网形式获取和消费资源1.2 服务器上网过程中，负责存放和对外提供资源的电脑，叫做服务器，本质上是一台电脑。1.3 客户端上网过程中，负责获取和消费资源的电脑2 URL地址2.1 概念全称是UniformResourceLocator中文叫统一资源定位符，用于标识互联网上每个资源唯一的存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从
2021-05-25 18:04:52
618
原创 js高级笔记
1 ES6简介1.1 let关键字（1）特性：let声明的变量只在所处于的块级有效 （用{}可以限制变量的使用范围：for循环中声明的i是局部变量）； 在一个大括号中，使用let关键字声明的变量才具有块级作用域，var关键字没有此特点 防止循环变量变为全局变量 使用let声明的变量没有变量提升 使用let声明的变量具有暂时性死区（一个块级作用域中，如果有变量生成，就只能使用声明的变量，声明前不能使用，声明之后可以正常使用（全局变量的访问只能是在块级作用域中没有声明同名变量时有效）），使用
2021-05-23 18:28:24
2357
6
原创 数据可视化
1 概述1.1什么是数据可视化（1）目的借助于图形化的手段，清晰有效地传达与沟通信息，揭示蕴含在数据中的规律和道理（2）使用场景通过报表移动端图标大屏可视化地理可视化图编辑&图分析（3）常见的数据可视化库1.2 数据可视化项目概述（1）目的市场需求，学习阶段帮助（2）技术需要2 ECharts2.1 简介2.2 基本使用2.2.1 基本步骤（1）下载并引入echarts.js（2）准备一个具备大小的DOM容器
2021-05-13 18:11:56
144
1
原创 webAPIs笔记
1 自定义属性1.1 获取自定义属性我们程序员自己添加的属性就是自定义属性（1）element.属性获取内置属性值（元素本身自带的属性）（2）element.getAttribute('属性');主要获得自定义的属性（标准） 标签被翻译成DOM对象 标签的特征被翻译成DOM的属性 标签的官方行内属性，被翻译成DOM对象的属性 标签的自定义属性，不会被翻译成对象的属性，无法通过点语法来操作 1.2 设置和获取属性值（1）element.属性 = ‘值
2021-05-11 14:11:17
383
3
原创 jQuery笔记
1 jQuery属性操作1.1设置或获取元素的属性（1）固有属性值prop（）操作的是元素的属性（标签的固有属性会被浏览器翻译为对象的属性） 获取：element.prop(“属性名”) 获取属性值 设置：element.prop(“属性名”，“属性值”) （2）的自定义属性attr（）操作的是标签的属性，参数写的是标签属性名，获取到的属性值一般是字符串也可以获取H5自定义属性因为设置的新标签属性不被翻译为对象的属性，所以prop无法获取其属性值，结果为undefine.
2021-05-10 10:18:35
221
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人