自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 HTTPS是如何保证安全的

HTTPSSSL/TLS协议就是为了解决上面提到的HTTP存在的问题而生的,下面我们来看一下它是怎么解决的:所有的信息都是加密传输的,第三方无法窃听配备身份验证,防止身份被冒充具有校验机制,一旦被篡改,通信双方会立刻发现加密–对称加密加密和解密同用一个秘钥的方式称为 共享秘钥加密,也被叫做对称秘钥加密。对称加密浏览器发送给服务端 client_random 和一系列加密方法服务端发送给浏览器 server_random和加密方法

2022-05-05 14:43:49 625

原创 HTML(九)表格元素

,表示一系列行数据,子元素只能是,可以出现多个,定义表格列头的行,定义表格列简介的行,表格的行,表格中的单元格,它有两个特有的属性《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】colspan:跨了多少列rowspan:跨了多少行**headers:**表示和这个单元格相关的th的id**:**单元格标题colspan:跨了多少列rowspan:跨了多少行headers:表示和这个...

2022-05-05 14:41:51 170

原创 HTML作业-花店网页

鲜花套餐XPackage努力的你,值得每周一束花,奖励自己查看更多Nature自然系列 | 混合版¥9999元/4束,每周一束,新用户赠花瓶Nature自然系列 | 双拼版¥139139元/4束,每周一束,Pro & 单品交替发花Nature自然系列 | Pro版¥169169元/4束,每周一束,新用户送花瓶即将开售 | 食品专场¥99花点食品专场即将开售,敬请期待鲜花故事XStory

2022-05-05 14:39:36 277

原创 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 187

原创 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 128

原创 HTML+CSS系列实战之超链接、音视频

}li {list-style: none;float: left;}首页我的相册我的相册大二,大三学习规划我的家乡我的故事©2003-2009 xx.com.ALL rights. xxx有限公司【xICP备05023328号】实现效果为:当点击首页对应模块的功能时,会跳转到相应页面。这里用到了超链接、无序列表、字符实体等相关知识,主要是在列表里面使用超链接,再给列表清除样式达到并列排版的效果。第二个页面的代码为

2022-05-05 14:30:06 297

原创 hexo+github打造个人博客系列之评论系统

经过测试,来必力好像不是很友好,发起评论直接报了个504错误(504错误是(网关超时) 服务器作为网关或代理,但是没有及时从上游服务器收到请求。)。蛋疼么?我在想是不是我配置问题,于是我去到别人的hexo博客上评论,也报了同样错误,最后又试了手机,都没法评论,这还怎么玩,发到朋友圈,都没法评论,还怎么装逼?(手动滑稽)。默默把livere_uid配置为空了。[](()Valine------------------------------------------------------ 《大厂前端.

2022-05-05 14:28:18 334

原创 Gitee Pages搭建博客

必须要新建仓库,然后提交代码必须要有index.html,创建仓库:申请:第二天申请成功![在这里插入图片描述](https://img-blog.csdnimg.cn/4455bc4a41f441c49c045f408dd34ea4.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,sha 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 dow.

2022-05-05 14:26:39 66

原创 geoserver介绍3:地图服务篇(wms

height :输出的数据图片的高度format : 输出格式 常用的image/pngGetFeatureInfo : 返回某特殊要素信息DescribeLayer :获取图层描述信息GetLegendGraphic :获取图例信息GetStyles :获取样式信息前三个比较常用特征:1.实时渲染的数据2.数据支持实时更新和动态渲染3.可以结合多种样式实现多样化渲染4.如果数据量大会出现渲染效率慢(适用于小数据量场景)5.最常用的地图服务之一二、WFS服务=======Web

2022-05-05 14:24:20 1125

原创 JS手写深浅拷贝,不同实现方法,它们的优缺

if (obj.hasOwnProperty(key)) {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 65

原创 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 105

原创 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 72

原创 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 74

原创 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 325

原创 JavaScript之jQuery番外篇【打地鼠游戏的制作讲解】

📖 素材制作📖 总体思路📖 布局注意事项📖 地鼠随机出没与计时实现原理📖 计分实现原理📖 双模式实现原理📖 两项小优化:地鼠受击切换状态与鼠标点击特效III. 可优化角度高质量前端博主,点个关注不迷路🌸🌸🌸**!**本篇是继本人原创博客jQuery学习【三部曲】后的番外续作篇,主要内容是用jQuery从0做一个完整的打地鼠小游戏,同时,与其他同类型的做打地鼠游戏博客对比,个人认为本文具有以下特点:(1) 详细的写法教学。我会用大篇幅给大家讲述每一个实现的重点和难点,以便大家能够

2022-05-04 09:37:55 682

原创 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 245

原创 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 315

原创 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 894 1

原创 HTML设置图片

我们使用DW设置网站时,避免不了要引入图片,在HTML中有两种方式都可以引入:方法一:通过CSS样式引入;方法二:通过img标签。两种方式都可以引入图片,但是它们都各有各的优势,下面会分开介绍法一:通过CSS样式引入图片时需要设置图片的宽度和高度,如果设置的宽度和高度大于图片原始的宽度和高度,那么图片 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 将会显示全部并且按照比例会重复,但是这样的好处就是有时需要设置重复时就不用一张一张

2022-05-04 09:30:16 1611

原创 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 100

原创 Vue表单类的父子组件数据传递示例

先看个例子:12345678910111213141516171819202122232425262728<!-- 父组件 parent.vue --> <template>  <div class="parent">    <h3>问卷调查</h3>    <child v-model="form.name"></ch

2022-05-03 11:12:10 803

原创 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 189

原创 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 109

原创 Vite 的好与坏,你怎么看?

预编译:npm 包这类基本不会变化的模块,使用 Esbuild 在 「预构建」 阶段先打包整理好,减少 http 请求数按需编译:用户代码这一类频繁变动的模块,直到被使用时才会执行编译操作客户端强缓存:请求过的模块会被以 http 头 max-age=31536000,immutable 设置为强缓存,如果模块发生变化则用附加的版本 query 使其失效产物优化:相比于 Webpack ,Vite 直接锚定高版本浏览器,不需要在 build 产物中插入过多运行时与模板代码内置更好..

2022-05-03 11:06:13 355

原创 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 713

原创 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 471

原创 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 254

原创 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 386

原创 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 43

原创 我的学习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 729

原创 微信小程序——账号及开发工具

[点击进入开发文档](()进入安装开发工具(稳定版本)一路默认下一步进行安装[](()3. 开发者工具的使用使用注册微信小程序的微信号扫码登录后点击后面大加号项目名称 目录为自定义AppID在微信小程序后台的开发中(下图中复制过来)后端服务可自己选择点击新建项目[](()4. 项目框架![在这里插入图片描述](https://img-blog.csdnimg.cn/20200526162544799.png?x-oss-pr..

2022-04-29 14:37:17 1873

原创 当Dubbo遇上Arthas,会碰撞出什么样的火花?

[毫不夸张的说,这份SpringBoot学习指南能解决你遇到的98%的问题](()[给跪了!这套万人期待的 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 169

原创 开发者百度地图的使用,做一个小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 397

原创 学习前端开发,一段心路历程,这个世界根本没有速成的方法

你会用CSS技术的使用技巧解决下列问题吗?如何去掉容器中图片下方自动产生的距离。当容器中具有浮动元素时,如何为容器设置边框或背景颜色?怎样让块级元素在容器中水平居中?当多个连续块级元素的浮动布局影响了原本不想浮动的对象时该如何处理?容器内部的对象如何实现相对于容器的自由定位?看来,CSS的属性及其取值只是CSS技术的第一层面,更多的使用技巧等待大家去挖掘。3、CSS+div布局模式:这是许多布局模式的基础,也是大部分前端开发人员接触到的第一种布局方式。这种布局模式对于PC端页面的设计是非常有

2022-04-29 14:30:34 770

原创 如何优雅地解决多个 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 300

原创 大型 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 737

原创 在中国程序员工作是青春饭吗?

作者:阿莱克西斯链接:https://www.zhihu.com/question/321199799/answer/779270361来源:知乎很遗憾, 就答主在中国和美国的工作经历和观察来看, 程序员无论在哪里都是“青春饭”(注意引号, 友军先别开枪!). 但是,在你站在40岁50岁时候的自己这个角度来思考问题,从而害怕程序员是青春饭,自己被年轻人"干掉"的同时,你也要从另外一个角度(年轻时的自己的出路是什么?)来思考问题; 一个行业如果完全以年龄为衡量,以年轻为最高优先级,新入行的年轻血液立刻或

2022-04-29 14:22:03 104

原创 原生JS实现表单验证(基于正则表达式)

在静态表单的基础上,我们想一下要做的效果我们想实现的效果:1. 实现单击获取验证码时的倒计时效果😄2. 通过正则表达式判断输入的姓名和电话号是否符合规范🙋3. 如果符合规范会在后面打绿色的对号,不符合规范会在输入框里提示红色的提示字样🐶4. 当姓名或手机号有不符合规范的时候点击提交会弹出不正确的提示框,二者都符合规范时点击提交弹出提交成功对话框💣我们一个一个效果来完成,先看一下倒计时效果:首先我们点击获取验证码这里,会立刻进入一个三秒钟的倒计时,然后里面的文字变成了倒计时秒数,并且在进入倒计

2022-04-29 14:20:05 574

原创 前端项目总结与分享(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 5946

原创 首页数据展示前端页面

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 815

空空如也

空空如也

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

TA关注的人

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