
Web前端
文章平均质量分 71
燾鐵
这个作者很懒,什么都没留下…
展开
-
H5 直播的疯狂点赞动画是如何实现的?
效果图如下:Step 6: 补齐动画样式这里预设了一种运行曲线轨迹,左右摆动的样式,我们在再预设更多种曲线,达到随机轨迹的目的。比如 bubble_1 的左右偏移动画轨迹,我们可以修改偏移值,来达到不同的曲线轨迹。Step 7: JS 操作随机增加节点样式提供增加点赞的方法,随机将点赞的样式组合,然后渲染到节点上。let praiseBubble = document.getElementById(“praise_bubble”);let last&n原创 2022-05-08 09:13:07 · 506 阅读 · 0 评论 -
GitHub标星13
[](()JavaScript介绍[](()入门易学性JavaScript对初学者比较友好、简单易用。可以使用任何文本编辑工具编写,只需要浏览器就可以执行程序。JavaScript是有界面效果的(相比之下,C语言只有白底黑字)。JavaScript是弱变量类型的语言,变量只需要用 var/let/const 来声明。而Java中变量的声明,要根据变量的类型来定义。比如Java中需要定义如下变量:int a;float a;double a;String a;boolea原创 2022-05-08 09:11:10 · 159 阅读 · 0 评论 -
git&gitHub
2.1.1 分支细分2.1.2 分支命令2.2 暂时保存更改3. Github3.1 注册3.2 多人协作开发流程3.3 创建仓库3.4 拉取操作3.4.1 克隆仓库3.4.2 拉取远程仓库中最新的版本3.4.3 如何邀请别人成为当前项目的开发者3.5 解决冲突3.6 跨团队协作3.7 ssh免登陆3.8 GIT忽略清单3.9 为仓库添加详细的说明4. Linux 命令:5. git 与sv...原创 2022-05-08 09:09:00 · 150 阅读 · 0 评论 -
flex设置成1和auto有什么区别
.item {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}当 flex 取值为 auto,则计算值为 1 1 auto,如下是等同的:.item {flex: auto;}.item {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}当 flex 取值为一个非负数字,则该数字为 flex-grow 值,flex-shrink 取 1,flex-basis 取 0%,如下是等同的:.item原创 2022-05-08 09:07:20 · 282 阅读 · 0 评论 -
Flexbox指南
介绍浏览器支持启用Flexbox容器属性对齐行或列垂直和水平对齐更改水平对齐更改垂直对齐关于的注释 baseline包适用于每一项的属性使用订单在另一个物品之前/之后移动物品使用align-self进行垂直对齐必要时增加或缩小项目弹性成长弯曲收缩弹性基础柔性##介绍Flexbox,也称为Flexible Box Module,是两个现代布局系统之一,以及CSS Grid。与CSS Grid(二..原创 2022-05-08 09:05:40 · 150 阅读 · 0 评论 -
es6中的对象
在class中的继承使用的extends关键值来实现的,而在es6之前的版本都是使用原型链来实现继承的。《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】在使用继承的过程中需要主要的是在子类中,必须使用super关键字,否则新建实例的时候会报错,这是因为子类自己的this对象,必须先通过父类的构造函数完成塑造,子类中如果没有调用super方法之前就是用this关键字也会报错。在这个实例中,需要了解是如果从子类上去获取到父类,在这原创 2022-05-08 09:02:05 · 193 阅读 · 0 评论 -
eNSP中AC用Web方式登录
[](()基础配置======================================================================sys sys AC1 vlan 10 int vlan10 ip add 192.168.1.254 24 int g0/0/1 port link-type access port default vlan 1012345678Cloud与AC相连的接口的IP地址设置为网卡所在网段的任意原创 2022-05-08 09:00:25 · 2476 阅读 · 0 评论 -
ElementUI遍历生成Form表单
:value=“obj.objectHandle”:label=“obj.classification”{{obj.classification}}<el-cascaderv-model=“entityArr”ref=“cascader”:emitPath=“false”:options=“entityJson”:show-all-levels=“false”:props=“{ expandTrigger: ‘hover’,value: ‘id’原创 2022-05-08 08:58:40 · 517 阅读 · 0 评论 -
Echart图标Y轴数据太长,显示错乱一般全为0解决办法
正常显示效果显示全为0:问题原因:主要是因为样式的问题,y轴距离左侧太近,装不小太长的数据引起的,由于echart是自己绘制canvas as 图形,样式这块不好修改。可以改的地方有下面几个:yAxis.axisLabel.margin:刻度标签与轴线之间的距离。默认值是8,可以改小一点。不过本来的值已经很小了,这个没多大作用。yAxis.axisLabel.formatter:刻度标签的内容格式器,支持字符串模板和回调函数两种形式。比如可以设置太长了换行之类的。grid.left原创 2022-05-08 08:54:13 · 1715 阅读 · 0 评论 -
JS的几种设计模式
观察者模式介绍观察者模式介绍实现思想观察者模式代码四、发布/订阅模式发布/订阅模式介绍及实现思想发布/订阅模式代码[](()一、单例模式我们都知道一个构造函数可以使用 new 关键字来创造出若干的实例。并且每个实例都是不相同的。都是不同的地址,比较两个生成的实例时比较的是存储地址,因此每个实例都有不同的存储空间,两者比较值为false。function Person(){this.name=‘小明’}var p1=new Person...原创 2022-05-07 11:03:38 · 100 阅读 · 0 评论 -
js实现jQuery的简单方法和链式操作
好了,言归正传,我们来分析上面jQuery的代码。$(“.box1”) 就是实现了选择器的功能。$(“.box1”).click 就是选择器 + 调用click方法最后在click里面传入函数。第一个小目标就是自己封装js来实现上面代码的功能。我们分三步走战略来实现。js实现 $(“.box1”)实现 $(“.box1”).click()实现 $(“.box1”).click( ( ) => { console.log(“123”) } )第一步原创 2022-05-07 11:01:23 · 500 阅读 · 0 评论 -
Js-w3school(2020
(4)String.trim() 删除字符串两端的空白字符。(5)Array.isArray() 方法检查对象是否为数组。(6)Array.forEach() 方法为每个数组元素调用一次函数。(7)Array.map()、Array.filter()、Array.reduce()、Array.reduceRight()、Array.every()、. Array.some()、Array.indexOf()、Array.lastIndexOf()等也是(8)JSON.parse()JavaScri原创 2022-05-07 10:59:37 · 207 阅读 · 0 评论 -
jQuery实现放大镜效果
var magnify_offset = $(this).offset(),// Gets coordinates within .maginfy.mx = e.pageX - magnify_offset.left,my = e.pageY - magnify_offset.top;// Checks the mouse within .maginfy or not.if (mx < $(this).width() && my < $(this).height() &原创 2022-05-07 10:55:47 · 572 阅读 · 0 评论 -
Java项目:房产门户房屋出租销售网站(java
控制器类/**登录相关*/@RequestMapping(“config”)@RestControllerpublic class ConfigController{@Autowiredprivate ConfigService configService;/**列表*/@RequestMapping(“/page”)public R page(@RequestParam Map<String, Object> params,ConfigEntity confi原创 2022-05-07 10:53:44 · 170 阅读 · 0 评论 -
Java毕业设计:校园闲置物品租售网站(springboot
*/@RequestMapping(“/info/{id}”)public R info(@PathVariable(“id”) String id){ConfigEntity config = configService.selectById(id);return R.ok().put(“data”, config);}/**详情*/@IgnoreAuth@RequestMapping(“/detail/{id}”)public R detail(@PathVariable(“i原创 2022-05-07 10:52:01 · 863 阅读 · 0 评论 -
javascript设计模式篇之工厂设计模式
endTag = vue-perf-end:${vm._uid}mark(startTag)}// a flag to avoid this being observedvm._isVue = true// merge optionsif (options && options._isComponent) {// optimize internal component instantiation// since dynamic options merging is prett原创 2022-05-07 10:50:15 · 193 阅读 · 0 评论 -
Js-w3school(2020
Math.round(6.8); // 返回 7Math.round(2.3); // 返回 22.Math.pow(x, y) 的返回值是 x 的 y 次幂:Math.pow(8, 2); // 返回 643.Math.sqrt(x) 返回 x 的平方根:Math.sqrt(64); // 返回 84.Math.abs(x) 返回 x 的绝对(正)值:Math.abs(-4.7); // 返回 4.75 Math.ceil(x) 的返回值是 x 上舍入最接近的原创 2022-05-06 11:09:51 · 117 阅读 · 0 评论 -
js 数组小习题
console.log(this.indexOf([ 1, 2, 3, 4 ], 3)) //2},methods:{indexOf(arr, item) {if (Array.prototype.indexOf){return arr.indexOf(item);} else {for (var i = 0; i < arr.length; i++){if (arr[i] === item){return i;}}}return -1;}},计算给定数组 arr 中原创 2022-05-06 11:08:08 · 295 阅读 · 0 评论 -
Js 实现十六进制颜色值和RGB颜色值转换整理
var colorChange = {rgbToHex: function (val) { //RGB(A)颜色转换为HEX十六进制的颜色值var r, g, b, a,regRgba = /rgba?((\d{1,3}),(\d{1,3}),(\d{1,3})(,([.\d]+))?)/, //判断rgb颜色值格式的正则表达式,如rgba(255,20,10,.54)rsa = val.replace(/\s+/g, ‘’).match(regRgba);if (!!rsa) {r =原创 2022-05-06 11:06:05 · 1269 阅读 · 0 评论 -
jq对象和DOM对象转换,jq入口函数,基础选择器,筛选选择器,层级选择器
j 就是 JavaScript; Query 查询; 意思就是查询js,把js中的DOM操作做了封装,我们可以快速的查询使用里面的功能。jQuery 封装了 JavaScript 常用的功能代码,优化了 DOM 操作、事件处理、动画设计和 Ajax 交互。学习jQuery本质: 就是学习调用这些函数(方法)。jQuery 出现的目的是加快前端人员的开发速度,我们可以非常方便的调用和使用它,从而提高开发效率。[](()2.jq的优点轻量级。核心文件才几十kb,不会影响页面加载..原创 2022-05-06 11:03:50 · 129 阅读 · 0 评论 -
jQuery核心函数和静态方法
[](()jQuery对象jQuery对象的本质是什么?jQuery对象的本质是一个伪数组var $div = $(“div”);console.log($div);var arr = [1, 3, 5];console.log(arr);什么是伪数组?有0到length-1的属性并且有length属性var obj = {0:“lnj”, 1:“33”, 2:“male”, length: 3}[](()jQuery静态方法什么是静态方法?.原创 2022-05-06 11:02:08 · 84 阅读 · 0 评论 -
jQuery 获取元素的高度
用于设置或返回当前匹配元素的高度;高度不包括元素的外边距(margin)、内边距(padding)、边框(border)等;对不可见的元素依然有效;还可获取 window、document 对象的高度:$(window).height(); // 返回浏览器视口的高度$(document).height(); // 返回 HTML 文档的高度innerHeight():用于设置或返回当前匹配元素的内高度;内高度包括只元素的内边距(padding);对不可见的元素依然有效;不适用于原创 2022-05-06 10:59:51 · 1457 阅读 · 0 评论 -
jconsole远程连接centos7 服务器上的tomcat来查看服务器状况(无密码版)
-Dcom.sun.management.jmxremote.port=6969 //连接端口,自定义不要与已有的端口冲突-Dcom.sun.management.jmxremote.rmi.port=6969 //这句一定要添加,不添加就无法成功-Dcom.sun.management.jmxremote.authenticate=false //不需要密码登陆-Dcom.sun.management.jmxremote.ssl=false //不需要安原创 2022-05-06 10:57:34 · 455 阅读 · 1 评论 -
JavaScript进阶篇之高级程序设计
[](()一、ECMAScript==========================================================================[](()二、文档对象模型(DOM)===========================================================================[](()1、getBoundingClientRectgetBoundingClientRect()用于获取某个元素相对于视窗的位原创 2022-05-06 10:55:09 · 96 阅读 · 0 评论 -
JavaScript常见数组方法,教你如何转置矩阵
⭐️个人主页:[微风洋洋](()🙋♂️🍑博客领域:编程基础,后端🍅写作风格:干货,干货,还是tmd的干货🌸精选专栏:[【JavaScript】](()🚀支持洋锅:点赞👍、收藏⭐、留言💬好久不见,甚是想念!大家好!我是微风洋洋芜湖,起飞🚀今天这篇文章就是来和大家详细聊聊JavaScript常见数组方法,不知道大家有没有学过线性代数呢,如果学过那么矩阵转置那可就太熟悉了。今天我想试试能不能用数组来实现矩阵转置呢?想知道,那就接着往下看吧。希望大家读完有所收获.原创 2022-05-06 10:52:52 · 312 阅读 · 0 评论 -
JavaScript基础之作用域、预解析
if (true) {var a = 1}console.log(a); //1 ,在if语句内定义的a变量可以在if语句外使用[](()2.变量的作用域=======================================================================在JavaScript中,根据作用域的不同,变量可以分为两种:全局变量局部变量[](()2.1全局变量在全局作用域下声明的变量叫做全局变量(在函数外部定义的变量)全局变原创 2022-05-06 10:51:03 · 79 阅读 · 0 评论 -
利用QUIC协议加速谷歌浏览器对服务器的访问速度【计算机网络】
学习目标:提示:这里可以添加学习目标例如: 一周掌握 Java 入门知识学习内容:提示:这里可以添加要学的内容例如:搭建 Java 开发环境掌握 Java 基本语法掌握条件语句掌握循环语句学习时间:提示:这里可以添加计划学习的时间例如:周一至周五晚上 7 点—晚上9点周六上午 9 点-上午 11 点周日下午 3 点-下午 6 点学习产出:提示:这里统计学习计划的总量例如: 技术笔记 2 遍 优快云 技术博客 3 篇 习的 vlog 视频 1原创 2022-05-04 20:17:16 · 504 阅读 · 0 评论