前端
学习的有关前端的一些笔记
Master_Yoda
Named after the name of God,by your hands!
展开
-
Vue 无法监测到数据或者对象的变化
今天遇到一个问题,就是我修改Vue里面的数组的数据,发现页面并没有发生变化,我在网上搜了一下,发现对于数组,如果我们根据索引来修改它的数据的话,Vue是无法监测到它的变化的,如果想要修改对象的属性值,不能通过obj.props=newValue来进行设置。可以通过下面这个方法来设置:Vue.set(vm.items, indexOfItem, newValue)参考链接:参考链接1参考链接2...原创 2020-12-08 16:09:54 · 674 阅读 · 0 评论 -
js 删除多个子节点
js中删除子节点的方法:removeChild比如下面这个节点<ul> <li>熊大</li> <li>熊二</li> <li>光头强</li> </ul>想要把里面的li全部删除。如果使用下面的代码,无法完全删除var ule=doc...原创 2020-04-24 11:50:17 · 2035 阅读 · 0 评论 -
解决el-cascader级联选择器无滚动条的问题
文章目录问题现象el-cascader的具体使用可以参考elementui的官网:element官网问题现象跟着视频做项目的时候,用了这个组件,发现出现了这个问题:视频里并没有这个问题,这就很痛苦了,网上搜了很多,但是没有有效的解决方案,然后我就自己打开了调试工具,它里面有一个el-crollerbar-wrap类,可以看到它的height是100%,会有问题,将其设置成具体的数值,比...原创 2020-04-10 17:05:13 · 3281 阅读 · 12 评论 -
js预解析案例var a=b=c=9
今天看到一个js预解析的案例,最主要的就是var a=b=c=9;这一句话,// var a = b = c = 9; 相当于 var a=9,b=9,c=9; b和c直接赋值 没有var声明当全局变量看变量提升(变量预解析): 变量的声明会被提升到当前作用域的最上面,变量的赋值不会提升。函数提升: 函数的声明会被提升到当前作用域的最上面,但是不会调用函数。f1(); con...原创 2020-02-27 12:11:00 · 1492 阅读 · 0 评论 -
css3实现旋转木马案例
效果如下:代码如下:这个找了六张图片,放到了div里,然后每一张图片依次旋转60度,然后再沿着z轴向外移动,不能先移动再旋转,因为旋转的时候,坐标轴也进行了旋转。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...原创 2020-02-25 12:52:08 · 2358 阅读 · 4 评论 -
css3 3d实例之上下旋转
要实现的案例效果:这个主要用到css3的旋转和移动的属性,首先使用绝对定位,然后先移动下面那个盒子,向下移动,然后再沿x轴旋转,然后再将前面那个盒子沿着z轴正方向进行移动。如下图:然后当鼠标放上去的时候,再沿着x轴正向旋转90度。<!DOCTYPE html><html lang="en"><head> <meta charset="U...原创 2020-02-25 11:11:44 · 952 阅读 · 0 评论 -
css3实现热点图demo
要实现的效果如上图:具体代码如下:首先要有地理位置的一张背景图,然后用绝对定位,定位到具体的城市地点,那个圆圈,刚开始都是定位在一起的,然后加一个动画,使它向外放大,这个时候,三个波浪都是一起向外放大的,所以就需要加一个延迟,背景图片在最后面。<!DOCTYPE html><html lang="en"><head> <meta char...原创 2020-02-23 21:04:44 · 1110 阅读 · 0 评论 -
emmet语法,以及标准文档下载
Emmet的前身是Zen coding,它使用缩写,来提高html/css的编写速度。生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div如果有父子级关系的标签,可以用 > 比如 ul > li就可以了如果有兄弟关系的...原创 2020-02-08 21:00:58 · 360 阅读 · 0 评论 -
vue cli3创建项目屏蔽eslint
在网上看了很多,只有下面这种方式才有用:在vue.config.js文件进行如下配置就可以,如果没有这个文件,在项目的根目录下新建一个这样的文件就可以 。module.exports = { lintOnSave: false}...原创 2020-02-04 15:06:12 · 1475 阅读 · 0 评论 -
vuecli3 创建项目查看webpack的默认配置
vue cli3创建项目的时候把webpack的配置给隐藏起来了,如果想要修改webpack的默认配置,可以通过在项目的根目录下新建一个vue.config.js文件来修改默认配置,官方参考文档但是今天我想看下它的默认配置是在哪里,在网上搜了好久也没有找到,后来终于找到了,这里记录一下在node_modules/@vue/cli-service/lib/config/base.js里面可以看到,...原创 2020-02-04 12:04:39 · 5805 阅读 · 0 评论 -
webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
这个是因为vue-loader在15的版本以后需要再同时安装一个插件。参考连接原创 2020-01-20 12:38:53 · 203 阅读 · 0 评论 -
webpack4使用教程之loader
目录1 css-loader1.1 新建文件1.2 在入口文件里添加引用1.3 安装和配置css-loader2 less-loader2.1 创建文件2.2 在入口文件里添加引用2.3安装和配置less-loader3.1 配置和安装url-loader3.2 安装和配置file-loader3.3 设置文件名3 ES6语法处理webpack里面有很多loader,这里记录几个比较常用的。1...原创 2020-01-18 18:59:48 · 762 阅读 · 0 评论 -
webpack4 使用教程之打包初入门
webpack是前端的模块化打包工具。最近刚开始用它,踩了很多坑!这里记录一下。原创 2020-01-05 12:09:09 · 244 阅读 · 0 评论 -
webpack : 无法加载文件 C:\Users\dd\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本
可以以管理员身份运行powershell,然后输入:set-ExecutionPolicy RemoteSigned 接着再输入Y就可以了,参考链接原创 2020-01-01 17:51:18 · 6196 阅读 · 2 评论 -
npm命令时间过长的解决方法
使用npm的时候,执行命令时间特别久,网上有很多种解决办法,这里记录一下,有用cnpm的方法,个人感觉不太好用,因为有的命令比如webpack init 底层用的还是npm的命令,还是会很慢,还有一种方法是通过registry参数指定镜像服务地址。npm config set registry http://registry.npm.taobao.org再执行npm的命令就会快很多...原创 2020-01-01 17:38:27 · 1615 阅读 · 1 评论 -
js数组的map方法
map():返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值,map()方法按照原始数组元素顺序依次处理元素map方法会给原数组中的每个元素都按顺序调用一次callback函数,callback每次执行后的返回值(包括undefined)组合起来形成一个新数组。callback函数只会在有值的索引上被调用,那些从来没被赋过值或者使用delete删除的索引则不会被调用。使用map方法...原创 2019-11-24 21:36:50 · 6684 阅读 · 0 评论 -
chrome不支持nodevalue属性的解决办法
今天看js的时候,发现在chrome中,无法通过nodevalue属性来获取一个节点的值,一直以为是自己代码写的有问题,但换到其他浏览器上就没有什么问题,后来百度了一下,发现使用textContent来代替就没有什么问题。不知道是不是因为我的谷歌浏览器版本太高了。...原创 2018-11-16 11:08:38 · 534 阅读 · 0 评论 -
JavaScript获取和设置属性,nodeType属性
JavaScript获取和设置标签的属性值原创 2016-12-23 11:16:31 · 972 阅读 · 0 评论 -
JavaScript DOM和节点以及获取元素的常用方法
JavaScript DOM和节点,以及获取节点常用的方法原创 2016-12-23 10:59:00 · 373 阅读 · 0 评论