![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端基础
icebns
搞算法的都是神仙吧〒▽〒
展开
-
vue删除/更新数据后,刷新当前页面重新加载数据
写删除接口时发现直接使用this.$router.go(0)刷新用户体验极差,网上参考了这篇文章中的配置,记下来备用。原网址https://www.jb51.net/article/151984.htm<template><divid="app"><router-viewv-if="isRouterAlive"/></div></template><script>exportdefa...转载 2021-02-01 00:40:04 · 5573 阅读 · 0 评论 -
GIT一次提交至多个远程仓库,如GitEE和GitHub。
VSCode打开.git目录下的config文件。在同一主机名下输入多个地址。 [remote"origin"]url=https://gitee.com/icebns/front_covid19.giturl=https://github.com/icebns/front_covid19.gitfetch=+refs/heads/*:refs/remotes/origin/*第一次使用VSCode提交如果报错,可以使用git bash打开...原创 2021-01-31 16:28:45 · 414 阅读 · 0 评论 -
对表单中输入的数据进行检验。如果用户输入了纯数字[0-9]数据,则校验通过;否则提示用 户输入数据或更改数据,并终止提交,同时将光标定位于输入文本框中。
(南师大现代教育技术15年编程题)①完善checkinput()部分的代码;②在第23行的空白处填上适当的内容。checkInput()部分的代码功能是:对表单中输入的数据进行检验。如果用户输入了纯数字[0-9]数据,则校验通过;否则提示用户输入数据或更改数据,并终止提交,同时将光标定位于输入文本框中。注意:onsubmit后面的引号中写returnoncheckInput()才可以,否则不论是否返回true都会跳转action。附:如果想要加载页面时就获取鼠标指针在第一个input,需要.原创 2020-09-15 16:26:18 · 710 阅读 · 0 评论 -
先阅读下面的代码,然后编写Javascript函数,当单击“显示时间”按钮后,文本框中的数字将以秒为单位不断自增,即文本框中的数字每隔一秒自动加1
<form><inputtype="button"value="显示时间!"onclick="timedText()"/><inputtype="text"id="txt"value=0/></form><script>functiontimedText(){...原创 2020-09-14 11:20:57 · 747 阅读 · 2 评论 -
阅读下面的代码片断,写一段JavaSeript程序,实现随机生成两个10以内的整数,并将其分别赋予n1和n2.
<inputtype="text"id="n1"size="12"disabled="disabled">+<inputtype="text"id="n2"size="12"disabled="disabled">=<inputtype="text"id="result"size="12"><script>varn1=do...原创 2020-09-14 11:11:07 · 837 阅读 · 0 评论 -
JS文本框输入一个正整数,然后单击begin按钮,系统开始以秒为单位倒计时,倒计时数值同时显示在文本框中,直至数值显示为0结束
初步实现:<inputtype="text"id="n"size="12"><inputtype="button"value="Begin"onclick="countDown()"><script>vara=document.getElementById("n");functioncountDown(){varb=setInterva...原创 2020-09-14 10:43:40 · 575 阅读 · 2 评论 -
webpack实例1
实例文件目录:index.html:<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>webpack01</title></head><body>...原创 2019-10-26 17:33:57 · 224 阅读 · 0 评论 -
webpack安装
1.需要node.js安装nodejsnode下载地址https://nodejs.org/en/2.初始化建立一个空文件夹(我自己的命名是webpacklearning)命令行输入npm init最后一步写yes再回车此时再看文件夹,里面多了package.json点开编辑可以看到内容为刚刚填写内容(此处是默认填写的)其中第五行 "main...原创 2019-10-26 17:22:34 · 202 阅读 · 0 评论 -
写更换背景图片功能时,由于上传后图片同一命名,导致新的图片没有加载。
问题:写更换背景图片功能时,由于上传后图片同一命名,导致新的图片没有加载。解决方法:1.meta部分:<meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-Control" content="no-cache"><meta http-equiv="Expires" ...原创 2019-10-15 21:51:24 · 155 阅读 · 0 评论 -
图片在拖动上面图标时,会被选择而变蓝。如何禁止图片拖拽,禁止图片选中。
问题现象:图片在拖动上面图标时,会被选择而变蓝问题现象2:图片可以拖拽解决方案:1.禁止图片选中:document.onmousemove = function (ev) { window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty(); ...原创 2019-10-12 15:40:51 · 1726 阅读 · 0 评论 -
input 中 type="file"时cursor:pointer指针属性失效问题
解决方案:cursor:pointer;font-size:0;在input中加入样式font-size:0;即可。原创 2019-09-26 20:15:59 · 750 阅读 · 1 评论 -
position: absolute;与weui一起使用时出错失效,效果如fixed
问题描述:给img定位position: absolute(绝对定位)时失效,状如position: fixed;img父级等元素并没有设置定位相关属性,而如果去掉利用weui写的form则又恢复正常。解决方案:给页面body添加CSS属性:<body style="overflow: visible">即可解决。...原创 2019-09-16 21:04:00 · 248 阅读 · 0 评论 -
ajax测试报错Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy: No 'Access-Co
报错全文:Access to XMLHttpRequest at 'http://localhost:8080/' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resou...原创 2019-08-27 20:19:52 · 9279 阅读 · 0 评论 -
Webstorm处于试用期,找不到activation code(activation code在哪)
https://blog.csdn.net/qq_40479037/article/details/82939611参考上述链接的破解教程时到了第三步:配置好之后,保存文件。在此再次启动WebStorm,选择activation code,并将-javaagent:你的WebStorm路径前缀/WebStorm/bin/破解补丁名字.jar时,由于正在试用期,找不到开始进入时的act...原创 2020-05-16 09:56:07 · 16570 阅读 · 1 评论 -
【浮动导航栏的定位】JS监听动态页面元素距离底部距离,并修改定位样式
需求:一个定位position:fixed;的菜单栏,移动到底部时依然存在,影响页面美观,我们希望当滚轮移到页面末尾时菜单栏更换为绝对定位。解决:JS没有直接获取元素距离页面底部距离的函数,因此可利用全文高度-当前高度取得差值来间接判断。<!DOCTYPE html><html> <head> <meta charset="...原创 2018-09-28 13:18:22 · 8091 阅读 · 0 评论 -
【VUE基础与练习】01安装、使用步骤、插值表达式、指令
前提需要:HTML、CSS、JS、JQ一、安装nodejsnode下载地址https://nodejs.org/en/二、淘宝镜像站配置命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org三、使用淘宝镜像安装vue1.安装vuecnpm install vue2.安装vue-clicnpm...原创 2018-09-28 13:11:56 · 238 阅读 · 0 评论 -
阿里云矢量图标使用
前提需要:打开阿里图标官网http://www.iconfont.cn/plus 注册登录(微博/github登录即可)一、本地引用1、引入iconfont的css<link rel="stylesheet" type="text/css“ href="font/iconfont.css">2、设置class属性<i class="iconfont icon-...原创 2018-09-28 13:07:43 · 3343 阅读 · 0 评论 -
【前端基础】行内五条线-line-height行高与vertical-align垂直对齐方式。
1.基线的简单理解小写字母x的下端连线的延长线可认为成基线 顶线:f的顶端中线:基线+ex的一半(x的中间点)基线:x的下端底线:g的下端2.line-height的高度等于基线之间的距离ex是css的长度单位。1 ex=x-heightx-height示例 行间距=行高-字体大小ps:也可以尝试选择后截图对比得到行间距、行高的具体数值。...原创 2018-09-28 13:05:22 · 311 阅读 · 0 评论