深圳幻海软件技术有限公司 欢迎您!

WEB开发

  • vue3响应式原理以及ref和reactive区别还有vue2/3生命周期的对比,第二天

    前言:前天我们学了ref和reactive,提到了响应式数据和Proxy,那我们今天就来了解一下,vue3的响应式在了解之前,先复习一下之前vue2的响应式原理vue2的响应式:原理:对象类型:通过Object.defineProperty()对象的读取,修改进行拦截,也就是数据劫持,响应式的根基缺

  • 浅入浅出JS垃圾回收机制

    浅入浅出JS垃圾回收机制前置概念再讲垃圾回收机制之前需要明白两个知识点:原始值和引用值ECMASCRIPT变量可以包含两种不同的类型数据:原始值和引用值。原始值就是最简单的数据,有六种:Undefined、Null、Boolean、Number、String和Symbol。保存原始值得变量是按值访问

  • React Server Component: 混合式渲染

    作者:谢奇璇React官方对ServerComopnent是这样介绍的: zero-bundle-sizeReactServerComponents。这是一种实验性探索,但相信该探索是个未来React发展的方向,与ReactServerComponent相关的周边生态正在积极的建设当中。术

  • 记录--两行CSS让页面提升了近7倍渲染性能!

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言对于前端人员来讲,最令人头疼的应该就是页面性能了,当用户在访问一个页面时,总是希望它能够快速呈现在眼前并且是可交互状态。如果页面加载过慢,你的用户很可能会因此离你而去。所以页面性能对于前端开发者来说可谓是重中之重,其实你如果了解页面从加

  • 教你用JavaScript实现随机点名

    案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript相关知识,做一个随机点名的案例。你可以通过点击开始按钮控制上方名字的闪动,点击停止按钮可以随机选定一个名字。案例演示运行程序后,我们可以看到一个矩形框按钮,显示开始点名,点击后名字随机闪动。同时按钮变成停止

  • 教你用JavaScript完成轮播图

    案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个轮播图。图片每3秒自动轮换,也可以点击左右按键轮播图片,当图片到达最左端或最右端时,再点击左右键图片弹回最初始的图片或最末尾的图片。通过实战我们将学会clearTimeout方法、obj

  • Springboot实现HTML表单from简单的接收信息

    HTML<from>元素from可向Web服务器提交请求普遍格式:<fromaction="服务器地址"method="请求方式"enctype="数据格式"><inputtype="submit"value="Test按钮"></from>metho

  • 记录--用JS轻松实现一个录音、录像、录屏的工具库

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言最近项目遇到一个要在网页上录音的需求,在一波搜索后,发现了react-media-recorder这个库。今天就跟大家一起研究一下这个库的源码吧,从0到1来实现一个React的录音、录像和录屏的功能。完整项目代码放在Github需求与思

  • 油猴插件对next.js 开发的影响

    UnhandledRuntimeErrorTypeError:Cannotreadpropertiesofnull(reading'1')错误再现#1.安装nextyarnaddnext#2.配置页面pages#3.启动项目##当启动项目的时候,发现next是依赖react和react-dom来运行

  • 我的第一个项目(四):(前端)发送请求以及表单校验

    好家伙,本篇将继续完善前端界面 效果展示:1.注册登陆(后端已启动)    2.注册表单验证(前端实现的表单验证)    在此之前:我的第一个项目(二):使用Vue做一个登录注册界面-养肥胖虎-博客园(cnbl

  • Golang实现小型CMS内容管理功能(二):前端接入百度ueditor富文本编辑器

    当我们把接口都做好以后,我们需要去开发前端界面。添加文章功能里面,最重要的就是文章内容部分,需要配置上富文本编辑器,这样才能给我们的内容增加样式。 下载ueditor代码ueditor已经很久没有更新了,我们现在去github下载压缩好的代码包https://github.com/fex-

  • JavaScript中的Error错误对象与自定义错误类型

    ErrorError是JavaScript语言中的一个标准的内置对象,专门用于处理JS开发中的运行时错误。当我们的JS代码在运行过程中发生错误的话,就会抛出Error对象,整个程序将会中断在错误发生的代码处,不再继续执行,这也是错误类型必须重视的原因:它会导致页面无法显示或者功能失效。Error是J

  • 教你用JavaScript随机生成密码

    案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个随机密码生成器。用户点击生成,输入框内就会生成一个由数字、大小写字母、特殊符号随机组合而成的密码。通过实战我们将学会Math.floor方法、substring方法、clipboard.

  • day28-jQuery01

    jQuery01参考文档1:jQueryAPI中文文档|jQueryAPI中文在线手册|jqueryapi下载|jqueryapichm(cuishifeng.cn)参考文档2:jQuery教程(w3school.com.cn),jQuery教程|菜鸟教程(runoob.com)1.什么是jQuer

  • 除了 filter 还有什么置灰网站的方式?

    大家都知道,当一些重大事件发生的时候,我们的网站,可能需要置灰,像是这样:当然,通常而言,全站置灰是非常简单的事情,大部分前端同学都知道,仅仅需要使用一行CSS,就能实现全站置灰的方式。像是这样,我们仅仅需要给HTML添加一个统一的滤镜即可:html{filter:grayscale(.95);-w

  • VUE组件之间的参数传递与方法调用

    阅读目录父组件向子组件子组件调用父组件方法其它组件间调用回到顶部父组件向子组件父组件向子组件传参:父组件中的子组件标签中增加:param="param"子组件中增加props接受参数(注意props需要与data同级)props:{param:{type:Object}},data(){return

  • 兼容IE全版本及所有市面浏览器的网页变黑白处理方式

    大家应该有发现最近几天不少网站变成了黑白色,在哀悼日时,很多网站都需要全站变成黑白配色,今天对这个实现的技术做了一些探索性了解,在此进行一个记录分享。使用的样式部分:下面的css部分想必大家应该都可以看懂,主要是对主流的谷歌内核浏览器和小众些的品牌浏览器做整体的网页图片处理,IE浏览器除了IE10和

  • 记录--uniapp 使用原生子窗体进行视频聊天

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助现在uniapp开发的实时音视频聊天类的APP大部分都要在nvue页面上进行开发。虽然nvue与vue的区别不是很大,但还是有所差异的。仔细查看了uniapp官网,发现了可以使用原生子窗体进行开发,可以把整个视频聊天封装到一个原生子窗体中,

  • ES6对象的扩展

    对象中可以直接写变量ES6允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。constfoo='bar';constobj={foo};//key值就是foo,value值是foo变量对应的值//输出的是{foo:"bar"}console.log(obj)对象中可以直接写函数-省略了fu

  • 学习 vue3 第一天 vue3简介,创建vue3项目 Composition Api 初识

    前言:从今天开始来和大家一起学习vue3相信大家都不陌生,已经火了一段时间了,但是还是有不少人没有学习,那就跟着六扇老师来简单的入个门废话不多说,来开始今天的学习Vue3简介:2020年,9月,18日,Vue.js发布3.0版本,耗时两年多,2600+次提交,99位贡献值github上的tags地址

  • vuex页面刷新数据丢失问题的四种解决方式

    vuex是大家使用vue时大多数都会选择的,但是当页面刷新之后vuex数据会丢失,下面这篇文章主要给大家介绍了关于vuex页面刷新数据丢失问题的四种解决方式,需要的朋友可以参考下为什么说刷新页面vuex的数据会丢失刷新页面vuex的数据会丢失属于正常现象,因为JS的数据都是保存在浏览器的堆栈内存里面

  • 浅拷贝与深拷贝

    1|0一、数据类型存储在JavaScript中存在两大数据类型:基本类型、引用类型。基本数据类型存放在栈中,是一段简单的数据段,数据大小确定,内存空间大小可以分配,是直接按值存放的,可以按值访问。引用数据类型存放在堆中,变量在栈中保存的是指向堆内存的地址值,这个地址值指向对应的对象类型,访问堆内存中

  • 事件对象的兼容

    每个事件函数天生有一个参数叫event,它是事件对象,如果想修改event的名称,事件函数的第一个参数就是用来修改的<divid="div"></div>varoDiv=document.getElementById("div");oDiv.onclick=function(

  • web系统添加盲水印

    前言为增加系统安全性,避免重要敏感信息通过截图方式泄露,对web页面增加盲水印标识,标注系统名称,登陆人,当前时间等信息,这里的盲水印指肉眼不可见的html水印增加水印引入watermark.js调用watermark.load方法,指定显示文字与透明度,我这边设置的不可见透明度为0.015wate

推荐阅读