- 博客(91)
- 收藏
- 关注
RSS订阅原创 TypeScript极速梳理
class 类名 {属性名: 类型;constructor(参数: 类型){this.属性名 = 参数;方法名(){....console.log(`大家好，我是${this.name}`);const p = new Person('孙悟空', 18);
2024-07-22 20:48:09
原创 Vue组件化编程
1.一种组件间通信的方式，适用于子组件 ====> 父组件2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中第一种方式，在父组件中：<Demo @atguigu="test"/>或<Demo v-on:atguigu="test"/>//触发Student组件实例身上的atguigu事件},第二种方式：在父组件中：......mounted(){<template>
2024-07-20 14:39:34
839
原创 Promise的自定义封装（用类方法）
深入理解promise底层源码有助于我们更好地理解promise。以下代码可以实现promise的基本功能。
2024-07-18 20:39:53
116
原创 Web前端Promise
说明：只有这两种，且一个promise对象只能改变一次，无论变为成功还是失败，都会有一个结果数据，成功的结果数据一般称为value，失败的结果数据一般称为reason。说明：返回一个新的promise，只有所有的promise都成功才成功，只要有一个失败了就直接失败。说明：返回一个新的promise，第一个完成的promise的结果状态就是最终的结果状态。如果传入的参数为非promise类型的对象，则返回的结果为成功promise对象。无论传入什么样的数值，结果均为失败的promise对象。
2024-07-18 16:04:32
860
原创 Web前端ES6-ES11知识点】
/声明一个对象name: "终极一班",stus: ['knight'],//索引变量//return {//下标自增index++;//返回结果}else{//遍历这个对象。
2024-07-17 19:46:03
578
原创 Vue基础
1.Vue会监视data中所有层次的数据2.如何监测对象中的数据？通过setter实现监视，且要在new Vue时就传入要监测的数据对象中后追加的属性，Vue默认不做响应式处理如需给后添加的属性做响应值，使用如下API：Vue.set(target,propertyName/index,value)或者vm.$set(target,propertyName/index,value)3.如何监测数组中的数据？调用原生对应的方法对数组进行更新重新解析模板，进而更新页面。
2024-06-25 14:02:47
748
原创 web-上传项目文件夹到Git远程仓库
概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容，切换代码版本，多人开发时高效合并代码内容。
2024-06-03 21:04:44
1149
1
原创 接口以及会话控制
所谓会话控制就是对会话进行控制HTTP是一种无状态的协议，他没有办法区分多次的请求是否来自于同一个客户端，无法区别用户而产品中又大量存在这样的需求，多以我们需要通过会话控制来解决该问题。
2024-06-02 20:34:03
818
原创 大事件项目实战
/更新用户的基本信息//更新用户基本信息的处理函数在/router/userinfo.js模块中，新增重置密码的路由//重置密码的路由在/router_handler/userinfo.js模块中，定义并向外共享重置密码的路由处理函数//重置密码的处理函数//更新用户头像的路由在/route_handler/userinfo.js模块中，定义并向外共享更新用户头像的路由处理函数// 新增文章分类的路由// 新增文章分类的处理函数// 删除文章分类的路由// 删除文章分类的处理函数。
2024-05-27 18:43:18
909
原创 数据库与身份认证
SQL(英文全称：Structured Query Language)是结构化查询语言，专门用来访问和处理数据库的编程语言，能够让我们以编程的形式操作数据库里面的数据SQL是一门数据库编程语言使用SQL语言编写出来的代码，叫做SQL语句SQL语言只能在关系型数据库中使用（例如：MySQL,Oracle,SQL Server）,非关系型数据库（例如Mongodb），不支持SQL语言身份认证又称“身份验证”、“鉴权”，是指通过一定的手段，完成对用户身份的确认。
2024-05-23 21:57:04
579
原创 Express知识点以及案例总结
广义上来讲，路由就是映射关系例如:人工客服中的每个按键都对应不同的服务，在这里，路由就是按键与服务之间的映射关系// 定义一个最简单的中间件函数// console.log('这是最简单的中间件函数')// 把流转关系，转交给下一个中间件或路由// next()// }// 将 mw 注册为全局生效的中间件// 这是定义全局中间件的简化形式console.log('这是最简单的中间件函数')next()})console.log('调用了 / 这个路由')})
2024-05-21 22:06:58
997
原创 Node.js知识点以及案例总结
/ 3.1 定义处理 css 样式的方法// 3.2 使用正则提取需要的内容const r1 = regStyle.exec(htmlStr)//选出匹配正则表达式内的字符串// 3.3 将提取出来的样式字符串，进行字符串的 replace 替换操作// 3.4 调用 fs.writeFile() 方法，将提取的样式，写入到 clock 目录中 index.css 的文件里面if (err) return console.log('写入 CSS 样式失败！
2024-05-18 21:06:32
811
原创 黑马数据管理平台项目知识点总结
概念：访问权限的令牌，本质上是一串字符串创建：正确登录后，由后端签发并返回作用：判断是否有登录状态等，控制访问权限目标：只有登陆状态，才可以访问内容页面在utils/auth.js中判断无token令牌字符串，则强制跳转到登录页（手动修改地址栏测试）在登录成功后，保存token令牌字符串到本地，再跳转到首页（手动修改地址栏测试）注意：前端只能判断token的有无，后端可以通过解密提取token字符串的原始信息，判断有效性// 判断无token令牌字符串，则强制跳转内容列表页面if(!
2024-05-14 18:58:26
705
原创 用js代码实现贪吃蛇小游戏
js已经学了大部分了，现在就利用我所学的js知识试试做贪吃蛇小游戏吧以下部分相关图片以及思路笔记均出自渡一陈老师的视频首先制作简单的静态页面，添加贪吃蛇移动的背景和相关图片，比如开始游戏等等将各个功能均封装在函数中，利用主函数调用分函数会使结构更清晰。
2024-05-02 14:46:08
1431
1
原创 Java进阶知识点及案例总结（续2）
相同点：都可以改变函数内部的this指向区别点call和apply会调用函数，并且改变函数内部this指向call传递参数arg1,arg2...形式，apply必须使用数组形式[arg]bind不会调用函数，可以改变函数内部this指向主要应用场景call调用函数并且可以传递参数apply经常跟数组有关系，比如借助于数组对象实现数组最大值和最小值bind不调用函数，但是还想改变this指向，比如改变定时器内部的this指向性能优化说明使用场景防抖单位时间内，频繁触发事件，
2024-04-25 21:30:07
847
2
原创 JavaScript进阶知识点及案例（续）
面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作面向对象是以对象功能来划分问题，而不是步骤。
2024-04-24 21:46:55
1031
3
原创 WebApis知识点案例总结（续2）
之前写出的页面数据刷新之后页面就没有了随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量数据，HTML5规范提出了相关解决方案数据存储在用户浏览器中设置，读取方便，甚至页面刷新不丢失数据容量较大，sessionStorage和localStorage约5M左右JavaScript中定义正则表达式的语法有两种const 变量名=/表达式/ //其中/ /是表达式字面量预定类说明\d匹配0-9之间的任一数字相当于[0-9]
2024-04-10 14:20:56
593
原创 WEBAPIS知识案例总结（续）
属性作用说明scrollLeft和scrollTop被卷去的头部和左侧配合页面滚动来写，可读写clientWidth和clientHeight获得元素宽高不包含border，margin，滚动条用于js获取元素的大小，只读属性offsetWidth和offsetHeight获取元素宽度和高度包含border，padding，滚动条等，只读offsetLeft和offsetTop获取元素距离自己定位父级元素的左，上距离获取元素位置的时候使用，只读属性。
2024-04-06 17:50:33
651
原创 Web APIs 学习知识总结
标签天生自带的属性 比如：class id title等，可以直接使用点语法操作比如：disabled checked selected在html5中推出来的专门的data-自定义属性在标签上一律以data开头在DOM对象上一律以dataset对象方式获取const one=document.querySelector('div')//只获取第一个div盒子。
2024-03-26 18:09:00
1007
原创 JavaScript基础
如果先加载的JavaScript期望修改其下方的HTML，那么他可能由于HTML尚未加载成功而失效，因此，将js代码放在HTML页面的底部附近通常是最好的策略。当用户输入数据时，可使用变量将其存储起来，变量就是一个装东西的盒子，是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆。注意：单引号只会找距离其最近的单引号进行匹配，若想在单引号中加入引号，就不可再加单引号，但是可以添加双引号，外双内单或外单内双。小案例：页面弹出对话框，输入名字和年龄，页面显示：大家好，我是XXX，我今年XX岁了。
2024-03-12 22:48:13
1071
原创 移动WEB开发知识总结
数值越小，排列越靠前，默认为0。注意:和z-index不一样。/* 让三个盒子沿着侧轴底侧对齐 */*//* 若只让第三个盒子在底侧 */div span {order: -1;</style><body></body>流式布局(百分比布局)栅格系统英文为“gridsystems”,也有人翻译为“网格系统”，它是指将页面布局（rem是将整个设备宽度划分）划分为等宽的列，然后通过列数的定义来模块化页面布局。
2024-02-17 09:45:07
1055
原创 阿里百秀移动端首页
bootstrap在设置字体图标时，通过引用相关字体图标的类名，就可直接在该元素前面添加一个伪元素放至字体图标，调整字体图标的位置时直接设置该元素的before伪元素即可。超小屏幕时阿里百秀图片隐藏，被替代为文字，给图片添加类名hidden-xs即可，事先准备好一个盒子来装文字，再让该文字只在超小屏幕显示即可，即添加类名visible-xs。，里面的a元素宽高撑满，a里的元素宽高也撑满，切记不可设置margin，设置li的宽度时，左边为50%，右边为25%,若使用margin则会把右边的图片挤下去。
2024-02-10 20:42:29
557
原创 苏宁易购移动端首页（rem布局）
banner区域放置一张图片，为了使图片也能自适应，应该设定banner的宽度和高度，图片在里面百分百就可以。该区域分为三个部分，可使用flex布局使三张链接图片平分为三部分，让a里面的图片宽度百分百即可。这次的nav先不用flex布局，用rem布局，每个a元素的宽高固定，再对a元素进行浮动即可。因为是rem布局，所以设置宽度高度或者跟数字有关的数据时，都要除以html的文字大小。剩下的样式都是常规操作，我就不详细说了，以上代码主要是熟悉rem布局的做法。1．新建index.less这里面写首页的样式。
2024-02-08 19:50:31
530
原创 携程网首页案例制作（移动端）
直接添加图片即可，但因为上面搜索区域是固定定位，不占据位置，下方图片某部分会被搜索区域覆盖住，因此要设置焦点图区域的padding-left使其往下方移动。搜索模块是一个固定定位，它与父亲没有关系，只与视口有关，所以设定位置为水平居中时，要以视口为标准。background:linear-gradient(起始方向，颜色1，颜色2，...);通常要设置最大宽度，最小宽度，水平居中，字体设置，背景颜色以及相关初始化。伪元素添加定位之后就变成行内块元素。三个子盒子就用到了线性渐变。固定定位的盒子要有宽度。
2024-02-07 23:24:48
1312
原创 京东首页移动端-web实战
京东自主研发推出DPG图片压缩技术，经测试该技术,可直接节省用户近50%的浏览流量，极大的提升了用户的网页打开速度。能够兼容jpeg，实现全平台、全部浏览器的兼容支持，经过内部和外部上万张图片的人眼浏览测试后发现，压缩后的图片和webp的清晰度对比没有差距。谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。之后的布局以及样式都与上面大致相同，京东移动端的练习就先到这里啦。根据改变之后的图片测量坐标。转换伪元素为块级元素。
2024-02-05 21:36:57
825
原创 HTML5和CSS3强化知识总结
之前总结定位元素水平垂直居中时，top left均为50%，之后margin-top为-高度的一半，margin-left为-宽度的一半，即可实现，但这一旦改变盒子的宽高，也得改变marign值，故tranform：translate（-50%，-50%）很方便的避免了频繁改动数据的问题。利用阴影进行动画设置，先利用定位将阴影与圆点放置合适位置，用一个盒子将其包含，让阴影水平垂直居中放置在盒子中，此时圆点就会在阴影正中间，利用动画将阴影的宽高调大，之后每个阴影进行延迟即可。
2024-02-04 11:13:24
3181
2
原创 品优购项目实战
gaouwuche品优购项目搭建工作：创建文件夹以及文件名称 说明 shoping 项目文件夹 images 样式类图片文件夹 css 样式文件夹 upload 产品类图片文件夹 fonts 字体类文件夹 js 脚本文件夹 首页 index.html CSS初始化样式文件 base.css CSS公共样式文件 common.css 模块化开发模块化：将一个项目按照功能划分一个
2024-02-02 14:30:43
1086
原创 HTML以及CSS相关知识总结（二）
点击其中一个图层，按住shift键再点击另一个图层，即同时选中两个图层，之后点击图层菜单，选中图层菜单里的合并图层，快捷键为ctrl+e，即同时选中两个图层之后按ctrl+e就可直接合并图层。3.png图像格式是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点，能够保持诱明背景.如果想要切成背景透明的图片,请选择png格式。导出透明背景的图片，找到图层工具栏，下滑至最底端有个背景，点击前方的眼睛，点击后眼睛消失，同时页面背景会变成。在使用定位布局时，可能会出现盒子重叠的情况。
2024-01-26 13:30:22
1207
原创 HTML以及CSS相关知识总结(一)
在<head>标签内，可以通过<meta>标签的charset属性规定HTML文档应该使用哪种字符编码，一般情况下，统一使用"UTF-8"编码，即万国码，基本包含了全世界所有国家需要用到的字符。由以上代码可知，尽管ID选择器的权重比元素选择器的权重大，但p元素仍然使用了元素选择器的样式，因为ID选择器为父元素的样式，而p元素对于父元素的样式为继承，权重为0，故元素选择器的样式占上方。网页元素很多都带有默认的内外边距，而且不同浏览器默认的也不一致，因此在布局前，首先清除·网页元素的内外边距。
2024-01-21 12:18:43
1762
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人