- 博客(41)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 elementUi 中 表单验证时，验证规则一直被触发问题
问题描述：在一个表单中，对表单中的某一项进行验证，如下，该项验证规则为必填，但是即使填写后验证还是 会报该项未填。<el-form-item class="GoodsPrice" label="商品价格:" prop="goodsPrice"> <el-input v-model="AddGoodsForm.goodsOriginalPrice" placeholder="商品价格"></el-input></el-form-item>/
2022-02-23 10:43:34
1818
原创 elementUI中分页器的使用
1.background：为分页按钮添加背景色2.current-page：为当前页3.page-sizes：控制每页可以显示多少条数据，4.page-size:每页的条数，对应上面 page-sizes 里面的条数5.layout：total共多少条、sizes：控制每页显示数据、prev上一页、pager页码、next下一页、jumper跳转 的显示6.total：总共多少条7.size-change：每页显示条数改变时处理函数8.current-change：当前页...
2022-02-22 19:34:11
2022
原创 JS面试题一
1、关于 var、let、const 三者的区别var 存在变量提升的问题，就是即使使用 var 先使用后定义变量也不会报错，但是 let 就不行，必须先定义后使用； var 存在变量覆盖的问题，即var 可以对同一个变量名进行多次赋值，而 let 不行，在同一作用于下对同一变量名只能定义一次； var 没有块级作用域，而 let 存在块级作用域； const 与 let 相比，const 定义的变量不可以进行修改，let 定义的变量可以进行修改； const 定义 变量后，必须进行赋值，否则会
2022-02-18 14:15:50
309
原创 Vue项目中配置代理
在vue项目中通过配置代理解决跨域请求问题。注意：在 vue.config.js 文件中module.exports = { // 设置端口号和自动打开 devServer: { // 自动打开浏览器 open: true, // 配置端口号 port: 8888, // 配置代理 proxy: { // 请求路径中携带 /api 的话就会，向 http://localhost:3000 发送请求 '/api': {
2022-02-08 22:13:31
696
原创 Vue中配置@为src目录的路径
该配置要配置在jsconfig.json文件中{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*":[ "src/*" ] } },// @ 不能使用在以下文件中 "exclude": [ "node_modules", "dist" ]}
2022-02-03 11:31:16
804
原创 Vue项目中 端口号、项目自动运行和`eslint`关闭 配置
该配置要配置在vue.config.js文件中，module.exports = { // 设置端口号和自动打开 devServer: { // 自动打开浏览器 open: true, port: 8888 }, // 关闭ESLint lintOnSave:false}
2022-02-03 11:27:18
749
原创 使用moment处理mongodb中的时间
数据：time: "2022-01-15T09:34:46.015Z"下载moment.jsnpm i moment使用<view class="avaterImg"> <text>{{dateFormat}}</text></view>import moment from 'moment'computed: { // 处理时间 dateFormat() { return moment(thi
2022-01-24 18:48:54
764
原创 webpack-dev-server插件安装配置后不能及时更新问题
问题描述：在使用 webpack-dev-server 插件时，在 package.json 的 scripts 中 添加好serve后，运行 npm run dev 后，改变源码，对应的样式并不改变，但是 webpack-dev-server 插件运行没有问题。问题出现原因：我们可以在执行 npm run dev 后，看到控制台打印出如下信息：Project is running at http://localhost:8080/项目正在运行在 http://localhost:808..
2021-10-05 17:08:32
1106
1
原创 使用gulp打包工具中的 gulp-sass 插件时，报gulp-sass 5 does not have a default Sass compiler；错误
在使用gulp工具对.scss文件进行打包时，报以下错误F:\前端学习\练习\JS\day20\jd>gulp sassHandler[15:49:56] Using gulpfile F:\前端学习\练习\JS\day20\jd\gulpfile.js[15:49:56] Starting 'sassHandler'...Error in plugin "gulp-sass"Message:gulp-sass 5 does not have a default Sass compi
2021-09-12 16:24:50
655
原创 对叠加的兄弟元素，下层元素绑定事件，穿透上层兄弟元素
问题：两个兄弟元素，其中一个元素置于另一个元素上层，对下层元素绑定点击事件触发不了。代码： <style> *{ margin: 0; padding: 0; } .outer{ width: 300px; height: 300px; background-color: red; margin
2021-09-02 22:33:38
769
原创 模块化开发时，使用 import 导入js文件时，报错
问题：使用模块化开发时，向文件中导入 js文件 时，报错误，资源加载失败。报错原因：使用 import 导入js文件时，项目要运行在浏览器上，直接在浏览器上打开是不行的，因此，可以使用vscode上的扩展插件Live Server。解决办法：在vscode 扩展中搜索 Live Server，并安装，然后在，要运行的 html文件中，点击右键，找到下面这个选项，点击运行程序。...
2021-08-28 15:27:08
3317
1
原创 window.onscroll 事件不触发问题
要求：滚动鼠标时，触发滚动事件；问题：滚动时，没有触发事件；html,body{ overflow-x: hidden; font-size: 16px; color: #666; margin: 0 auto; width: 100%; height: 100%;}window.onscroll = function () { console.log('我执行了')}错误原因：我在写样式时对，body和html设置了wid..
2021-08-24 12:26:09
1697
原创 使用代理请求其他网站图片时，报403错误
需求：通过请求代理网址，获取数据，渲染页面；问题：请求不到图片，报403错误。解决办法：在 head 标签中添加一个下面的标签 <meta name="referrer" content="no-referrer">参考博客：https://blog.csdn.net/qq_33430083/article/details/100079431...
2021-08-24 10:07:05
203
原创 前端从后端获取数据时，前端一直报错问题
项目场景：在模拟服务器下，前端从后端获取数据时，前端 JS 文件报错，修改后，依然报错。问题描述：有时前端从后端获取数据时，前端 js 文件会报错，然后我就去修改 js 文件，但是修改过后，再次运行项目时，这个错误依然在，但是在其他文件引入就不报错，而且有时自己不报错了。原因分析：我每次打开页面后，修改文件过，我再次访问这个文件，这个文件是已经缓存的，因此，缓存文件中的错误并没有被修改，所以再次访问依然报错；而它自动好的原因是，我把浏览器关闭了，缓存自动清空了。解决方案：清空..
2021-08-08 08:29:47
799
原创 PHP 中使用json_encode() 准换数组时，里面中文不转义
今天在使用php 中的json_encode()准换数组时，数组里面有有中文，在前端获取后里面的中文没有转义，我就看到了一位大神写的博客https://blog.csdn.net/panjican/article/details/98938288。发现是我少了一个参数——JSON_UNESCAPED_UNICODE。<?php$arr = array( "name" => "张三", "age" => 18, 'data' => $_GET,
2021-08-07 15:46:39
185
原创 input标签中 placeholder 属性的进行设置
需求：改变 input 标签中提示文本内容字体的颜色，如图：方法：CSS中有一个针对 palceholder 属性设置的样式，如下：::-webkit-input-placeholder{ color: red;}
2021-08-06 13:06:10
604
原创 CSS实现动态水滴效果
今天在B站上，看到了一个使用HTML和CSS，实现动态水滴的效果https://www.bilibili.com/video/BV1Qy4y1L7ot，感觉挺好玩的，就试了式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me
2021-08-04 13:09:27
683
原创 const 修改常量问题
const 是用来定义常量的，但是，经过定义后的常量是不能被修改的，一旦修改会报 Assignment to constant variable. 错误，比如：// let 修改定义后的变量let num = 100console.log(num) // 100num = 200console.log(num) // 200// const 修改定义后的常量const a = 100console.log(a) // 100a = 200 // 报错
2021-07-26 15:31:45
733
原创 使用模板引擎时，报template not found: Cannot read property ‘value‘ of null错误。
问题：在使用模板引擎时，报下面错误：我在网上收索了一下，别人的是由于 template（'id',{}）传值时，id属性值传错了，报该错误，但是经过我的核实，我 id 属性值没有传错。最后，发现是我引入文件时先后顺序错了。我的 页面js文件使用的是外部引入的方式。如下： <!-- 引入模板引擎JS文件 --> <script src="./template-web.js"></script> <!-- 引入页面JS外部文件 -->
2021-07-25 13:05:18
3158
原创 去除 span标签之间的空隙
在我们使用span标签时，如果想要换行就会发现两个span标签之间会有间隙，如下：<div class="box"> <span>一</span> <span>二</span></div>span{ display: inline-block; width: 30px; height: 30px; background:brown; line-height: 30px
2021-07-23 16:27:44
2721
原创 CSS 实现盒子只有底边有阴影
这里我们要用到 box-shadow代码如下：.mask { margin: 300px ; width: 300px; height: 40px; border: 1px solid black; box-shadow: 0px -20px 30px -30px inset #000;}<div class="mask"></div>效果如下：...
2021-07-21 08:53:57
3265
原创 JavaScript中“==”和“===”的区别以及复杂数据类型的比较
1、在 JS 中“==” 和 “===”是有些不同的，“==”比较的数据，只要值相等就为true，而“===” 不仅要 值相等，而且所比较数据的类型也要一样。如下：var str = 1var str1 = '1'console.log(str == str1) // trueconsole.log(str === str1) // false2、对于复杂数据类型进行比较时，比较的是存储的地址，因此，只要地址不相同，就算一样也不相等，如下：var obj = {name:'张三
2021-07-20 14:55:43
140
原创 JS中使用offsetHeight 获取元素高度为0问题
今天再写代码时，要获取 一个 ul 的高度，我就使用 offsetHeight ，但是获取出来的结果却是 0，试了好久，发现拼写语法都没有错，最后，发现是没有去除浮动问题，我 ul 里面的 li 使用了浮动，而我的 ul 并没有去浮动，因此，获取出来的 ul 就为 0 了。代码如下： .container ul li { float: left; width: calc(100% / 5 - 12px); hei
2021-07-18 12:59:06
3404
原创 JavaScript实现创建动态表格和全选
要求：1、根据数据，使用 JavaScript 动态创建表格。2、实现实现复选框全选功能。 其一，要求点击头部的复选框，下面子复选框全部选中或取消； 其二，下面子复选框，只有全部选中完，头部复选框才能，被选中。步骤：动态创建表格1、对HTML页面进行简单的布局；2、循环遍历数组，获取每一项数据3、使用模板字符串经行拼接 var userList = [...
2021-07-14 23:20:23
587
3
原创 JavaScript中函数中变量的解析
在 JavaScript中的函数执行时，如果函数里面涉及到变量解析，函数在定义的时候是不解析变量，就是按照变量名保存；只有当函数执行时，才会解析变量。例如，下面代码：判断函数执行后，打印结果。var num = 10function fn(){ // 如果函数定义阶段就解析了变量，那么存储的代码 console.log(10) // 如果函数是在调用阶段解析变量，那么存储的代码console.log(20) console.log(num)}num = 20fn..
2021-07-14 20:47:50
363
1
原创 获取 DOM 元素的方式
在 JS 中可以通过一些方式获取到页面中的元素，并进行操作；根据页面中的元素标签又可以分为非常规标签 和 常规标签，获取它们的方式也有所不同。1、非常规标签获取方式 html ：document.documentElement head ：document.head body ：document.body// 获取 html 元素var html = document.documentElementconsole.log(html)// 获取 head 元素var he
2021-07-14 09:50:54
128
原创 JavaScript实现设置浏览器滚动条回到顶部
要求：在页面右下角有一个div标签，点击div标签浏览器右边滚动条回到顶部思路：通过设置 浏览器卷去高度 判断滚动条是否到达顶部。步骤：1、对浏览器页面进行简单布局<style>* {margin: 0; padding: 0;}body {height: 1000px; background: #000;}div {width: 70px; height: 50px; background-color: skyblue; position: fixed; bottom:
2021-07-12 22:05:37
3948
原创 浏览器提供的三种弹出层
1、alert（）警告框使用方式：alert（'提示文本'） 返回值：undefined alert('我是警告框') 展现形式： 2、 confirm（）选择框使用方式：confirm（'提示文本'） 返回值：布尔值；确定是 True ，取消是 False confirm('我是选择框') 展现形式： 3、prompt（）输入框使用方式：prompt（'请输入'） 返回值：取消：返回 null；确定：返回...
2021-07-12 21:34:02
473
原创 复杂数据类型转换json格式在转换位复杂数据类型后，修改内容是否会有影响？
问题：根据下面代码，判断obj中name是否改变？var obj = { name:'李四', age:20, gender:'男'}var str = JSON.stringify(obj)var obj2 = JSON.parse(str)obj2.name = '王五'console.log(obj)console.log(obj2)答案：没有改变console.log(obj) // {name: "李四", age: 20, gender:
2021-07-10 10:33:53
143
原创 把json格式的字符串转换为对象数据类型
一开始我使用JSON.parse(jsonStr)语法进行转换，json格式的字符串，代码如下：var jsonStr = {"name":"张三","age":18,"gender":"男"}var obj = JSON.parse(jsonStr)console.log(obj)可是一直报错误：根据错误提示：说是 O 有问题，可是声明变量obj不应该有问题，所以那就该是后面的JSON.parse(jsonStr) 出现的问题，但是对于JSON.parse（）语法没有拼写错误；就..
2021-07-10 10:01:32
685
原创 JavaScript实现字符串翻转
方案一首先，使用split分割字符串准换位数组；然后，在使用reverse方法翻转数组；最后使用join方法拼接，代码如下：var str = 'abdefgh'var res = str.split('').reverse().join('') // 这些方法可以连用console.log(res)注意：1、使用split（）分割后得到的返回值直接是以数组方式返回的；2、使用join（）拼接的数组，返回值是以字符串方式返回的。方案二创建一个新的空字符串，然后，把原字符串
2021-07-09 22:41:17
365
原创 JavaScript实现数组去重
第一种方法通过遍历数组，判断有没有重复的，如果有就使用splice（）方式，删除重复的数据；但是这种方式会改变原数组。var arr = [1,2,3,4,3,2,6,3,5]for(var i = 0;i < arr.length; i++){ for(j = i + 1; j < arr.length; j++){ if (arr[i] === arr[j]){ arr.splice(j,1) j-- /
2021-07-08 21:53:11
50
原创 把只有一个元素数组转为数字
今天看到了把一个只有一个元素的数组准换为number类型，比如：[7] 转换为7，只需要在后面带一个[0],就可以了[7][0] // 7想了好长一段时间，也不知道为什么，在加一个数组就变成number类型了，最后我把前面数组放入了多个数据和后面[0]数组变成[1]、[2]，才发现后面根本代表不是数组，而是索引，这样才想通。[1,2,3,4][0] // 1[1,2,3,4][1] // 2[1,2,3,4][2] // 3这其实就是（数组.[索引]），相当于下面的示例
2021-07-08 17:11:01
4476
1
原创 JavaScript实现冒泡排序
要求：使用 JS 实现冒泡排序。步骤：1、先准备一个数组var arr = [5, 6, 1, 8, 2, 4, 9, 7, 3]2、冒泡排序的核心就是把两个位置的数据交换；当我们交换数据时，需要引入一个变量，来实现交换(这里我们先使用arr[0]和arr[1]举例)。var tmp = arr[0]arr[0] = arr[1]arr[1] = tmp3、我们通过循环遍历数组，依次比较前后两位并进行交换；通过依次的循环，可以把最大的那位数换到最后面。for (var
2021-07-05 22:17:37
1438
原创 JavaScript求最小公倍数
要求：给出两个数求出两数的最小公倍数思路：1、两个数的最小公倍数最小也应该为最大那个数；2、若不是，应在两个数中最大那个数的基础上一次增大，进行判断；3、每次增大应该是那个最大数的倍数。代码：// 求最小公倍数var n = 5var m = 4if (n > m) { var temp = n n = m m = temp}// 先假设最大的数就是最小公倍数var gbs = mwhile (gbs % n !== 0 || gbs % m
2021-07-04 00:10:16
382
原创 JavaScript在页面打印九九乘法表
需求：使用JavaScript在页面输出九九乘法表思路：在页面输出使用 document.write()代码：for (var i = 1; i < 10; i++) { for (var j = 1; j <= i; j++) { document.write(i+'*'+j +'='+ (i*j)+" ") }// 换行 document.write('<br>')}...
2021-07-03 22:31:39
136
原创 给出一个四位数把每位都拆开在控制台输出
要求：把一个四位数拆开；假如这个四位数为（1234）1、获取千位数：1234 / 1000 = 1.234，然后取整；var a = num / 1000console.log(parseInt(a))2、获取百位数：首先，1234 % 1000 = 234；然后234 / 100 = 2.34 ;取整var b = num % 1000 / 100console.log(parseInt(b))3、获取十位数：首先，1234 % 100= 34 ;然后，34 /10 = 3..
2021-07-03 11:23:32
1349
空空如也
对父盒子设置边框后，会与子盒子之间有空隙该怎么解决？
2021-07-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人