0311lc.com说:基本用法 let arr = [1, 3, 5, 8] let arrFilter = arr.filter(ele => ele > 4) console.log(arrFilter) // [5, 8] let arrObj = [{ name: ‘aa’, age: 13 }, { name: ‘bb’, age: 23 }, { name: ‘cc’, age: 18 }, { name: ‘dd’, age: 11 }, { name: ‘ee’, ……阅读更多
分类: vue
vue
SCSS ,对SCSS的理解和使用
0311lc.com说:https://blog.csdn.net/zhouzuoluo/article/details/81010331 首先要了解什么是CSS 预处理器? SCSS是一种CSS预处理语言 定义了一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSS 那么SCSS和SASS ……阅读更多
flat(),flatMap()
0311lc.com说:本文实例讲述了es6数组的flat(),flatMap()函数用法。分享给大家供大家参考,具体如下: 数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维数组。该方法返回一个新数组,对原数据没有影响。 1 2 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] 上面代码中,原数组的成员里面有一个数组,flat()方法将子数组的成员取出来,添加在原来的位置。 flat()默认只会“拉平”一层,如果想要……阅读更多
es6数组方法find()、findIndex()与filter()的总结
0311lc.com说: lfind() 该方法主要应用于查找第一个符合条件的数组元素。它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素。如果没有符合条件的元素,返回值为undefined。 以下代码在myArr数组中查找元素值大于4的元素,找到后立即返回。返回的结果为查找到的元素: const myArr=[1,2,3,4,5,6]; var v=myArr.find(value=>value>4); console.l……阅读更多
jquery 加入
0311lc.com说:vue.config.js const webpack = require(‘webpack’); chainWebpack: (config) => { config.plugin(‘provide’).use(webpack.ProvidePlugin, [{ $: ‘jquery’, jquery: ‘jquery’, jQuery: ‘jquery&#……阅读更多
安装 swiper 用 vue-awesome-swiper
0311lc.com说:cnpm install vue-awesome-swiper@3 –save “^3.1.3 vue 页面导入 import { Swiper, SwiperSlide } from “vue-awesome-swiper”; Swiper为大写 import “swiper/dist/css/swiper.css”; 还是用到this.$nextTick(()=>……阅读更多
vue echart
0311lc.com说:Vuecli4.5 用 echart 要 4.9版本 如果 默认5.0 请 到package.json 修改 在 cnpm install 页面导入时候 import * as echarts from ‘echarts’ 这个 也支持 5.0 不过 5.0 字体有问题
vue 循环赋值 img
0311lc.com说:<img :src=’items.ico’ /> 一定没{{}} 下面data值 ico:require(“../assets/images/icon_nav_taishi.png”) ,
vue 中this jquery 获取
0311lc.com说:要用获取vue 对象 this mounted:function(){ this.$nextTick(()=>{ var that=this; //code jquery }) },
js数组所有方法
0311lc.com说:1、concat()把元素衔接到数组中。 例子: var str1 = “Hello “; var str2 = “world!”; var n = str1.concat(str2); Hello world! 输出结果 2 every() 方法使用指定函数检测数组中的所有元素: 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。 如果所有元素都满足条件,则返回 true。 注意: every() 不会对空……阅读更多
ES6 Promise实战练习题目
0311lc.com说:基础题 题一 const promise = new Promise((resolve, reject) => { console.log(1) resolve() console.log(2) }) promise.then(() => { console.log(3) }) console.log(4) 解析: Promise 构造函数是同步执行的,promise.then 中的函数是异步执行的。 运行结果: // => 1 // => 2 /……阅读更多
js数组对象过滤:filter,find,some,every
0311lc.com说:1、filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 原数组不变 不会对空数组进行检测 let arr1 = [1,2,3,4] let arr2 = arr1.filter(item=>item===1) console.log(arr1, ‘arr1’) // [1,2,3,4] arr1 console.log(arr2, ‘arr2’) // [1] arr2 let arr3 = [{ id:1,……阅读更多
发现v2.6.12 才能 用在以前的script 加载方式
0311lc.com说:发现v2.6.12 才能 用在以前的script 加载方式
不同构建版本
0311lc.com说:cjs(两个版本都是完整版,包含编译器) vue.cjs.js vue.cjs.prod.js(开发版,代码进行了压缩) global(这四个版本都可以在浏览器中直接通过scripts标签导入,导入之后会增加一个全局的Vue对象) vue.global.js(完整版,包含编译器和运行时) vue.global.prod.js(完整版,包含编译器和运行时,这是开发版本,代码进行了压缩) vue.runtime.global.js vue.runtime.global.pro……阅读更多
插件补充
0311lc.com说:cnpm install mockjs –save cnpm install axios –save =================================== npm i element-ui -S import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; Vue.use(ElementUI); ==========================……阅读更多
vue图片部分总结
0311lc.com说:app.vue 中 ./assets/
Vuecli4.5 加入 sass
0311lc.com说:cnpm install stylus-resources-loader –save-dev cnpm install node-sass –save-dev cnpm install sass-loader –save-dev cnpm install vue-cli-plugin-style-resources-loader –save-dev package.json— 修改版本 “node-sass”: “^4.11.1”, “sass-loader”……阅读更多
vuecli4.5 去掉注释 console 等 vue.config.js
0311lc.com说:chainWebpack: (config) => { if (process.env.NODE_ENV === ‘production’) {} else { // 为开发环境修改配置… } config.optimization.minimizer(‘terser’).tap((args) => { args[0].terserOptions.compress.warnings = false args[0].terserOptions.compres……阅读更多
vue 4.0 vue.config.js 配置实战
0311lc.com说:module.exports = { // 项目部署的基础路径 // 我们默认假设你的应用将会部署在域名的根部, // 比如 https://www.my-app.com/ // 如果你的应用时部署在一个子路径下,那么你需要在这里 // 指定子路径。比如,如果你的应用部署在 // https://www.foobar.com/my-app/ // 那么将这个值改为 `/my-app/` baseUrl: ‘/Reader/dist/’, /*这个是我存放在github在……阅读更多
vue.config.js
0311lc.com说:module.exports = { lintOnSave: false, //开始语法严格模式 publicPath:’./’, //打包 绝对路径 devServer: { open: true, //编译后默认打开浏览器 host: ‘vueframe.cc’, //域名 port: 80, // 端口 https: false, //是否https //显示警告和错误 overlay: { warnings: false, errors: true }, prox……阅读更多