前端基础知识
文章平均质量分 76
尤雨溪般的艺术编程者
一个立志于将代码变成艺术的艺术编程者,爱编程,爱画画,更爱像艺术一样的代码
展开
-
React的Hooks
Hooks显示的指明因变量有什么好处当使用时,y与changeX会被缓存下来,只要x不变,始终读取的是缓存的值,如果不使用时,每次函数组件执行时,实际会基于x,创建新的y与changeX这涉及到React的性能优化,个人建议,在遇到性能优化的瓶颈之前,都可以暂时不使用这两个Hooks副作用是函数式编程中的概念对于一个函数,如果固定的输入一定会产生固定的输出,如果这里面x是固定的,输出的结果就是一定的,那这说这是一个纯函数但当我们引入随机数Z时,x一定是输出是不固定的。原创 2023-03-07 17:48:58 · 381 阅读 · 0 评论 -
第一章: 邂逅数据结构与算法
注意点:不管在哪里调用方法都会执行,不论是全局调用,局部调用,console.log打印调用,甚至是if等条件语句中调用都会执行。打印的时候 调用方法的时候,里面的变量或者值也会改变值。泛型是指在定义函数、接口或者类的时候。不预先指定具体的类型,而在使用的时候在指定类型的一种特性。要把十进制转化成二进制,我们可以将该十进制数字和2整除(二进制是满二进一),直到结果是0为止。计算出来的余数:后放进来的余数,在组成二进制的时候是放在高位的。2.node–需要同个ts-node库 运行代码。原创 2023-02-23 10:16:24 · 740 阅读 · 1 评论 -
小程序项目学习--第八章:播放页功能-代码重构-分包优化-打包发布
隐藏滚动条歌词分页的上下滚动区域动态设置样式思考什么时候是第一句歌词,什么时候是最后一句歌词。原创 2023-02-02 22:00:00 · 481 阅读 · 0 评论 -
小程序项目学习--第六章:项目实战二、推荐歌曲-歌单展示-巅峰榜-歌单详情-页面优化
自定义组件song-item-v20.创建组件song-item-v21.注册2.使用3.子组件接收数据} . info {flex : 1;原创 2023-02-02 19:30:00 · 1199 阅读 · 0 评论 -
小程序项目学习--第五章:项目实战一
之前做过网络封装,这里直接复用之前使用个的网络请求封装,这里使用类封装的请求方法// 封装成类 -> 实例 import {const {原创 2023-02-02 18:00:00 · 552 阅读 · 0 评论 -
小程序项目学习--第四章:组件化-插槽-混入-生命周期-系统API-登录
1.在onload中发起网络请求wx,request({})传入参数2.在wxml中展示数据1.Page({data: {},onLoad() {// 1.网络请求基本使用// },// }// })})})2.原创 2023-02-02 15:30:00 · 1369 阅读 · 1 评论 -
小程序项目学习--**第三章:WXSS-WXML-WXS语法**事件处理-组件化开发
是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构为什么要设计WXS语言呢?在WXML中是不能直接调用Page/Component中定义的函数的.因为双线程模型由于运行环境的差异,在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备 上二者运行效率无差异(因为底层的实现不同);原创 2023-02-02 14:45:00 · 463 阅读 · 0 评论 -
小程序项目学习-- 第二章:注册App和Page-常见内置组件-wxss样式
02_(掌握)注册小程序-判断进入场景和生命周期03_(掌握)注册小程序-App数据共享和页面获取globalData数据不是响应式的,这里共享的数据通常是一些固定的数据04_(掌握)注册小程序-登录操作和storage存取数据05_(掌握)知识点-代码组件方式调整1.获取item ,需要在wxml中自定义属性,内置的自定义属性data-item=“{{item}}” 就是往点击事件中添加属性 data-item=“{{item}}”这里只有和wxml保持一直即可 const item =原创 2023-02-02 10:17:30 · 316 阅读 · 0 评论 -
var a = { n: 1 }; var b = a; a.x = a = { n: 2 };JavaScript中运算符优先级----坑坑坑
JavaScript中运算符优先级----坑坑坑。原创 2023-02-01 09:58:52 · 167 阅读 · 0 评论 -
小程序项目学习--第一章:邂逅小程序开发
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3KXvyGTy-1675132790460)(https://qny.xjc1016jzy.love/blog/applet/image-20230117103832271.png)]原创 2023-01-31 10:43:25 · 472 阅读 · 0 评论 -
[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到 坑关于Vant Weapp中组件引入未找到的解决方案
在开发微信小程序时,需要引入一些第三方UI库,这时就需要用到微信小程序的 UI,分享一些遇到的问题Vant Weapp框架引入组件失败问题:使用Vant 组件 [“usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到:[ pages/main-music/main-music.json 文件内容错误] pages/main-music/main-music.json: [“usingComponents”][“van-search”原创 2023-01-30 08:00:00 · 1713 阅读 · 1 评论 -
JS函数式编程
JS函数式编程。原创 2023-01-12 15:00:00 · 1296 阅读 · 0 评论 -
react入门小案例案例
源码:https://github.com/dansoncut/React-beginner-tutorial-TeacherEgg.git视频地址:https://www.bilibili.com/video/BV1be411w7iF/?原创 2023-01-12 10:21:37 · 972 阅读 · 0 评论 -
JSJavaScript基础
类数组对象一个拥有 length 属性和若干索引属性的对象就可以被称为类数组对象,类数组对象和数组类似,但是不能调用数组的方法。常见的类数组对象有 arguments 和 DOM 方法的返回结果,还有一个函数也可以被看作是类数组对象,因为它含有 length 属性值,代表可接收的参数个数。● DOM 指的是文档对象模型,它指的是把文档当做一个对象,这个对象主要定义了处理网页内容的方法和接口。原创 2023-01-04 09:00:00 · 537 阅读 · 0 评论 -
前端数据结构与算法
对于二叉树、每个节点有左右两个子节点,对于是先访问左子节点、还是当前节点,或是右子节点,可以把遍历分为前序中序和后序三种。先看前序遍历,前序遍历会先访问当前节点的值,之后访问左子节点或右子节点,这里假定先访问左子节点,然后再访问右子节点,对于每个子节点都是做同样的操作。对于算法的评价,会分为最佳情况、平均情况和最坏情况,因为有的算法会根据输入数据的不同,会有不同的时间复杂度,大 O 表示法通常表示的是最坏情况。对于前序遍历,我们先打印出当前节点的值,然后递归的调用自己,传递左节点,再调用自己传递右节点。原创 2023-01-03 09:15:00 · 388 阅读 · 0 评论 -
计算机网络篇--WebSocket基本使用
普通的包的请求和响应过程。原创 2022-12-30 16:17:16 · 4058 阅读 · 0 评论 -
计算机网络篇--DNS协议介绍
概念: DNS 是域名系统 (Domain Name System) 的缩写,提供的是一种主机名到 IP 地址的转换服务,就是我们常说的域名系统。它是一个由分层的 DNS 服务器组成的分布式数据库,是定义了主机如何查询这个分布式数据库的方式的应用层协议。能够使人更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。作用: 将域名解析为IP地址,客户端向DNS服务器(DNS服务器有自己的IP地址)发送域名查询请求,DNS服务器告知客户机Web服务器的 IP 地址。原创 2022-12-29 18:00:00 · 730 阅读 · 0 评论 -
计算机网络篇--HTTP状态码
(1)2XX 成功● 200 OK,表示从客户端发来的请求在服务器端被正确处理● 204 No content,表示请求成功,但响应报文不含实体的主体部分● 205 Reset Content,表示请求成功,但响应报文不含实体的主体部分,但是与 204 响应不同在于要求请求方重置内容● 206 Partial Content,进行范围请求(2)3XX 重定向● 301 moved permanently,永久性重定向,表示资源已被分配了新的 URL。原创 2022-12-29 17:15:00 · 277 阅读 · 0 评论 -
计算机网络篇--HTTPS协议
HTTP协议采用明文传输信息,存在信息窃听、信息篡改和信息劫持的风险,而协议TLS/SSL具有身份验证、信息加密和完整性校验的功能,可以避免此类问题发生。TLS/SSL的功能实现主要依赖三类基本算法:散列函数hash、对称加密、非对称加密。这三类算法的作用如下:● 基于散列函数验证信息的完整性● 对称加密算法采用协商的秘钥对数据加密● 非对称加密实现身份认证和秘钥协商1)散列函数hash常见的散列函数有MD5、SHA1、SHA256。原创 2022-12-29 13:03:59 · 582 阅读 · 0 评论 -
计算机网络篇--HTTP协议
GET和POST方法都是HTTP中的方法什么是 HTTP?超文本传输协议(Hypertext Transfer Protocol,缩写 HTTP)旨在启用客户端和服务器之间的通信。HTTP 充当客户端和服务器之间的请求-响应协议。原创 2022-12-29 09:30:00 · 528 阅读 · 0 评论 -
JSES7--13新增知识点
async是一个加在函数前的修饰符,被async定义的函数会默认返回一个Promise对象resolve的值。await 修饰的如果是Promise对象:可以获取Promise中返回的内容(resolve或reject的参数),且取到值后语句才会往下执行;如果不是Promise对象:把这个非promise的东西当做await表达式的结果。async/await 是ES7提出的基于Promise的解决异步的最终方案。await 也是一个修饰符,只能放在async定义的函数内。async/await是什么。原创 2022-12-27 09:30:00 · 562 阅读 · 0 评论 -
JSES6知识大全
ES6中对 对象字面量 进行了增强,称之为 Enhanced object literals(增强对象字面量)。原创 2022-12-26 09:30:00 · 721 阅读 · 0 评论 -
JavaScript数据类型
/ "ABC"在访问’abc’.length时,JavaScript 将’abc’在后台转换成String(‘abc’),然后再访问其length属性。if(!a) {包装类返回的是一个对象答案是什么都不会打印,因为虽然包裹的基本类型是false,但是false被包裹成包装类型后就成了对象,所以其非值为false,所以循环体中的内容不会运行。原创 2022-12-25 09:30:00 · 1117 阅读 · 0 评论 -
js数组方法解析
判断传入的值是否为数组。原创 2022-12-24 09:30:00 · 288 阅读 · 0 评论 -
React jsx规则JSX核心语法一 书写规范
转换的方式有很多,比如toString方法、和空字符串拼接,String(变量)等方式;情况二:当变量是null、undefined、Boolean类型时,内容为空;情况一:当变量是Number、String、Array类型时,可以直接显示。比如UI中需要展示数据状态,在某些状态发生改变时,又需要改变UI;1.若首字母小写,那么React就会去寻找与之同名的html标签。/*1.jsx里面可以放入各种表达式,这里只是举例几个 */2. 若首字母大写,那么React就会去寻找与之同名的组件。原创 2022-10-06 09:45:00 · 621 阅读 · 0 评论 -
初认React --You are using the in-browser Babel transformer. Be sure to precompile your scripts for
该react-dom包提供了特定于 DOM 的方法,这些方法可以在您的应用程序的顶层使用。原创 2022-10-05 10:00:00 · 2106 阅读 · 0 评论 -
element-plus 在vue3 中不生效的原因 element-plus引入
element-plus 在vue3 中不生效的原因 element-plus引入原创 2022-08-13 10:00:00 · 3856 阅读 · 0 评论 -
ElementPlus Config Provider 国际化 自定义命名空间
ElementPlus Config Provider 国际化转载 2022-08-09 16:13:32 · 912 阅读 · 0 评论 -
JS和Vue前端时间格式化处理的两种方式推荐
JS和Vue前端时间格式化处理的两种方式推荐原创 2022-08-09 14:45:00 · 2496 阅读 · 0 评论 -
深度解决npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
解决npmWARNconfigglobal--global,--localinstead.在安装完node环境后,npm-v显示如下问题--global,--localinstead.8.11.0。原创 2022-07-21 09:30:00 · 12256 阅读 · 8 评论 -
js理解对象的引用-浅拷贝-深拷贝
浅拷贝深拷贝原创 2022-07-14 18:00:49 · 264 阅读 · 0 评论 -
vue watch监听数据解决新旧值一样的问题(newValue, oldValue)
watch 新旧值 一样的问题原创 2022-07-14 13:33:17 · 9101 阅读 · 2 评论 -
uniapp “未检测到手机或模拟器,请稍后重试”和uniapp自定义组件与通信
错误九:“未检测到手机或模拟器,请稍后重试”在使用HBuilderX创建uni-app项目的时候想要在手机上运行看看效果,当你点击运行下面的“运行到手机或模拟器(N)”时,发现显示的是“未检测到手机或模拟器,请稍后重试”,然后在百度上搜索,会出现各种各样的方法,但是都没有成功,或者你按照“运行到手机或模拟器(N)”下的”“真机运行常见故障排除指南(F)”来,发现还是没有成功,我的是安卓手机。修改手机选项因为它会在手机上安装HBuilderX,然后运行即可。uniapp小知识点分享uniap原创 2022-04-02 10:00:00 · 2550 阅读 · 0 评论 -
uniapp ## 错误七 <map>:marker id should be a number
错误七 :marker id should be a number微信小程序报错:marker id should be a number1.首先看官方文档https://developers.weixin.qq.com/miniprogram/dev/component/map.html发现不是必填,但是随便填一个数字型number就可以解决问题以后,没解决一个bug,总结一个uniapp的知识点1.uniapp的应用生命周期2.页面生命周期...原创 2022-03-31 09:45:00 · 9750 阅读 · 1 评论 -
前端基础路线一:HTML编码规范
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2022-03-06 09:22:31 · 1416 阅读 · 0 评论