前端学习小分队-优快云博客

原创安装node到E盘后在cmd输入node -v弹出版本号解决办法

配置环境变量，在path中添加node.js的路径，然后在用户变量添加NODE_path放入node_modules的路径E:\软件\node-v16.14.0-win-x64NODE_pathE:\软件\node-v16.14.0-win-x64\node_modules然后打开cmd安装expressnpm install express或者npm install express -g最后在cmd输入node -v就能出现版本号了...

2022-03-03 13:09:03 467

原创前端笔试问题

主要是单选，多选，简答，编程单选跟多选有箭头函数，其他的忘记了简答1：304是什么304 未修改常见错误404 无法找到文件400 请求无效403 禁止访问405 资源被禁止408 请求超时305 使用代理简答2：前端性能优化减少http请求使用cdn添加expires头压缩组件样式表放头部脚本放底部避免css表达式使用外部js和css减少dns查找精简js避免重定向删除重复脚本配置etag使用ajax可缓存简答3：如何确定数据是数组（2种及以上方

2021-12-24 12:40:54 456

原创 vue-router第一个页面

对于昨天的问题是自己代码没有写全，不好意思index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Content from '../components/Content'import Main from '../components/Main'//安装路由Vue.use(VueRouter);//配置导出路由export default new VueRouter({ routes:[ {

2021-12-24 12:24:07 1882 2

原创 vue报错Failed to load resource: the server responded with a status of 404 (Not Found)

代码是狂神说java14集vue-router路由po在下面App.vue<template> <div id="app"> <h1>vue-router</h1> <router-link to="/main">首页</router-link> <router-link to="/content">内容页</router-link> <router-view>&l

2021-12-23 22:54:10 10671 1

原创 Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute

遇见这个问题百度了一下参考shawn xia的多种方法对自己的内容进行修改主要是修改快捷键里属性的目标（特地百度了一下）在后面的回答中有这个，运用了一下--flag-switches-begin --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure --flag-switches-end关闭浏览器打开后还是没有解决然后粗略看了web.dev里面的提示感觉是自己引用包的问题到BootCDN里

2021-12-22 16:29:59 1279

原创 JavaScript 30源码免费

回归CSS和JS然后知道有个开源GitHub的JavaScript 30很nice到优快云找的全是付费下载，不是很懂，这不是开源项目吗自己下载的话在https://github.com/wesbos/JavaScript30有一个绿色code然后点击Download ZIP就会下载压缩版本的源码或者百度网盘自取链接：https://pan.baidu.com/s/1-LuKaYSUnlIm_-LEceitnA提取码：js30...

2021-12-14 15:44:56 1874

原创三种方法实现姓名案例对比vue（插值语法/methods/计算属性）

插值语法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/vue.js"> </script> </head> <body> <div id="root"> 姓：<i

2021-12-03 00:56:05 587

原创采用jQuery完成添加删除记录

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table id="employeeTable"> <tr> <th>Name</th> <th>Email</th> &lt

2021-11-29 23:56:45 485

原创出现Uncaught Error: Syntax error, unrecognized expression: $checkedAllBox错误更改

像上面的错误我百度了一下说是jQuery引用有误然后我就去https://www.bootcdn.cn/这个网址引用了其他版本的jQuery发现也会有这个错误然后仔细看来一下错误里面有个html，更改了html里面的错误就可以运行了...

2021-11-29 21:03:41 622

原创用jQuery进行爱好选择器（包括全选，全不选，提交）

html代码 <body> <form> 你爱好的运动是<input type="checkbox" id="checkedAllBox"/>全选/全不选 <br/> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 <input ty.

2021-11-29 20:41:27 710 1

原创 jQuery对象，初级学习

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button>测试一</button> <button>测试二</button> <button id="btn03">测试三</button>

2021-11-27 20:48:30 77

原创 jQuery中函数与对象

总结1.对函数调用1）参数为函数：当DOM加载完成后，执行此回调函数2）参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象3）参数为DOM对象：将dom对象封装成jQuery对象4）参数为html标签字符串（少）：创建标签对象并封装成jQuery对象2.对函数调用 1）参数为函数：当DOM加载完成后，执行此回调函数 2）参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象 3）参数为DOM对象：将dom对象封装成jQuery对象 4）参数为ht

2021-11-27 18:21:04 163

原创因为vue看不懂所以先来学jQuery的第一个代码

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>  <script type="text/javascript"> window.onload = function(){ var btn01 = document.getElementById("btn01");.

2021-11-27 13:34:18 87

原创图片轮播（定时器）JS+CSS3

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } #outer{ width:610px; height:470px; margin:0 auto; backg

2021-11-24 22:47:37 173

原创定时器/龟兔赛跑

点击按钮可以使方块开始运动，可以开发龟兔赛跑小游戏<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } #box1{ width:100px; height: 100px;

2021-11-24 16:18:12 496

原创前端/运维电话面试被问到的问题

运维投错简历投成前端1.自我介绍2.求职意向3.c和java你最熟悉哪一个4.JS中如何得到一个id，除了ById还有什么其他方法var box1 = document.getElementById("box1");document.getElementsByNamedocument.getElementsByTagName5.块元素和行内元素有哪些（说了很少）HTML常见的行内元素有：<span> <a> <img> <input> &

2021-11-23 22:46:08 876

原创为什么在开始消除定时器无法进行div的移动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } #box1{ width:100px; height: 100px; background-color: red;

2021-11-23 22:33:38 69

原创键盘移动div JS+DOM问下错误

这个跟着视频写的，但是在谷歌浏览器中无法移动代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; positio

2021-11-23 01:35:36 491

原创切换图片练习BOM+JS

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var img1 = document.getElementById("img1"); // 保存图片 var imgArr

2021-11-23 01:02:47 589

原创拖拽图片进行拼图JS+DOM（面试被问过的前端问题）

步骤：1.当鼠标在被拖拽元素上按下时，开始拖拽onmousedown2.鼠标移动时被拖拽元素跟随鼠标移动onmousemove3.鼠标松开时，被拖拽元素固定当前位置onmouseup<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ width

2021-11-21 14:48:06 270

原创鼠标跟随div移动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ width: 10px; height: 10px; background-color: red; /* 设计位置开启绝对定位 */ position: absolut

2021-11-21 10:00:00 101

原创鼠标放到方块中可以获得坐标（适用于IE8）

如图所示鼠标在areaDiv中移动时，在showMsg中显示坐标<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #areaDiv{ border:1px solid black; height: 40px; width:300px;

2021-11-20 13:29:47 402

原创 JS之点击按钮返回图片高度

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; padding: 10px; border:10px solid

2021-11-19 17:27:58 241

原创 JS中添加删除记录练习

一个简单的添加删除记录练习，希望对你们有帮助在下表中写入name，email，salary再点击Submit可以添加到上表中，点击Delete可以删除一行代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function delA(){

2021-11-15 17:16:36 198 1

原创前端学习之仿小米官网HTML+CSS

一个简单的仿小米官网index.css/* 主页index.html样式表 */.topbar-wrapper{ width: 100%; background-color:#333; height:40px; line-height:40px; }/* 超链接颜色 */.topbar a{ font-size:12px; color:#b0b0b0; display:block; }.topbar a:hover{ color:#fff;}/* 设置中间分割线 */

2021-11-13 17:41:09 1200 1

原创 JS+DOM增删改

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ // 广州节点添加到#city下 myClick("btn01",function(){ var li = docu

2021-11-13 16:43:43 923

原创多图片跳转JS+DOM

点击下一张按钮可以改变图片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } #outer{ width:500px; margin:50px auto; paddin

2021-11-13 16:41:55 840

原创第一个Hello Vue应用

第一个Hello Vue应用开始学习Vue第一天<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Learn</title></head><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js">&lt

2021-06-29 19:54:07 51

weixin_45215652的博客