- 博客(28)
- 问答 (1)
- 收藏
- 关注
原创 安装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
383
原创 前端笔试问题
主要是单选,多选,简答,编程单选跟多选有箭头函数,其他的忘记了简答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
432
原创 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
1812
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
10391
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
1247
原创 JavaScript 30源码免费
回归CSS和JS然后知道有个开源GitHub的JavaScript 30很nice到CSDN找的全是付费下载,不是很懂,这不是开源项目吗自己下载的话在https://github.com/wesbos/JavaScript30有一个绿色code然后点击Download ZIP就会下载压缩版本的源码或者百度网盘自取链接:https://pan.baidu.com/s/1-LuKaYSUnlIm_-LEceitnA提取码:js30...
2021-12-14 15:44:56
1841
原创 三种方法实现姓名案例对比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
558
原创 采用jQuery完成添加删除记录
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table id="employeeTable"> <tr> <th>Name</th> <th>Email</th> <
2021-11-29 23:56:45
466
原创 出现Uncaught Error: Syntax error, unrecognized expression: $checkedAllBox错误更改
像上面的错误我百度了一下说是jQuery引用有误然后我就去https://www.bootcdn.cn/这个网址引用了其他版本的jQuery发现也会有这个错误然后仔细看来一下错误里面有个html,更改了html里面的错误就可以运行了...
2021-11-29 21:03:41
498
原创 用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
678
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
61
原创 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
141
原创 因为vue看不懂所以先来学jQuery的第一个代码
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 原生DOM实现 --> <script type="text/javascript"> window.onload = function(){ var btn01 = document.getElementById("btn01");.
2021-11-27 13:34:18
72
原创 图片轮播(定时器)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
140
原创 定时器/龟兔赛跑
点击按钮可以使方块开始运动,可以开发龟兔赛跑小游戏<!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
470
原创 前端/运维电话面试被问到的问题
运维投错简历投成前端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
843
原创 为什么在开始消除定时器无法进行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
52
原创 键盘移动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
474
原创 切换图片练习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
562
原创 拖拽图片进行拼图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
248
原创 鼠标跟随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
89
原创 鼠标放到方块中可以获得坐标(适用于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
391
原创 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
226
原创 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
171
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
1153
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
917
原创 多图片跳转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
827
原创 第一个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"><
2021-06-29 19:54:07
45
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人