自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

不爱吃菜的菜菜的博客

希望通过记录自学前端的笔记和过程,让自己可以量变引起质变

  • 博客(114)
  • 资源 (4)
  • 收藏
  • 关注

原创 我的前端学习路线

前端学习路线

2022-08-17 21:19:53 363

原创 小程序 | 黑马商城【未更完--实习去了】

在项目根目录的components目录上,鼠标右键,选择新建组件,填写组件信息后,最后点击创建按钮:在分类页面的 UI 结构中,直接以标签的形式使用 my-search 自定义组件 < my-search > < my-search >

2022-11-07 23:30:33 1341 1

原创 小程序 | 案例---自定义tabBar

所有 tab 页的 json 里需声明 usingComponents 项,也可以在 app.json 全局开启。通过数据监听器监听 sum 的变化,如果sum 有变化,就让 list 里面的info 进行变化。然后在渲染的时候,判断是否有 info ,如果有就渲染,没有的话就空字符串。用自定义组件的方式编写即可,该自定义组件完全接管 tabBar 的渲染。现在是只有消息页面需要图标,我们可以在 js 文件中为消息的对象中添加。当我们点击每个 tabBar 项的时候,会触发onChange 事件,

2022-10-15 01:58:46 2144 2

原创 小程序 | 分包 + 使用分包 + 分包预下载 + 独立分包

分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。独立分包本质上也是分包,只不过它比较特殊,可以独立于主包和其他分包而单独运行。独立分包和普通分包的区别是否依赖于主包才能运行普通分包必须依赖于主包才能运行独立分包可以在不下载主包的情况下,独立运行。

2022-10-14 17:45:57 851

原创 小程序 | 全局事件共享 + MobX

全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有:Vuex、Redux、MobX 等。

2022-10-14 15:41:58 538

原创 小程序 | 使用 npm 包 + 小程序对 npm 的支持与限制 + Vant Weapp + API Promise化

API Promise化,指的是通过额外的配置,将官方提供的、基于回调函数的异步 API,升级改造为基于 Promise 的异步 API,从而提高代码的可读性、维护性,避免回调地狱的问题。

2022-10-10 23:50:06 623

原创 小程序 | 自定义组件 + 组件的创建和使用 + 自定义组件数据,方法和属性 + 数据监听器 + 纯数据字段 + 组件的生命周期 + 组件所在页面的生命周期+插槽+父子组件间通信+behaviors

组件的创建与引用创建组件引用组件局部引用组件全局引用组件全局引用 VS 局部引用组件和页面的区别自定义组件的样式组件样式隔离组件样式隔离的注意点修改组件的样式隔离选项自定义组件中的数据、方法和属性data 数据methods 方法properties 属性data 和 properties 的区别使用 setData 修改 properties 的值数据监听器数据监听器的基本用法监听对象属性的变化监听对象中所有属性的变化案例纯数据字段什么是纯数据字段使用规则

2022-10-05 00:06:50 387

原创 小程序 | 页面导航 + 下拉刷新事件 + 上拉触底事件 + 生命周期 + WXS脚本

当处理完下拉刷新后,下拉刷新的 loading 效果会一直显示,不会主动消失,所以需要手动隐藏下拉刷新的 loading 效果。指的是 wxs 的运行环境和其他 JavaScript 代码是隔离的。小程序默认的触底距离是 50px,在实际开发中,可以根据自己的需求修改这个默认值。在实际开发中,推荐使用第 2 种方式,为需要的页面单独开启下拉刷新的效果。下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而。中定义的函数,但是,wxml 中可以调用 wxs 中定义的函数。

2022-10-03 16:01:01 910

转载 Question | 数组的常用API

数组的常用api

2022-10-02 12:50:36 85

原创 小程序 | 如何自定义编译模式?

当我们重新编译后总会进入到 首页 ,不能直接进入到我们刚刚正在 进行编辑的那一个页面,只能进行点击才能进入到我们可以通过自定义编译模式,每次重新编译后 直接定位到我们希望看到的页面

2022-10-01 00:53:20 1712

原创 小程序 | 【黑马】本地生活 小程序

进行for循环拿到的,item 包括id和image,我们的轮播图里面就是。将获取到的轮播图数据存放到 home.js 里面的 data 中(通过。A:【详情】—>【本地设置】—>【不校验合法域xxx,https证书】Q:如何开启【不校验合法域xxx,https证书】tabBar 和 window 平齐。获取轮播图数据列表的接口。来修改data中的数据)获取九宫格数据列表的接口。获取轮播图的数据(通过。宽度不变,高度自适应。注意选择不使用云服务。

2022-09-30 14:56:01 3909 2

原创 小程序 | 小程序中常用的事件 + 事件对象的属性列表 +小程序事件传参 + 小程序全局配置 + 小程序页面配置 + 小程序发起网络数据请求

tabBar是移动端应用常见的页面效果,用于实现多页面的快速切换。底部 tabBar顶部 tabBartabBar中只能配置最少 2 个、最多 5 个 tab页签当渲染顶部 tabBar 时,不显示 icon,只显示文本。

2022-09-30 00:01:53 1238

原创 小程序 | 常见的小程序视图容器类组件 + 常见的小程序基础内容组件 + 小程序的构成 + 小程序的宿主环境

小程序与普通网页开发的区别运行环境不同网页运行在浏览器环境中小程序运行在微信环境中API 不同由于运行环境的不同,所以小程序中,无法调用 DOM 和 BOM 的 API。但是,小程序中可以调用微信环境提供的各种 API,例如:- 地理定位 - 扫码 - 支付开发模式不同网页的开发模式:浏览器 + 代码编辑器小程序有自己的一套标准开发模式:申请小程序开发账号安装小程序开发者工具创建和配置小程序项目什么是宿主环境。

2022-09-28 13:43:37 245

原创 typescript | 贪吃蛇小项目

typescript 小游戏项目---贪吃蛇

2022-09-26 14:56:59 2403 1

原创 Question | 对原型和原型链的理解

原型是一个对象,我们称prototype为原型对象。JavaScript 规定,每一个构造函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。

2022-09-23 23:46:25 274

原创 Question | 说一说promise是什么与使用方法?

从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。promise 是 ES6 引入的异步编程的新解决方案。)让代码的可读性更高,更容易维护。

2022-09-23 23:37:22 265

原创 typescript | 面向对象 + 类 + 接口 + 属性的封装 + 泛型

抽象类是专门用来被其他类所继承的类,它只能被其他类所继承不能用来创建实例bark() {console . log('动物在叫~');run() {console . log('狗在跑~');} }使用abstract开头的方法叫做抽象方法,抽象方法没有方法体,只能定义在抽象类中子类必须要对抽象方法进行重写!!

2022-09-23 17:16:55 149

原创 typescript | 了解typescript + 搭建typescript开发环境 +类型声明 + 编译选项 + 使用webpack打包ts代码 +Babel

typescript的学习

2022-09-20 00:16:00 284

原创 Git | Git安装 + Git常用命令 + Git分支操作 + Git团队协作 +GitHub操作 + 码云

Git 是一个免费的、开源的分布式版本控制系统,可以快速高效地处理从小型到大型的各种项目。Git 易于学习,占地面积小,性能极快。它具有廉价的本地库,方便的暂存区域和多个工作流分支等特性。其性能优于 Subversion、CVS、Perforce 和 ClearCase 等版本控制工具。在版本控制过程中,同时推进多个任务,为每个任务,我们就可以创建每个任务的单独分支。使用分支意味着程序员可以把自己的工作从开发主线上分离开来,开发自己分支的时候,不会影响主线分支的运行。

2022-09-07 23:21:51 598

原创 ② 尚品汇的前台开发笔记【尚硅谷】【Vue】

② 尚品汇的前台开发笔记【尚硅谷】【Vue】整理的笔记

2022-09-04 10:31:11 3151 5

原创 ① 尚品汇的前台开发笔记【尚硅谷】【Vue】

尚品汇的前台开发笔记【尚硅谷】【Vue】整理的笔记,为简历做准备ing

2022-09-03 11:46:16 3438 5

原创 ① 尚品汇的后台管理系统【尚硅谷】【Vue】

① 尚品汇的后台管理系统【尚硅谷】【Vue】 分为上下部分,现在还未完成习惯用typora,然后复制到csdn里面,格式有错误请见谅!带❓的是有些不理解的地方

2022-08-31 23:34:22 5742 17

原创 LeetCode | 1460.通过翻转子数组使两个数组相等

给你两个长度相同的整数数组 target 和 arr。每一步中,你可以选择 arr 的任意 非空子数组 并将它翻转。你可以执行此过程任意次。如果你能让 arr 变得与 target 相同,返回 True;否则,返回 False。

2022-08-24 13:21:56 200

原创 LeetCode | 1455. 检查单词是否为句中其他单词的前缀

如果 searchWord 是某一个单词的前缀,则返回句子 sentence 中该单词所对应的下标(下标从 1 开始)。如果 searchWord 是多个单词的前缀,则返回匹配的第一个单词的下标(最小下标)。如果 searchWord 不是任何单词的前缀,则返回 -1。给你一个字符串 sentence 作为句子并指定检索词为 searchWord ,其中句子由若干用 单个空格 分隔的单词组成。请你检查检索词 searchWord 是否为句子 sentence 中任意单词的前缀。

2022-08-21 19:17:42 1000

原创 Question | 说一说你对闭包的理解?

一般就是一个函数A,return其内部的函数B,被return出去的B函数能够在外部访问A函数内部的变量,这时候就形成了一个B函数的变量背包,A函数执行结束后这个变量背包也不会被销毁,并且这个变量背包在A函数外部只能通过B函数访问。:能够让函数作用域中的变量在函数执行结束之后不被销毁,同时也能在函数外部可以访问函数内部的局部变量。简单理解就是 ,一个作用域可以访问另外一个函数内部的局部变量,这个局部变量所在的函数就是闭包函数。----- JavaScript 高级程序设计。

2022-08-20 21:39:24 134

原创 LeetCode | 654.最大二叉树

给定一个不重复的整数数组 nums。输出:[6,3,5,null,2,0,null,null,1]递归地在最大值 左边 的 子数组前缀上 构建左子树。递归地在最大值 右边 的 子数组后缀上 构建右子树。创建一个根节点,其值为 nums 中的最大值。输入:nums = [3,2,1,6,0,5]返回 nums 构建的 最大二叉树。

2022-08-20 20:56:39 84

原创 面试题 | 说一说cookie sessionStorage localStorage 区别?

在前端给后端发送请求的时候会自动携带Cookie中的数据,但是SessionStorage、 LocalStorage不会。cookie是由服务器端写入的,而SessionStorage、 LocalStorage都是由前端写入的。Cookie、SessionStorage、 LocalStorage都是浏览器的本地存储。得分点:数据存储位置、生命周期、存储大小、写入方式、数据共享、发送请求时是否携带、应用场景。cookie的生命周期是由服务器端在写入的时候就设置好的。

2022-08-19 21:27:17 283

原创 LeetCode | 1450. 在既定时间做作业学生的人数

输入:startTime = [1,2,3], endTime = [3,2,7], queryTime = 4。第三名学生在时间 3 开始写作业,预计于时间 7 完成作业,这是是唯一一名在时间 4 时正在做作业的学生。已知,第 i 名学生在 startTime[i] 时开始写作业并于 endTime[i] 时完成作业。第一名学生在时间 1 开始写作业,并于时间 3 完成作业,在时间 4 没有处于做作业的状态。第二名学生在时间 2 开始写作业,并于时间 2 完成作业,在时间 4 没有处于做作业的状态。

2022-08-19 19:08:19 130

原创 LeetCode | 9. 回文数

给你一个整数 x ,如果 x 是一个回文整数,返回 true;否则,返回 false。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。例如,121 是回文,而 123 不是。

2022-08-19 18:26:19 197

原创 LeetCode | 1. 两数之和

给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。注意:这里我用了双层for循环,思路一上来就有,但是运行结果一直是[],然后找了别人的代码对比,发现自己for循环参数记混了!!!

2022-08-19 12:43:19 78

原创 ES8 | async和await

async和await两种语法结合可以让异步代码像同步代码一样。promise对象的结果由async函数执行的返回值决定。async函数的返回值是promise对象。

2022-08-07 20:47:29 140

原创 报错 | vue.runtime.esm.js?c320:4560 [Vue warn]: Error in render: “TypeError: Cannot read properties of

vue.runtime.esm.js?c320:4560 [Vue warn]: Error in render: "**TypeError: Cannot read properties of undefined (reading 'category1Id')

2022-08-06 10:59:57 9775

原创 Question | 说一下http和https

​ http传输的数据都是未加密的,也就是明文的,网景公司设置了SSL协议来对http协议传输的数据进行加密处理,简单来说https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议,https协议比http协议的安全性更高。HTTPS经由HTTP进行通信,但利用SSL/TLS来加密数据包,HTTPS开发的主要目的,是提供对网站服务器的身份认证,保护交换资料的隐私与完整性。(超文本传输安全协议)的缩写,是一种通过计算机网络进行安全通信的传输协议。https的SSL加密是在传输层实现的。.

2022-08-02 20:12:17 139

原创 报错 | vue-router.esm.js?3423:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navig

在点击同一个跳转路由的时候,点一下并没有报错,但是多点几下就会报错,看了网上的解决办法。但是不知道为什么,求各位大佬解答!

2022-07-27 10:40:14 2801

原创 报错 | Refused to apply style from ‘http://localhost:8081/public/reset.css‘ because its MIME type (‘te

Refusedtoapplystylefrom‘http//localhost8081/public/reset.css’becauseitsMIMEtype(‘text/html’)isnotasupportedstylesheetMIMEtype,andstrictMIMEcheckingisenabled.../public/

2022-07-26 21:53:33 2073 1

原创 Vue | UI组件库

推荐使用npm的方式安装,它能更好地和webpack打包工具配合使用。以上代码便完成了Element的引入。需要注意的是,样式文件需要单独引入。,我们可以只引入需要的组件,以达到减小项目体积的目的。完整引入elementUI。...

2022-07-25 19:36:28 218

原创 Vue | 路由【路由的简介 +嵌套(多级)路由+路由的query,params参数+命名路由+路由的props配置+router-link的replace属性】

vue-rooter是vue的一个插件库,专门用来实现SPA应用。

2022-07-24 12:58:52 1124

原创 Vue | vuex【理解 vuex + vuex开发者工具的使用 + vuex的基本使用和API + 四个map方法的使用+多组件共享数据 +模块化+命名空间 】

概念专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。Github地址https。.........

2022-07-23 12:27:45 652

原创 Vue | Vue中的Ajax【vue脚手架配置代理服务器 + github案例 + slot插槽 】

说明文档https//cli.vuejs.org/zh/config/#devserver-proxy。前后端交互通常需要跨域,常用的跨域方法有cors、jsonp、代理服务器。当你请求的资源8081本身就有,他就不会把请求转发给5000。然后再把原先请求的地址改一下,就可以请求到跨域的数据了。注意不能灵活的控制请求是否走代理。然后把脚手架给停掉,然后重新启动。vue脚手架可以通过。步骤一开启代理服务器。............

2022-07-21 18:22:36 638

原创 Vue | TodoList 案例【完整过程】

是要渲染的数据,一开始存放在List里面,然后发现我们现在还没有学从Header传数据到List,所以现在把要渲染的数据放到App.vue里面。这里是todo案例,包含你要做的事情,是否完成,所以用对象来包裹最好,每一件事情item都是一个对象,所有事情list用数组来存放。父亲需要提前给儿子一个函数[props],儿子再调用这个函数,函数的定义本身在父亲里,父亲就能收到参数了。每一个事情都是独一的,生成的id也是,为了简便,引入了。考虑数据的类型,名称,以及怎么存放。,里面的每一个对象为。........

2022-07-19 10:55:25 2808

移动Web开发之 rem适配布局----苏宁首页案例制作

没做完....这是静态网页

2022-06-23

移动开发之响应式开发----阿里百秀首页案例

移动开发之响应式开发----阿里百秀首页案例 观看pink老师视频跟着做的....

2022-05-16

前端学习--用flex布局来写--携程首页

里面包含HTML和CSS,没有用JavaScript 因为携程和pink老师讲的版本不一样,我就用了很多关于现在携程的图片来替代

2022-05-11

京东移动端首页 流式布局

京东移动端首页 流式布局 刚学前端的新手

2022-05-10

空空如也

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

TA关注的人

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