![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web前端
网站开发环境配置、hrml\css\javascript技术、BootStrap4\Vue等前端框架
l_fireworks
一个喜欢音乐的程序猿
展开
-
一个vue组件完成的音乐播放器
用vue手写了一个音乐播放器,好好看(^-^)V原创 2023-03-19 10:18:23 · 2284 阅读 · 3 评论 -
2021-10-08 | es2021代码学习
updateTabDeliveryData(params) { for(let key in params) { this.detailData.deliveryData[0][key] = params[key] } }某人说这是es2021的写法,不知道有没有人看懂,我来解释一下这段代码,怕忘记所以记下来首先,params是通过子组件传进来的一个对象,打印一下是这样的:console.log(params);然后,通过fo...原创 2021-10-08 10:16:03 · 285 阅读 · 0 评论 -
为什么在Vue.data已定义的变量,运行时却找不到变量
这是因为缺少this,如果加上了this还是报错,那很可能是其他参数没有定义。我就是因为给每个数组值加了index,但是在v-for遍历的时候没有加上index参数。v-for="(item,index) in books"原创 2021-07-12 09:19:53 · 1889 阅读 · 0 评论 -
vue.js报错:Templates should only be responsible for mapping the state to the UI...
“Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.”“模板应该只负责将状态映射到UI。避免在模板中放置带有副作用的标记,例如<script>,因为它们不会被解析。”这类报错,是因为标..原创 2021-07-09 14:15:05 · 4766 阅读 · 0 评论 -
GET和POST两种基本请求方法的区别
GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。表单提交中get和post方式的区别有5点get是从服务器上获取数据,post是向服务器传送数据。get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。对于get方式,服务器端用Reques转载 2021-02-26 14:40:51 · 6903 阅读 · 2 评论 -
Uncaught Error: Bootstrap's JavaScript requires jQuery解决方法
js、css文件引入顺序导致的;应该先引入jquery的js文件,再引入bootstrap的css文件;<script src="js/jquery-1.11.3js" type="text/javascript"></script> <link href="css/bootstrap.min.css" rel="stylesheet" type="tex...原创 2020-04-07 16:56:31 · 7436 阅读 · 1 评论 -
常见的前端开发面试题(附答案)
https://www.cnblogs.com/ly1368489670/p/12791732.html挺不错的,收藏这里了转载 2021-01-04 15:05:54 · 615 阅读 · 0 评论 -
String 对象属性和方法
String 对象属性constructor 对创建该对象的函数的引用length 字符串的长度prototype 允许您向对象添加属性和方法String 对象方法charAt() 返回在指定位置的字符。charCodeAt() 返回在指定的位置的字符的 Unicode 编码。concat() 连接两个或更多字符串,并返回新的字符串。fromCharCode() 将 Unicode 编码转为字符。indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。includes(翻译 2020-10-20 15:46:19 · 177 阅读 · 0 评论 -
常见的请求头和相应头都有什么呢?
说一说常见的请求头和相应头都有什么呢?1) 请求(客户端->服务端[request])GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)Accept: /(客户端能接收的资源类型) ---->(类比于响应中的Content)Accept-Language: en-us(客户端接收的语言类型)Connection: Keep-Alive(维护客户端和服务端的连接关系) ---->(请求响应都有的)Host翻译 2020-10-19 10:14:52 · 626 阅读 · 0 评论 -
鼠标吸附线条代码JS
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标吸附线条</title></head><body></body><script>原创 2020-09-22 15:43:17 · 483 阅读 · 1 评论 -
网站实时秒表实现-前端JS经典实战
setInterval函数setInterval是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval方法会不停地调用函数,直到 clearInterval被调用或窗口被关闭。由setInterval返回的ID值可用作clearInterval方法的参数。...原创 2020-09-29 18:14:52 · 276 阅读 · 0 评论 -
Ajax异步请求步骤和代码
一道面试题建立异步请求过程的4个步骤:a:new一个XHR对象b:调用open方法c:send一些数据d:对过程进行监听,来知道服务器是不是正确地做出了响应,接着可以做一些事情例子代码:var xhr = new XMLHttpRequest();//new一个XHR对象//XMLHttpRequest 的 onload 和 onerror 属性都是函数,分别在它请求成功和请求失败时被调用。xhr.onload = function () { // 输出接收到的文字数据原创 2020-10-15 10:11:35 · 208 阅读 · 0 评论 -
javascript-表单验证代码(收藏了)
html代码:<form name="myform" action="" onsubmit="return fun1()"><div align="center"><table border="1" width="60%" > <tr> <td colspan=2 align=center><h3>学生信息管理</h3></td> </tr> <tr&g.原创 2020-10-09 15:39:30 · 321 阅读 · 0 评论 -
JS教程重要笔记
JavaScript 显示数据JavaScript 可以通过不同的方式来输出数据:使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。Confirm确认框和Prompt提示框的使用...原创 2020-10-09 11:40:26 · 255 阅读 · 0 评论 -
JS的Math.random()方法使用
Math.random()方法返回大于等于 0 小于 1 的一个随机数。对于某些站点来说,这个方法非常实用,因为可以利用它来随机显示一些名人名言和新闻事件。1. 在连续整数中取得一个随机数值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值)例:产生1-10的随机数var rand1 = Math.floor(Math.random() * 10 + 1);编写产生startNumber至endNumber随机数的函数function selectF原创 2020-09-30 12:22:31 · 23127 阅读 · 1 评论 -
vueJs前端小知识——v-model指令
1、v-model 指令在表单控件元素上创建双向数据绑定。下面例子有涉及placeholder,顺便记一下placeholder这一个知识点placeholder:n. (替代缺失部分的) 占位符,占位文字; 位标(句子中必要但无实际意义的词项,代码中类似提示语)。<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例</title><scr原创 2020-09-09 21:06:05 · 405 阅读 · 0 评论 -
vueJs前端小知识笔记二
使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件data后面是一个函数,组件之间互不影响;如果data选项是一个对象,则会影响到其他实例Vue.component('button-counter2', { /* data: function () { // data 选项是一个函数,组件不相互影响 return { count: 0 } }, */ da原创 2020-09-12 10:41:28 · 139 阅读 · 0 评论 -
sublime Text3 Tag自动补全功能
解决步骤:按ctrl+shift+P打开命令面板,输入install,鼠标点击下面出来的Package Control:Install Package点击后稍微等一等,在弹出的内容里,输入Emmet,点击第一个(这里由于作者已安装,不然正常情况是,Emmet会在下面第一个,点击就好)在安装好后,会跳出如下图所示,这是配置文件,一般不用管。我在这里碰到了一个问题,就是写了!,再按tab后依然没用,这个问题的排除方式如下。也就是在ctrl + shift + p出来命令行后,输入sshtml。原创 2020-09-16 16:41:30 · 911 阅读 · 0 评论 -
Sublime Text 应用技巧和诀窍
几个常见的功能: 自动完成:自动完成的快捷键是Tab,在html文件中输入!,按tab或者ctrl+e,便可以打开HTML5的整体结构 如果在html文件中,输入cl按下tab,即可自动补全为class=””;加上zencoding后,更是如虎添翼 多列编辑:按住ctrl点击鼠标,会出现多个闪烁的光标,这时可同时修改多处 代码注释功能:ctrl+/、ctrl+shift+/分别...原创 2020-04-06 21:59:41 · 220 阅读 · 0 评论 -
Javascript 第六课笔记
十九、 HTML5+响应式布局新结构音频视频绘图canvas一、新结构元素旧页面元素,使用div+css,即div class="nav"的形式header,nav,aside,content,footer新页面HTML5直接使用header,nav,aside,content(内嵌section(section里面接着继续嵌套header/article/footer等标签))...原创 2020-04-06 21:55:06 · 173 阅读 · 0 评论 -
JavaScript 第五课笔记
十八、 JQueryJQuery是快速、简洁的第三方js库JQuery的核心理念是write less,do more(写更少的代码,做更多的事情),它是DOM操作的终极简化,而且它屏蔽了浏览器的兼容性问题JQuery常见操作:DOM操作、事件、动画效果、Ajax一、如何使用JQuery先引入JQuery,再编写自定义脚本,两种引入方式:将JQuery.js下载到服务器本地,在scr...原创 2020-04-06 21:51:03 · 144 阅读 · 0 评论 -
JavaScript 第四课笔记
十四、DOM查找DOM:document object modelDOC是W3C(万维网联盟)的标准,是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式,对网页进行增删改查的操作。常用的DOM操作DOM查找:按id属性,精确查找一个元素对象var elem document.getElementById("id")//getElementById只能用...原创 2020-04-06 21:45:25 · 231 阅读 · 0 评论 -
JavaScript 第三课笔记
十二、数组程序=数据结构+算法数组元素的访问:通过下标访问var mArray = []mArray[0] = 'lanmx'var mArray = new Array()mArray[0]='lanmx'数组GET操作:获取数组元素数组SET操作:修改数组元素数组length属性:数组名.length:数组的长度数组的遍历:用for循环,元素下标作循环变量数组固定套路...原创 2020-04-06 21:37:22 · 142 阅读 · 0 评论 -
JavaScript 第二课笔记
八、数据类型弱类型:有数据来决定变量的数据类型是什么 var stu; //undefinedstu=50; //numberstu="50" //string 不同数据类型的数据在运算中,如何处理? stu1=50; //stu1的数据类型是numberstu2="50" //stu2的数据类型是stringsum = stu1 + stu2 //sum...原创 2020-04-06 21:31:24 · 106 阅读 · 0 评论 -
JavaScript 第一课笔记
一、什么是JavaScriptJavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言运行环境:独立安装的JS解释器(NodeJS)(解释器NodeJS的安装步骤:后面我更新好文章再放链接上来) 嵌入在浏览器内核中JS解释器(打开谷歌浏览器,摁F12调出控制台,控制台上边的Console位置,可以直接在这里输入代码,并且直接在浏览器里边进行输出)解释型:运...原创 2020-04-06 20:33:25 · 264 阅读 · 0 评论