前端
文章平均质量分 59
主要以HTML/CSS/JAVASCRIPT技术文章为主。
Shinersmile
这个作者很懒,什么都没留下…
展开
-
【前端】NodeJS配置步骤及NPM简介
nodeJs配置环境原创 2022-07-25 11:32:08 · 2115 阅读 · 0 评论 -
【前端】canvas图片加文字
【代码】【前端】canvas图片加文字。原创 2024-01-24 10:16:53 · 674 阅读 · 0 评论 -
【前端】Antd分页组件Pagination如何配置总条数文案
分页处需要展示的文案是:第n~m条/共x条。原创 2024-01-24 09:46:55 · 736 阅读 · 0 评论 -
【前端】Webpack的安装与配置
模块打包工具,通过入口将所有的依赖关系打包成静态资源。主要作用是让webpack拥有加载和解析非JS文件的能力。在实际开发过程中,webpack默认只能打包处理以.js后缀名结尾的模块,其他非.js后缀名结尾的模块,Webpack默认处理不了,需要调用loader加载器才能正常打包,否则会报错。通过安装和配置第三方的插件,可以扩展webpack的能力,从而让webpack用起来更方便。原创 2023-11-30 14:36:10 · 800 阅读 · 0 评论 -
【前端】浏览器兼容问题
兼容性问题是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。而导致这个问题出现的主要原因:浏览器内核不同。浏览器内核是浏览器的核心,也称渲染引擎,用来解释网页语法并渲染到网页上,浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。https://caniuse.com/网站可以帮助我们监测某语法在所有浏览器的兼容性,红色为不支持,绿色为支持。原创 2023-11-29 15:13:35 · 422 阅读 · 0 评论 -
【前端】移动端布局以及交互
由于不同移动设备的设备像素比(DPR)不同,因此,设置的1px边框线在不同的屏幕上展示的效果不同。百分比布局需要参照物。viewport就是终端的屏幕上能用来显示网页的区域,viewport不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。viewport适配是用来更改视口的大小,当减少视口宽度之后,当前元素的可视大小也会减少,从而进行移动端的适配,我们需要获取到当前对应设备的信息进行动态设置。rem和em不同,rem是相对根节点的字号,em是相对父元素的字号。原创 2023-11-27 17:38:18 · 1064 阅读 · 0 评论 -
ES6常用语法
如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。JS主线程在遇到异步任务时,会调用异步API触发异步进程,主线程栈执行完毕,为空后,会主动向异步任务队列接任务,异步任务完毕,会插入任务队列,重复这个动作,这个过程就是Event Loop事件循环。原型式继承,就是在一个函数中创建一个临时性的构造函数,将参数传入的对象作为这个构造函数的原型,最后返回这个构造函数的实例对象。原创 2023-11-16 14:36:49 · 37 阅读 · 1 评论 -
【前端】绝对定位实现全屏布局
【代码】【前端】绝对定位实现全屏布局。原创 2023-11-07 17:17:36 · 122 阅读 · 0 评论 -
TypeScript常用语法
TypeScript是JavaScript类型的超集,它可以编译成原生JavaScript。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任意浏览器,任意操作系统上。原创 2023-11-20 10:28:48 · 29 阅读 · 0 评论 -
【前端】Ajax请求以及配合express后台服务的用法
Content-type是网络上传输内容的格式标准,用于定义网络文件的类型和网页的编码。AJAX全称Asynchronous JavaScript And XML,就是异步的JS和XML。通过它可以在浏览器中向服务器发送异步请求,无刷新获取数据。它不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。实现AJAX的执行步骤如4.2。1.1 无需刷新页面与服务器端通信1.2 允许根据用户事件更新部分页面内容2.1 没有浏览历史,不能回退2.2 存在跨域问题。原创 2023-01-19 18:34:16 · 656 阅读 · 0 评论 -
【正则】校验连续重复中文或字符
js和正则两种方式校验连续重复字符原创 2022-06-23 16:40:29 · 1182 阅读 · 0 评论 -
【前端】面试题 html/css/js基础知识篇
前端有关css、html,、javascript的面试知识总结。原创 2023-02-06 18:10:21 · 4958 阅读 · 0 评论 -
【前端】面试题VUE/REACT篇
v-show和v-if指令的区别相同:v-show和v-if都能控制HTML元素的展示。不同:1.v-show是通过样式中的display设置为none;控制隐藏,纯粹通过样式改变,只编译一次;v-if是动态的向DOM树上添加或者删除DOM元素,不停的销毁和创建;2.v-show都会编译,初始值为false,只是将display设为none;v-if初始值为false,就不会编译了。为什么避免v-if和v-for一起使用vue2.x版本中,当 v-if 与 v-for 一起使用时,v-for原创 2022-05-23 20:11:49 · 163 阅读 · 0 评论 -
【前端】Html5&CSS3
列表标签快速写法:ul/ol>li{新闻标题$}*5链接标签 href里面写标签的id可以跳转到具体标签内容 实现页面内部跳转表单标签 form action将表单数据提交到什么地址 method提交的方法get、post:get将表单的数据直接放置到链接地址上,可以直接看得到,不安全但效率高;post表单数据放置到请求正文里面,不直接显示,安全但效率较低,递交的表单数据可以比较大。图片标签:-webkit-filter滤镜:grayscale()灰度1百分之百0为零;brightn.原创 2020-09-23 09:40:31 · 98 阅读 · 0 评论 -
【前端】JavaScript封装一个object属性处理方法
【代码】封装一个object属性处理方法。原创 2023-09-04 11:22:33 · 68 阅读 · 1 评论 -
闭包实现计数器
闭包实现计数器add 指定了函数自我调用的返回字值。自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。这个叫作 JavaScript 闭包。它使得函数拥有私有变量变成可能。计数器受匿名函数的作用域保护,只能通过 add 方法修改。<!DOCTYPE html><html><head><meta charset="utf-8"></head>原创 2022-03-21 14:34:11 · 619 阅读 · 0 评论 -
CSS精灵图
英文为sprite,精灵图的做法就是把众多的小图标整合为一个图片,通过background-position属性分别指定使用图片中的哪个图标。优点就是:HTML页面外部资源请求减少,对内存和带宽更加友好。精灵图对于前端基本没有难度,只要找准定位就能实现。原创 2023-11-07 11:13:24 · 34 阅读 · 0 评论 -
【前端】React开发下拉多选框
在开发H5时,公司内没有封装好的下拉多选框组件支持开发,只能自己自力更生啦~原创 2020-12-28 17:34:50 · 2852 阅读 · 0 评论 -
【前端】react认识以及深入了解
React是Facebook推出的一个JavaScript库,只是用来与用户界面打交道,可以把它看成MVC中的V这一层。其口号就是“构建用户界面的JS库”,主要用于构建UI界面,2013开源。原创 2020-08-13 13:22:30 · 261 阅读 · 0 评论 -
【前端】HTML快速生成
【代码】html快速生成。原创 2023-11-07 11:03:37 · 227 阅读 · 1 评论