
前端
文章平均质量分 61
前端知识
珎珎啊
珎珎的菜园子。。。。。。
展开
-
Git 的标准提交规范(Conventional Commits)& Git 分支管理
optional scope] 表示本次提交的影响范围,可以根据需要添加。表示本次提交的描述信息,应该简短而明确地说明本次提交的目的。[optional body] 和 [optional footer(s)] 则可选,可以用来提供更详细的信息,如发生了什么问题、解决方案、关闭的问题等。原创 2023-06-19 18:46:20 · 940 阅读 · 0 评论 -
React函数式声明组件语法
React函数式组件语法React函数式组件语法+React.memoReact函数式组件语法+React.forwardRef useImperativeHandle()函数React函数式组件语法+React.FC()原创 2023-04-23 15:14:08 · 729 阅读 · 0 评论 -
react -- Context
react使用context传参原创 2023-02-10 16:41:57 · 778 阅读 · 0 评论 -
antd常用组件 select,form等
form表单自定义校验,form表单提交,树形下拉框原创 2022-11-15 17:21:57 · 1399 阅读 · 0 评论 -
柱线混合图表echarts
柱线混合图表echarts 自定义内容基础配置原创 2022-11-15 16:13:48 · 1026 阅读 · 0 评论 -
前端动态生成数组/获取数组对象中的最值
【代码】前端动态生成数组/获取数组对象中的最值原创 2022-10-20 17:21:40 · 841 阅读 · 0 评论 -
react跨组件传参(ts)
react跨组件传值,子传父,父传子原创 2022-10-08 11:39:00 · 1254 阅读 · 0 评论 -
HTML5,CSS,JS前端常见知识面试题
前端常见面试题,前端知识总结,html,css,js,DOM原创 2022-07-29 17:14:07 · 1394 阅读 · 0 评论 -
npm 和 yarn 的区别
npm和yarn的区别原创 2022-07-12 16:04:29 · 139 阅读 · 0 评论 -
git常用命令
git常用命令原创 2022-07-27 16:41:40 · 148 阅读 · 0 评论 -
Eslint常用规范
“no-console”: “error”, // 禁止console“no-alert”: “error”, // 禁止alert,conirm等“no-debugger”: “error”, // 禁止debugger“semi”: [“error”, “never”], // 禁止分号“no-tabs”: “error”, //原创 2021-07-04 18:33:56 · 363 阅读 · 0 评论 -
获取主机IP
ipconfig/all原创 2020-10-21 09:24:26 · 108 阅读 · 0 评论 -
git配置
检查SSH公钥cd ~/.ssh生成sshssh-keygen -t ed25519 -C “email@example.com”回车回车回车生成的id_ed25519.pub文件内容复制到gitlab关联远程$ git remote add origin git@github.com*****.git克隆$ git clone ****原创 2020-09-16 09:51:21 · 126 阅读 · 0 评论 -
前端面试题-2
1.深拷贝,浅拷贝浅拷贝如果目标是基本数据类型,就和直接赋值一样,会拷贝其本身,如果目标是对象,对于浅拷贝只拷贝其引用,原对象改变,拷贝对象也会随之改变。深拷贝会拷贝多层,即使嵌套了对象,也会拷贝出来。深拷贝在计算机中开辟了一块内存地址用于存放复制的对象,所以原对象的改变不会对拷贝出的对象产生影响。区别:深拷贝和浅拷贝最根本的区别在于是否是真正获取了一个对象的复制实体,而不是引用。实现浅拷贝的方法:(1)自定义函数实现(实例:拷贝一个对象,函数里定义一个空对象,然后for循环将目标对象中的内容伪原创 2020-09-15 20:11:20 · 181 阅读 · 0 评论 -
前端面试题-1
1.css中单位px,em,rem的区别px是相对长度单位,它是相对于显示器屏幕分辨率而言的。比较稳定和精确,但在浏览器中放大或缩放浏览器页面时会出现页面混乱的情况。em是相对长度单位,em是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置,则相当于浏览器的默认字体尺寸。em的值并不是固定的,它会继承父级元素的字体大小。rem是css3新增的一个相对单位,REM是相对单位,是相对HTML根元素。集相对大小和绝对大小的优点于一身,通过它可以做到只修改根元素就成比例地调整所有字原创 2020-09-15 20:05:26 · 358 阅读 · 0 评论 -
写项目遇到的问题
17素材网、(https://www.bootcss.com)Bootstrap中文文档(css插件)项目提交(https://gitee.com/)(https://github.com/)先创建文件,在复制文件HTTP路径,鼠标右击,克隆,把要传的项目写入这个克隆文件(要下载TortoiseGit-2.10.0.2-64bit.msi,TortoiseGit-LanguagePack-2.10.0.0-64bit-zh_CN.msi(汉化版)),右击提交git 提交master(首次提交git ba.原创 2020-06-27 23:53:13 · 279 阅读 · 0 评论 -
jQuery事件
jQuery事件ready()方法定义和用法当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。ready() 函数规定当 ready 事件发生时执行的代码。ready() 函数仅能用于当前文档,因此无需选择器。$(document).ready(function)$().ready(function)$(function)原创 2020-06-13 15:24:11 · 186 阅读 · 0 评论 -
HTML5 1
WEB标准WEB标准是网页制作的标准,它不是一个标准,它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布,也有部分标准由ECMA起草发布(1)W3C( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构;是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准;(2)ECMA:欧洲电脑网商联合会(厂商协会),制定了行为标准;计算机语言HTMLHTML 指的是超文本标记语言 (Hyp原创 2020-06-12 18:54:25 · 98 阅读 · 0 评论 -
xftp的免费下载和安装教程
下载下载地址https://www.netsarang.com/en/all-downloads/2. 安装按默认配置选项 下一步,下一步即可,文件路径根据自己需要修改原创 2020-10-21 08:58:58 · 2938 阅读 · 0 评论 -
富文本编译器wangeditor
npm i wangeditor --saveCDN链接 : https://unpkg.com/wangeditor/dist/wangEditor.min.js创建编译器import E from 'wangeditor'const editor = new E('#div1')// 或者 const editor = new E( document.getElementById('div1') )editor.create()使用js外链引入<div id="div1">原创 2020-10-19 17:27:04 · 839 阅读 · 0 评论 -
vue失去焦点,回车事件
@keyup.enter.native=“addItem()”@blur=“addItem()”原创 2020-10-13 09:13:43 · 1615 阅读 · 0 评论 -
网站书签收藏
Iconfont-阿里巴巴矢量图标库GitHubSwiper中文网jx.xuzhixiang.top优快云-专业IT技术社区网易邮箱6.0版组件 | Elementjquery 在线手册Git教程 - 廖雪峰的官方网站Bootstrap中文网Font Awesome 中文网 – | 字体图标Awesomes-Web前端开发资源库库 - Awesomes哔哩哔哩~-bilibiliSocket.IOVue.jswindow.requestAnimationFrame - We原创 2020-10-10 14:40:53 · 453 阅读 · 0 评论 -
vue风格指南
组件名应该始终是多个单词的, 根组件 App 以及 、 之类的 Vue 内置组件除外。这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是单个单词的。Vue.component('todo-item',{})export default{name:'TodoItem', }组件的 data 必须是一个函数。当在组件中使用 data property 的时候 (除了 new Vue 外的任何地方),它的值必须是返回一个对象的函数。当 data 的值是一个对象原创 2020-10-09 17:39:49 · 194 阅读 · 0 评论 -
element获取行数序列号
获取行数序列号 <template slot-scope="scope"> {{scope.$index}} <template>原创 2020-10-09 15:54:05 · 1239 阅读 · 0 评论 -
计算属性,路由守卫
计算属性数据依赖项发生改变之后会进行重新的计算computed:{ filteredList(){ return this.list.filter((item)=>item.indexOf(this.key)>-1); }}路由守卫router.beforeEach((to,from,next)=>{})to :Route :即将要进入的目标 路由对象from :Route :当导航正要离开的路由next :Function :一定要用该方原创 2020-10-04 21:53:25 · 1166 阅读 · 0 评论 -
CSS文字边框,背景渐变
文字样式 -webkit-text-stroke: 1px #3a648c; /*文字边框颜色*/ -webkit-text-fill-color: #e6ebf5; /*文字内部填充颜色*/背景渐变 background: linear-gradient( to bottom, rgb(20, 40, 58, 1) 0%, rgb(20, 40, 58, 0) 100% );...原创 2020-09-23 14:33:49 · 233 阅读 · 0 评论 -
meta标签
实例 1 - 定义文档关键词,用于搜索引擎:<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">实例 2 - 定义web页面描述:<meta name="description" content="Free Web tutorials on HTML and CSS">实例 3 - 定义页面作者:<meta name="author" content="Hege Refsnes"&g原创 2020-09-21 10:59:11 · 116 阅读 · 0 评论 -
pointer-events
元素默认的 pointer-events 属性为 auto ,鼠标(其实不一定是鼠标,也可以是手或触摸笔对屏幕的动作) 在该元素的一个动作能够被该元素捕获,进行相应代码的执行后,会将该事件转交给父元素执行相应动作;将元素的 pinter-events 属性设置为 none,鼠标的动作将不能被该元素及其子元素所捕获,但是能够被其父元素所捕获;若HTML上两个元素之间没有包含关系,那么,鼠标事件就不会在这两个元素之间传递,而是上层的元素会覆盖下层的元素,导致下层元素捕获不到事件;将上层元素的 pointer原创 2020-09-18 11:45:29 · 288 阅读 · 0 评论 -
前端面试题-3
1.Vue中v-if与v-show的区别v-if:直接销毁和重建DOM达到让元素显示和隐藏的效果,是惰性的,如果初始条件为假,则什么也不做。v-show:v-show指令是通过修改元素的display的css属性让其显示或隐藏,在任何条件下(首次条件是否为真)都被编译2.v-if 和v-for不能同时使用解决方案在处于同一节点的时候,v-for 优先级比 v-if 高。这意味着 v-if 将分别重复运行于每个 v-for 循环中。即——先运行v-for 的循环,然后在每一个v-for 的循环中,再进原创 2020-09-18 11:47:15 · 344 阅读 · 0 评论 -
Vue面试题-1
一、单选题(共30题,每题1分)得分:1.0分1.在Vue中,如果转义输出?( )A v-bindB {{@ }}C v-htmlD <%= %>正确答案: C 2.在插值语法中不支持的下列哪项操作?( )A a + bB if(a) bC a && bD a ? b : c正确答案: B解析:语句不可用3.针对计算属性computed描述正确的是?( )A 计算属性并不常用B 计算属性也是数据属性,定义在data下C原创 2020-07-27 17:11:01 · 6825 阅读 · 6 评论 -
轮询和websocket的区别
轮询和websocket的区别轮询是传统的方式,不存在浏览器兼容性问题,定时的发送网络请求轮询对客户端的电脑资源会造成额外的开销,如果页面中的定时器过多时不能实时获取最新的数据,获取数据会有延迟websocket他对浏览器的版本有要求,低版本的浏览器不一定能用websocket可以实时获取最新的数据,不会产生额外的开销。服务器有新的数据之后,会主动推送给客户端轮询是定时的发送ajax请求,获取服务器的数据在现阶段如果可以,建议使用websocket实时获取服务器的最新数据websocke原创 2020-07-06 19:34:59 · 2106 阅读 · 0 评论 -
express请求和响应
菜鸟教程:https://www.runoob.com/nodejs/nodejs-express-framework.htmlExpress 应用使用回调函数的参数: request 和 response 对象来处理请求和响应的数据。app.get('/', function (req, res) { // --})request 和 response 对象的具体介绍:Request 对象 - request 对象表示 HTTP 请求,包含了请求查询字符串,参数,内容,HTTP 头部等属原创 2020-07-03 12:52:30 · 1207 阅读 · 0 评论 -
express
全局安装,用来解决实时刷新页面,实现node服务器与数据库服务器的重启npm i -g nodemon安装编写上传文件接口需要的模块npm i multer安装密码加密需要的模块npm i bcryptjs安装服务器端传送token需要的模块npm i jsonwebtoken安装验证token存不存在需要的模块npm i express-jwt安装服务器端解决跨域需要的模块npm i cors安装使用mongoDB数据库需要的模块npm i mongoose安装日期格式化需要.原创 2020-07-03 11:27:04 · 156 阅读 · 0 评论 -
报文、常见的content-type
http请求报文常见的请求方式 get post put delete请求报文请求行 请求方式 请求地址 版本号请求头 cookie,host,origin,Content-Type请求体 存储的是发送给服务器的数据请求头和请求体之间有一个空行,空行的作用是分割请求头和请求体常见的content-typeapplication/x-www-form-urlencoded url编码application/json json格式的multipart/f原创 2020-07-02 17:36:52 · 1787 阅读 · 0 评论 -
node购物车接口
index.html 主页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title></head><!-- Lates原创 2020-07-01 18:46:18 · 797 阅读 · 0 评论 -
JS爬虫nodejs
fsFileSystem文件系统,是nodejs中的一个很常用的基础模块,可以操作系统文件// commonJSconst fs = require('fs'); // 引入fs模块// require引入模块的时候会先从系统内置模块(包)中查找模块名// 然后再去node_modules目录中查找,node_modules文件夹是我们通过npm i 安装的第三方依赖所在的目录// 最后在当前项目中查找writefileconst fs = require("fs");// 同步的方原创 2020-06-29 18:30:47 · 382 阅读 · 0 评论 -
npm, nodejs
npmnpm是nodejs的包管理工具。千万千万别再用cnpm了# npm安装插件的时候会特别慢,可以通过设置淘宝镜像来解决这个问题npm i nrm -g # 安装一个nrm模块,用来切换npm的仓库镜像地址nrm ls # 列出当前可以使用的镜像仓库地址nrm use taobao # 设置当前的安装仓库镜像地址为淘宝镜像, 此操作在一台电脑只需要设置一次就好npm中常用的命令npm init # 初始化一个node项目npm i xx # 安装依赖项npm i xx -g # 全局原创 2020-06-29 13:56:23 · 103 阅读 · 0 评论 -
JS文本溢出隐藏,不换行,省略号
JS 文本 溢出隐藏,不换行,省略号overflow: hidden;white-space: nowrap;text-overflow:ellipsis;转载 2020-06-28 16:27:05 · 3134 阅读 · 0 评论 -
JS获取浏览器地址
js获取地址栏中的地址,有几种方法:window.location.href。document.URL。document.location.href。它们的的区别是:1、document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。所以一个窗口下只有一个window.location.href,但是可能有多个document.URL、document.location.href2、window.location.href和document.locatio原创 2020-06-27 23:16:57 · 4426 阅读 · 0 评论 -
JS面试题,练习题
一个.php后缀的文件,可以在什么环境下执行(BC)A、mysql数据库 B、nginx服务器 C、apache服务器 D、windows系统同步和异步执行分别表示什么含义(A )A、按顺序依次执行 和 同时分开执行B、同时分开执行 和 按顺序依次执行C、 按一致的速度执行 和 按不同的速度执行D、按相同的步骤执行 和 按不同的步骤执行foo对象有attr属性,那么获取attr属性的值,以下哪些做法是可以的( AB )A.foo.attr B. foo[“att.原创 2020-06-27 23:10:21 · 690 阅读 · 0 评论