前端学习
文章平均质量分 69
Y_soybean_milk
这个作者很懒,什么都没留下…
展开
-
JavaScript创建二维数组踩坑记录
创建一个m*n且元素值为0的二维数组方法如下方法1、方法2、原创 2023-06-04 20:08:06 · 607 阅读 · 0 评论 -
JS的异或运算XOR
异或(xor)是一个数学运算符。异或的数学符号为“⊕”,计算机符号为“xor”。两个值相同时,返回false,否则返回true。也就是说,XOR可以用来判断两个值是否不同。如对数10100001的第1位和第2位翻转,可以将数与00000110进行按位异或运算。JavaScript 语言的二进制运算,有一个专门的 XOR 运算符,写作^。2、如果有两个any类型的变量,可以先使用!数a两次异或同一个数b(a=a^b^b)仍然为原值a.如果两个二进制位相同,就返回0,否则返回1。原创 2023-05-30 08:21:12 · 3315 阅读 · 0 评论 -
前端如何解决跨域问题(vue-cli、nginx)
文章目录情景一、vue脚手架配置代理写法1(简洁版)写法2(完整版)二、nginx配置反向代理总结解决跨域的方法有很多,常见的有cors、jsonp、nginx…本文主要介绍两种方法:vue脚手架配置代理及Nginx配置反向代理情景我启动了一个关于博客系统的前端项目,现在要请求博客列表这个接口 http://localhost:8000/blog/list如果不做任何处理,直接在前端项目中请求这个接口,会提示跨域 // 前端项目发起请求 axios.get('http://localhos原创 2022-05-18 15:01:21 · 912 阅读 · 0 评论 -
node.js部署vue代码
技术:node.js + express框架前言vue代码打包后生成dist文件,直接打开里面的index.html,页面是无法正常展示的所以需要用服务器部署它们,跟着我一起用node.js快速部署吧!注:vue打包命令 npm run build一、快速搭建小型服务器1、用npm管理项目新建demo文件夹 终端输入命令 npm init 取项目名然后一路回车到底2、安装expressnpm i ...原创 2022-04-30 18:20:11 · 2325 阅读 · 0 评论 -
node.js一键批量替换目录下所有子文件的名称
从网上找的资源带了n多广告,一个一个修改文件名太麻烦了,不改吧,看着不爽!来用node.js消灭它吧~思路带广告的文件太多,且分散在不同目录下 — 要实现一次替换掉文件夹下所有子文件名上的广告广告花样太多 – 制定黑名单,只要出现名单上的广告,就替换掉具体实现const fs = require('fs'); // 读取文件// 操作目录var PATH = 'D:/BaiduNetdiskDownload/聚焦webpack'; // 黑名单var blackList = ['(关注原创 2022-04-18 23:02:08 · 1312 阅读 · 0 评论 -
ngrok使用指南
内网穿透作用:无需服务器部署,快速调试本地程序,小程序、公众号开发利器!1.打开ngrok官网,登录后下载自己电脑对应的ngrok客户端2.点击侧边栏的Your Authtoken,复制你的授权码(后面会用到)3.解压刚刚下载的安装包,双击运行ngrok.exe文件,弹出命令窗口4.输入之前复制授权码ngrok authtoken 你的authtoken5.实现内网穿透假设你在本机上启动了一个端口号为3000的服务,我们使用内网穿透工具将当前3000端口的服务映射到外网去。 打开ng原创 2021-08-18 11:48:09 · 1718 阅读 · 1 评论 -
vue双向数据绑定原理
vue的双向绑定的底层原理:object这个对象有个方法,叫做defineProperty,它能够监测到我们属性的一个变化,一旦数据发生访问或者修改,底层都能够监测到,vue底层就是通过这种方式来监测到变化的。一旦监测到变化,它就会通知来去更新我们的dom。就是做到了一个数据劫持,底层的发布就用到了“发布订阅者模式”<!-- Object.defineProperty --><!-- 数据劫持 --><!-- 发布订阅者模式 --><script&原创 2021-07-04 22:12:42 · 148 阅读 · 3 评论 -
前端常考面试题五:环境篇(拓展)
前言面试官想通过开发环境了解候选人的实际工作情况开发环境的工具,能体现工作产出的效率会以聊天形式为主,不会问具体的问题开发环境git是最常用的代码版本管理工具,大型项目需要多人协作开发,必须熟用git具体命令可参考我另一篇总结Git常见命令Chrome调试工具一般不会面试时考察,但这是前端工程师必备的技能(不算知识)Elements 看DOM结构Console 打印debugger 断点调试Network 看资源的加载Application 可以操作本地存储抓包应用场景原创 2021-06-30 16:49:25 · 1298 阅读 · 1 评论 -
前端常考面试题四:http篇
文章目录前言知识点1.http状态码2.http methods3.http headers4.http 缓存常考题1.http常见的状态码有哪些?2.http常见的header有哪些?3.什么是 Restful API4.描述一下http的缓存机制(重要)前言前端工程师开发界面,要调用后端的接口,提交/获取数据—— http协议,要求事先掌握好ajax知识点1.http状态码状态码分类1xx 服务器收到请求2xx 请求成功,如2003xx 重定向,如3024xx 客户端错误,如404原创 2021-06-29 14:47:08 · 822 阅读 · 0 评论 -
前端常考面试题三:JS-Web-API基础篇
前言1.从JS基础知识到JS Web APIJS基础知识,规定语法(ECMA 262标准)JS Web API,网页操作的API (W3C标准)前者是后者的基础,两者结合才能真正实际应用2.vue和 React框架应用广泛,封装了DOM操作,但DOM操作一直都会前端工程师的基础、必备知识一、DOM知识点1.DOM本质从HTML文件解析出来的一棵树2.DOM节点操作获取DOM节点attributep1.setAttribute('data-name', 'imooc')p1原创 2021-06-29 10:11:44 · 2159 阅读 · 1 评论 -
前端常考面试题二:js基础篇
变量类型和计算1.值类型和引用类型区别值类型引用类型题目2.typeof能判断哪些类型识别所有值类型(string、number、boolean、undefined、symbol)识别函数(function)判断是否是引用类型(object 不可再细分)3.手写深拷贝注意判断值类型和引用类型注意判断是数组还是对象递归const obj1 = { age: 20, name: 'xxx', address: { city: 'beijin原创 2021-06-28 15:26:50 · 1343 阅读 · 0 评论 -
前端常考面试题一:html、css篇
HTML1.如何理解语义化①让人更容易读懂(增加代码可读性)②让搜索引擎更容易读懂(SEO问题,让搜索排名靠前)③正确的标签做正确的事情④页面内容结构化2.哪些标签是块级元素?哪些标签是内联元素?块级(display:block/table):div、p、h1-h6、ul、ol、dl、li、header、footer、aside、section、article、form、table等内联(display:inline/inline-block):span、img、button、input、b原创 2021-06-25 16:42:17 · 958 阅读 · 2 评论 -
修改ElementUI样式的几种方式
转载自公瑾当年のbloghttps://www.cnblogs.com/aurora-ql/p/13308107.htmlElementUI是一款非常强大的前端UI组件库,它默认定义了很多美观的样式,但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式。下面总结了几种修改默认样式的方法。1. 新建全局样式表新建 global.css 文件,并在 main.js 中引入。 global.css 文件一般都放在 src->assets 静态资源文件夹下的 style 文件.转载 2021-06-03 15:09:16 · 12910 阅读 · 0 评论 -
vscode快速生成vue骨架
前言每次写vue,都要先手动把骨架敲出来,很费时间,可以利用vscode的“用户代码片段”,建立vue模板,后续直接调用。实现步骤1、点击vscode左下角管理处的“用户代码片段”2、新建代码片段在弹出框中输入 vue.json新建一个代码片段(文件可根据自己的习惯来命名)3、编辑代码片段的详细样式初始文件中有一堆注释,删掉即可,把我们设置的代码片段粘贴进去代码里面涉及到的路径,要根据自己实际情况做修改{ "Print to Vue&html ba原创 2021-05-28 11:12:04 · 5667 阅读 · 2 评论 -
从fetch中看 不同请求的参数传递及接收
一、前言近期学到路由这块,对于不同请求方式的参数传递一直有点懵懵的,所以正好借学习fetch接口调用的机会,把路由参数的传递及接收理一理二、fetch基本用法常用配置选项method(String): HTTP请求方法,默认为GET (GET、POST、PUT、DELETE) body(String): HTTP的请求参数 headers(Object): HTTP的请求头,默认为{} fetch('http://localhost:3000/fdata').th.原创 2021-05-27 10:48:15 · 4914 阅读 · 1 评论 -
vue router 如何使用params query传参,以及有什么区别
Vue router如何传参params、query是什么?params:/router1/:id ,/router1/123,/router1/789 ,这里的id叫做paramsquery:/router1?id=123 ,/router1?id=456 ,这里的id叫做query。路由界面:router.js:路由设置这里,当你使用params方法传参的时候,要在路由后面加参数名,并且传参的时候,参数名要跟路由后面设置的参数名对应。使用query方法,就没有这种限制,直接.转载 2021-05-26 19:44:38 · 495 阅读 · 0 评论 -
Echarts基本使用
option = { // color设置我们线条的颜色 注意后面是个数组 color: ['pink', 'red', 'green', 'skyblue'], // 设置图表的标题 title: { text: '折线图堆叠123' }, // 图表的提示框组件 tooltip: { // 触发方式 trigger: 'axis' }, // 图例组件 legend: {原创 2021-05-24 16:04:13 · 267 阅读 · 0 评论 -
VUE常见指令
1、v-cloak作用:解决插值表达式的闪动问题用法#css[v-cloak] { display: none;}#html<div v-cloak> {{ message }}</div>2、数据绑定指令★v-text填充纯文本 <div v-text="msg"></div>√无闪动问题,且相比插值表达式更加简洁v-html填充HTML片段<div v-html="msg1"></div>原创 2021-05-21 15:15:35 · 138 阅读 · 0 评论 -
Git常见命令
Git是一个开源的分布式版本控制系统,是目前世界上最先进、最流行的版本控制系统。可以快速高效地处理从很小到非常大的项目版本管理。项目越大越复杂,协同开发者越多,越能体现出Git的高性能和高可用性!Git三种状态已修改(表示修改了文件,但还没将修改的结果放到暂存区)已暂存(表示对已修改文件的当前版本做了标记,使之包含在下次提交的列表中)已提交(表示文件已经安全地保存在本地的Git 仓库中)一、Git基本命令1、Git配置信息命令功能介绍git config --glob.原创 2021-05-16 15:17:32 · 303 阅读 · 0 评论 -
在终端运行nodemon时,出现无法加载文件,在此系统上禁止运行脚本时的解决方案
在vs code终端输入nodemon运行文件时,抛出如下错误:解决报错:(1)在终端执行:get-ExecutionPolicy,显示Restricted(表示状态是禁止的)(2)在终端执行:set-ExecutionPolicy RemoteSigned(3)在终端执行:get-ExecutionPolicy 按下回车键出现RemoteSigned执行完以上三步,在使用nodemon运行文件就不会报错了。希望能够帮助到有需要的小伙伴!!!...转载 2021-04-27 20:38:00 · 483 阅读 · 2 评论 -
JavaScript高级部分总结(5张思维导图)
以下导图均为学习pink老师js高级视频时,自主整理的,有不足的地方,欢迎大家多多指出原创 2021-04-25 17:02:40 · 691 阅读 · 1 评论 -
JavaScript基础知识总结(6张思维导图)
以下导图均为学习pink老师js基础视频时,自主整理的,有不足的地方,欢迎大家多多指出原创 2021-04-22 09:25:55 · 1583 阅读 · 0 评论