- 博客(44)
- 收藏
- 关注
RSS订阅原创 HTTPS是如何保证安全的
HTTPSSSL/TLS协议就是为了解决上面提到的HTTP存在的问题而生的，下面我们来看一下它是怎么解决的:所有的信息都是加密传输的，第三方无法窃听配备身份验证，防止身份被冒充具有校验机制，一旦被篡改，通信双方会立刻发现加密–对称加密加密和解密同用一个秘钥的方式称为 共享秘钥加密，也被叫做对称秘钥加密。对称加密浏览器发送给服务端 client_random 和一系列加密方法服务端发送给浏览器 server_random和加密方法
2022-05-05 14:43:49
684
原创 HTML（九）表格元素
,表示一系列行数据，子元素只能是,可以出现多个,定义表格列头的行,定义表格列简介的行，表格的行，表格中的单元格，它有两个特有的属性《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】colspan：跨了多少列rowspan：跨了多少行**headers：**表示和这个单元格相关的th的id**：**单元格标题colspan：跨了多少列rowspan：跨了多少行headers：表示和这个...
2022-05-05 14:41:51
222
原创 HTML作业-花店网页
鲜花套餐XPackage努力的你，值得每周一束花，奖励自己查看更多Nature自然系列 | 混合版¥9999元/4束，每周一束，新用户赠花瓶Nature自然系列 | 双拼版¥139139元/4束，每周一束，Pro & 单品交替发花Nature自然系列 | Pro版¥169169元/4束，每周一束，新用户送花瓶即将开售 | 食品专场¥99花点食品专场即将开售，敬请期待鲜花故事XStory
2022-05-05 14:39:36
345
原创 html5基础入门教程之canvas变型
ctx.restore(); //恢复栈中的第二个值，在本例中即第一个保存的状态，填充色默认为黑色ctx.fillRect(75,75,30,30); //绘制一个30*30的黑色正方形}}这个例子第一步是绘制了一个起始位置坐标为(15,15)，大小为150*150的正方形。它没有设置填充色，默认填充了黑色。第二步调用了save()方法。该方法记录了这是的状态，即fillStyle的值，即为默认的黑色。第三步设置fillStyle值为’#09f’，以此为填充色绘制了一个起始位置坐标为(30,30)，
2022-05-05 14:35:49
240
原创 Html-移动端与响应式
display: none;transition: all 0.5s;transform-origin: left center;}.togglebtn .line:nth-child(1) {position: absolute;top: 15px;}.togglebtn .line:nth-child(2) {position: absolute;top: 27px;}/*设定屏幕小于768像素时的像素*/.navpage {width: 100vw;overflow:
2022-05-05 14:31:48
178
原创 HTML+CSS系列实战之超链接、音视频
}li {list-style: none;float: left;}首页我的相册我的相册大二,大三学习规划我的家乡我的故事©2003-2009 xx.com.ALL rights. xxx有限公司【xICP备05023328号】实现效果为：当点击首页对应模块的功能时，会跳转到相应页面。这里用到了超链接、无序列表、字符实体等相关知识，主要是在列表里面使用超链接，再给列表清除样式达到并列排版的效果。第二个页面的代码为
2022-05-05 14:30:06
331
原创 hexo+github打造个人博客系列之评论系统
经过测试，来必力好像不是很友好，发起评论直接报了个504错误（504错误是（网关超时） 服务器作为网关或代理，但是没有及时从上游服务器收到请求。）。蛋疼么？我在想是不是我配置问题，于是我去到别人的hexo博客上评论，也报了同样错误，最后又试了手机，都没法评论，这还怎么玩，发到朋友圈，都没法评论，还怎么装逼？（手动滑稽）。默默把livere_uid配置为空了。[](()Valine------------------------------------------------------ 《大厂前端.
2022-05-05 14:28:18
367
原创 Gitee Pages搭建博客
必须要新建仓库，然后提交代码必须要有index.html,创建仓库：申请：第二天申请成功) {newObj[key] = obj[key]}}return newObj}简单版深拷贝：只考虑普通对象属性，不考虑内置对象和函数。function deepClone(obj) {if (typeof obj !== 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ‘object’) return;var newObj = obj instanceof
2022-05-04 09:47:18
93
原创 JSP对象解析
2、会执行response的刷新操作，会把数据写给客户端。验证：由于jsp翻译之后，底层源代码都是使用out来进行输出，所以一般情况下，我们在jsp页面统一使用out进行输出。避免打乱页面输出的顺序。out.print()和out.write()========================out.write()输出字符串字符串没问题out.print()可以输出任意数据（都会转化成字符串后调用write输出）结论：在jsp页面中，可以统一使用呢out.print()来进.
2022-05-04 09:45:32
141
原创 jQuery与javascript的区别＋案例 锋芒毕露
吼吼轰轰JavaScript的使用var first = document.getElementById(‘first’);var cls= document.getElementByClassName(‘cls’);var li = document.getElementByTagName(‘li’);var naName= document.getElementsByName(‘na’);var naName = document.getElementsByName(‘na’).
2022-05-04 09:43:32
95
原创 JavaScript基本数据类型之Number
console.log(n.toString(32)); //返回字符串10🎉提示对于数值直接量，不能直接调用toString（），必须用小括号强制运算数值直接量后，才可以调用该方法console.log(32.toString(2)) //错误console.log((32).toString(2)) //返回字符串10000[](()✨NaNNaN：是一个特殊的数字，表示Not a Number，非数值。比如：‘0’ //0‘abc’ //NaN//单独一个
2022-05-04 09:41:40
107
原创 JavaScript之this用法详解
test(); // 1为了证明this就是全局对象，我对代码做一些改变：var x = 1;function test(){alert(this.x);}test(); // 1运行结果还是1。再变一下：var x = 1;function test(){this.x = 0;}test();alert(x); //0情况二：作为对象方法的调用函数还可以作为某个对象的方法调用，这时this就指这个上级对象。..
2022-05-04 09:39:37
351
原创 JavaScript之jQuery番外篇【打地鼠游戏的制作讲解】
📖 素材制作📖 总体思路📖 布局注意事项📖 地鼠随机出没与计时实现原理📖 计分实现原理📖 双模式实现原理📖 两项小优化：地鼠受击切换状态与鼠标点击特效III. 可优化角度高质量前端博主，点个关注不迷路🌸🌸🌸**！**本篇是继本人原创博客jQuery学习【三部曲】后的番外续作篇，主要内容是用jQuery从0做一个完整的打地鼠小游戏，同时，与其他同类型的做打地鼠游戏博客对比，个人认为本文具有以下特点：(1) 详细的写法教学。我会用大篇幅给大家讲述每一个实现的重点和难点，以便大家能够
2022-05-04 09:37:55
725
原创 JavaScript中eval()和$
[](()二、 第二个区别：JSON.parse()解析的必须是json格式的字符串要不报错，而eval()则没有这么严格在这里“json格式的字符串”是指要求指定的字符串必须符合严格的JSON格式，例如：属性名称必须加双引号、字符串值也必须用双引号。如果传入一个格式不"完好"的JSON字符串将抛出一个JS异常 json的解析方法共有两种：eval 和 JSON.parse()，如：var jsonStr= ‘{“name”:“lulu”, “sex”:“female”}’;var evalJso
2022-05-04 09:36:08
278
原创 JavaScript 运算符和表达式
n2 != n3, // false);在关系运算中存在隐式转换，默认一切转为数字在参与运算// 在关系运算中存在隐式转换，默认一切转为数字在参与运算。var n = 2, s = “3”, b = true;console.log(s > n, // trueb < s, // trues - n == b, // trues >= b, // trues - n >= b, // true);特殊情况一 ：两个字符串作比较 。不在转换为数字，而是
2022-05-04 09:34:30
348
原创 HTML页面 加载播放RTMP协议流和HLS协议流直播视频
注意静态资源的加载路径，我是用了个springboot项目作为测试，我的路径是：然后随便写个接口跳转到该页面，展示效果,视频正常播放：接下来是 RTMP协议流直播视频。解决方案：使用的是静态资源：新建html页面，testPlayer.html： FlowPlayer <ahref=“#”style=“display:block;width:1040px;height:660px”id=“player”> ...
2022-05-04 09:32:12
975
1
原创 HTML设置图片
我们使用DW设置网站时，避免不了要引入图片，在HTML中有两种方式都可以引入：方法一：通过CSS样式引入；方法二:通过img标签。两种方式都可以引入图片，但是它们都各有各的优势，下面会分开介绍法一：通过CSS样式引入图片时需要设置图片的宽度和高度，如果设置的宽度和高度大于图片原始的宽度和高度，那么图片 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 将会显示全部并且按照比例会重复，但是这样的好处就是有时需要设置重复时就不用一张一张
2022-05-04 09:30:16
1733
原创 VUE逐点突破系列 -- Vue性能优化方法
const router = new VueRouter({routes: [{ path: ‘/foo’, component: () => import(‘./Foo.vue’) }]})[](()keep-alive缓存页面[](()使用v-show复用DOM[](()v-for 遍历避免同时使用 v-ifv-for=“user in activeUsers”:key=“user.id”>{{ user.name }}
2022-05-03 11:14:05
120
原创 Vue表单类的父子组件数据传递示例
先看个例子：12345678910111213141516171819202122232425262728<!-- 父组件 parent.vue --> <template> <div class="parent"> <h3>问卷调查</h3> <child v-model="form.name"></ch
2022-05-03 11:12:10
830
原创 Vue源码：指令和生命周期
let val = vue;exp = exp.split(‘.’);exp.forEach((k, i) => {if (i < exp.length - 1) {val = val[k];} else {val[k] = value;}});}}[](()array.js===================================================================import { def } from ‘./utils.js’
2022-05-03 11:10:26
238
原创 vue2双向数据绑定原理
vue.js文件class Vue{constructor(options){this.$data = options.data// 调用数据劫持的方法Observe(this.$data)// 属性代理Object.keys(this.$data).forEach(key=>{Object.defineProperty(this,key,{enumerable:true,configurable:true,get(){return this.$data[key]},set
2022-05-03 11:08:28
147
原创 Vite 的好与坏，你怎么看？
预编译：npm 包这类基本不会变化的模块，使用 Esbuild 在 「预构建」 阶段先打包整理好，减少 http 请求数按需编译：用户代码这一类频繁变动的模块，直到被使用时才会执行编译操作客户端强缓存：请求过的模块会被以 http 头 max-age=31536000,immutable 设置为强缓存，如果模块发生变化则用附加的版本 query 使其失效产物优化：相比于 Webpack ，Vite 直接锚定高版本浏览器，不需要在 build 产物中插入过多运行时与模板代码内置更好..
2022-05-03 11:06:13
436
原创 uniapp中滑动视频组件、双击点赞、首个视频自动播放
},300)},player(){//从头播放视频if(this.play===false){this.videoContext.seek(0)this.videoContext.play()this.play=true}},pause(){//暂停视频if(this.play===true){this.videoContext.pause()this.play=false}},playThis(){//播放当前视频if(this.play===false){this
2022-05-03 11:04:27
783
原创 tensorflow2深度学习从入门到精通第四章—TensorFlow 基础
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6FgLmduo-1651546929799)(https://i 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 mg-blog.csdnimg.cn/20201208160045815.png#pic_center)]可以看到，类的偏置成员 bias 初始化为全 0，这也是偏置𝒃的默认初始化方案。[](()4.5.3 矩阵矩阵也是非常常见的张量类型
2022-05-03 11:02:28
533
原创 Springboot-Vue-Data Jpa实现简单的CURD
// 修改用户@PutMappingpublic Result update(@RequestBody User user) {userService.save(user);return Result.success();}// 删除用户@DeleteMapping(“/{id}”)public void delete(@PathVariable(“id”) Long id) {userService.delete(id);}// 根据id查询用户@GetMapping(“/{id}
2022-05-03 11:00:36
284
原创 Spring Boot + Vue 前后端分离项目，如何踢掉已登录用户
首先，我们打开[Spring Security+Spring Data Jpa 强强联手，安全管理只有更简单！](()一文中的案例，这个案例结合 Spring Data Jpa 将用户数据存储到数据库中去了。然后我们将上篇文章中涉及到的登录页面拷贝到项目中（文末可以下载完整案例）：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7XB0viq6-1588898082940)(http://img.itboyhub.com/2020/04/20200506204420.pn.
2022-05-03 10:58:32
454
原创 SpingBoot + Vue + Element UI
添加数据 |数据管理 |饼图 |柱状图使用Element UI 官网 [https://element.eleme.io/#/zh-CN](() 直接复制使用Element UI 表格嵌入图片=================================================================<el-table:data=“tableData”borderstyle=“width: 100%”><el-...
2022-05-03 10:56:49
67
原创 我的学习JDBC之路
try {st.close();} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}}if(conn!=null) {try {conn.close();} catch (Exception e2) {// TODO: handle exception}finally {}}}}}[](()4.执行DQL（Query）操作====================
2022-04-29 14:39:34
747
原创 微信小程序——账号及开发工具
[点击进入开发文档](()进入安装开发工具（稳定版本）一路默认下一步进行安装[](()3. 开发者工具的使用使用注册微信小程序的微信号扫码登录后点击后面大加号项目名称 目录为自定义AppID在微信小程序后台的开发中（下图中复制过来）后端服务可自己选择点击新建项目[](()4. 项目框架[给跪了！这套万人期待的 SQL 成神之路PDF，终于开源了](()Apache Dubbo是Alibaba开源的高性能RPC框架，在国内有非常多的用户。Arthas是Alibaba开源的应用诊断利器，9月份开源以来，Github Star数三个月超过6000。当Dubbo遇上Arthas，会碰撞出什么样的火花呢？下面来分享Arthas排查Dubbo问题的一些经验。dubbo-arthas-demo下面的排查分.
2022-04-29 14:35:09
218
原创 开发者百度地图的使用，做一个小demo，ak秘钥
<sc 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ript type=“text/javascript”>var city = [{“id”: 10001,“name”: “河南省”,“child”: [{“id”: 100011,“name”: “鹤壁市”,“child”: [{“id”: 100011,“name”: “浚县”},{“id”: 100011,“name”: “...
2022-04-29 14:32:55
476
原创 学习前端开发，一段心路历程，这个世界根本没有速成的方法
你会用CSS技术的使用技巧解决下列问题吗？如何去掉容器中图片下方自动产生的距离。当容器中具有浮动元素时，如何为容器设置边框或背景颜色？怎样让块级元素在容器中水平居中？当多个连续块级元素的浮动布局影响了原本不想浮动的对象时该如何处理？容器内部的对象如何实现相对于容器的自由定位？看来，CSS的属性及其取值只是CSS技术的第一层面，更多的使用技巧等待大家去挖掘。3、CSS+div布局模式：这是许多布局模式的基础，也是大部分前端开发人员接触到的第一种布局方式。这种布局模式对于PC端页面的设计是非常有
2022-04-29 14:30:34
813
原创 如何优雅地解决多个 React、Vue App 之间的状态共享
const store = currentEmitter.storeee.on(ACTION.ADD_COUNT, store.count.addCount, store.count)return window.myEmitter}这样一个非常原始的状态共享方式就完成啦，接下来我们就看看在 React 中是如何使用的吧import React,{ useState, useEffect} from ‘react’import {getM
2022-04-29 14:28:16
337
原创 大型 Web 应用插件化架构探索
但另一方面，VS Code 这种相对封闭的插件 UI 方案，一些需要更强定制性的功能便无法满足，更多插件开发者开始魔改 VS Code 底层甚至源码来实现定制。例如社区很火的 VS Code Background，这款插件通过强行修改 VS Code 安装文件中的 CSS 来实现编辑器区域的背景图。而另一款 VSC Netease Music 则更激进，因为 VS Code 捆绑包中的 Electron 剔除了 FFmpeg 导致在 Webview 视图下无法播放音视频，使用此
2022-04-29 14:26:29
783
原创 在中国程序员工作是青春饭吗？
作者：阿莱克西斯链接：https://www.zhihu.com/question/321199799/answer/779270361来源：知乎很遗憾, 就答主在中国和美国的工作经历和观察来看, 程序员无论在哪里都是“青春饭”(注意引号, 友军先别开枪！). 但是，在你站在40岁50岁时候的自己这个角度来思考问题，从而害怕程序员是青春饭，自己被年轻人"干掉"的同时，你也要从另外一个角度(年轻时的自己的出路是什么?)来思考问题； 一个行业如果完全以年龄为衡量，以年轻为最高优先级，新入行的年轻血液立刻或
2022-04-29 14:22:03
134
原创 原生JS实现表单验证（基于正则表达式）
在静态表单的基础上，我们想一下要做的效果我们想实现的效果：1. 实现单击获取验证码时的倒计时效果😄2. 通过正则表达式判断输入的姓名和电话号是否符合规范🙋3. 如果符合规范会在后面打绿色的对号，不符合规范会在输入框里提示红色的提示字样🐶4. 当姓名或手机号有不符合规范的时候点击提交会弹出不正确的提示框，二者都符合规范时点击提交弹出提交成功对话框💣我们一个一个效果来完成，先看一下倒计时效果：首先我们点击获取验证码这里，会立刻进入一个三秒钟的倒计时，然后里面的文字变成了倒计时秒数，并且在进入倒计
2022-04-29 14:20:05
622
原创 前端项目总结与分享（PPT整理）
ppt https://v.youku.com/v_show/id_XMzE3NzgwMTky.html论文 https://v.qq.com/x/page/q0509o0ylb8.html目录：项目简介：项目功能：展示：问题与难点：总结，思考：综述：该web项目为娱乐系统，采用的技术主要有：vue cube-ui axios等，数据库：mysql, 开发工具VSCode 历时2个月完成。[](()1项目简介：本项目需求一个包括几大模块，几个功能，考虑到头部组件要复用，所以.
2022-04-29 14:18:29
6231
原创 首页数据展示前端页面
1、首页前端实现1.1、封装api请求，用户调用后端接口1.1.1、创建api文件夹，创建/api/hosp/hosp.js1.1.2、创建/api/cmn/dict.js用于调取数据字典中的值1.2、添加组件，用于页面显示1.3、在index.vue页面中编写js代码，用于实现数据在页面的显示[](()1、首页前端实现======================================================================..
2022-04-28 20:10:09
899
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人