- 博客(15)
- 资源 (2)
- 收藏
- 关注
原创 自定义滚动条组件(VUE)
实际开发的业务有这样的场景:需要对浏览器滚动条进行定制化的更改,比如滚动条的颜色、样式等。谷歌浏览器中提供::-webkit-scrollbar属性可对滚动条样式进行简单的更改。如果需要进行更复杂的,例如滚动条宽度等的更改,就需要模拟浏览器的滚动条自己封装定制组件。
2024-01-20 09:16:35
938
原创 PC端Tab栏与页面滚动联动(VUE2.0版本)
一个页面以tab栏作为区块划分时,tab栏与页面彼此间的联动交互,往往能提供更好的体验:点击tab栏时页面滚动到tab栏对应的页面区域,同时滚动页面时tab栏随之改变。
2023-11-24 14:55:37
1394
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
386
原创 微信小程序开发
1 小程序与普通网页开发的区别(1) 运行环境的不同网页运行在浏览器汇总,小程序运行在微信环境中(2) api不同(3) 开发模式不同2 小程序代码的构成-项目结构(1) 目录结构(2) 页面的组成部分组件: 一个完整的前端功能的整体,页面(html),功能(script),样式(style)(3) json配置文件① app.jsonpage: 用来记录当前小程序所有页面的路径 windows: 全局定义小程序所有页面的背景色,文字颜色等 sty..
2021-12-09 16:23:36
713
原创 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
537
原创 常用第三方包汇总(持续更新)
目录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
2089
原创 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
2271
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
286
1
原创 Git操作
1 关于版本控制1.1 文件的版本手动维护的缺点:1.2 版本控制软件1.3 版本控制软件的好处1.4 版本控制系统的分类1.4.1 本地版本控制系统特点:使用软件来记录文件的不同版本,提高了工作效率,降低了手动维护版本的出错率缺点:单击运行,不支持多人协作开发版本数据库发生故障后,所有历史更新记录都会丢失1.4.2 集中化版本控制系统特点:基于服务器、客户端的运行模式 服务器保存文件的所有更新记录 客户端只保留最新的文件版本优...
2021-06-01 18:14:12
193
3
原创 Ajax笔记
重要部分>重点标注>次重要标注>理解说明>补充说明1 客服端和服务器1.1 上网的目的通过互联网形式获取和消费资源1.2 服务器上网过程中,负责存放和对外提供资源的电脑,叫做服务器,本质上是一台电脑。1.3 客户端上网过程中,负责获取和消费资源的电脑2 URL地址2.1 概念全称是UniformResourceLocator中文叫统一资源定位符,用于标识互联网上每个资源唯一的存放位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从
2021-05-25 18:04:52
4259
原创 js高级笔记
1 ES6简介1.1 let关键字(1)特性:let声明的变量只在所处于的块级有效 (用{}可以限制变量的使用范围:for循环中声明的i是局部变量); 在一个大括号中,使用let关键字声明的变量才具有块级作用域,var关键字没有此特点 防止循环变量变为全局变量 使用let声明的变量没有变量提升 使用let声明的变量具有暂时性死区(一个块级作用域中,如果有变量生成,就只能使用声明的变量,声明前不能使用,声明之后可以正常使用(全局变量的访问只能是在块级作用域中没有声明同名变量时有效)),使用
2021-05-23 18:28:24
3806
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
163
1
原创 webAPIs笔记
1 自定义属性1.1 获取自定义属性我们程序员自己添加的属性就是自定义属性(1)element.属性获取内置属性值(元素本身自带的属性)(2)element.getAttribute('属性');主要获得自定义的属性(标准) 标签被翻译成DOM对象 标签的特征被翻译成DOM的属性 标签的官方行内属性,被翻译成DOM对象的属性 标签的自定义属性,不会被翻译成对象的属性,无法通过点语法来操作 1.2 设置和获取属性值(1)element.属性 = ‘值
2021-05-11 14:11:17
1353
3
原创 jQuery笔记
1 jQuery属性操作1.1设置或获取元素的属性(1)固有属性值prop()操作的是元素的属性(标签的固有属性会被浏览器翻译为对象的属性) 获取:element.prop(“属性名”) 获取属性值 设置:element.prop(“属性名”,“属性值”) (2)的自定义属性attr()操作的是标签的属性,参数写的是标签属性名,获取到的属性值一般是字符串也可以获取H5自定义属性因为设置的新标签属性不被翻译为对象的属性,所以prop无法获取其属性值,结果为undefine.
2021-05-10 10:18:35
241
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人