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,……阅读更多

不同构建版本

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……阅读更多

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……阅读更多

深刻认识this.$store.dispatch() 与 this.$store.commit()的区别

0311lc.com说:commit: 同步操作 存储 this.$store.commit(‘changeValue’,name) 1 取值 this.$store.state.changeValue 1 dispatch: 异步操作 存储 this.$store.dispatch(‘getlists’,name) 1 取值 this.$store.getters.getlists 1 总的来说,他们只是存取方式的不同,两个方法都是传值给vuex的mutation改变state  

MIAN

0311lc.com说:1.html 1)什么是html 超文本标记语言,一个网页文件 2)DOCTYPE有什么作用 告诉浏览器使用哪个版本的HTML规范来渲染文档 3)介绍一下你对浏览器内核的理解,常见的浏览器内核有哪些 主要分成两个部分:渲染引擎和JS引擎。 渲染引擎:负责取得网页的内容(html,xml和图像等),整理讯息(例如假如css),以及计算网页的显示方式,然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不同。 JS引擎:解析和执行JavaS……阅读更多

js排序

0311lc.com说:1. 冒泡排序 原理:从第一个元素开始,把当前元素和下一个索引元素进行比较。如果当前元素大,那么就交换位置,重复操作直到比较到最后一个元素 function bubbleSort(arr) { if (Array.isArray(arr)) { for (var i = arr.length – 1; i > 0; i–) { for (var j = 0; j < i; j++) { if (arr[j] > arr[j + 1]) { [arr[j……阅读更多

promise

0311lc.com说:学习promise之前重温了Ajax的原生js实现, 在原生js中发送一个http请求首先new XMLHttpRequest() 然后定义状态变更事件 浏览器监听请求的状态,触发不同状态下相应的代码 promise 异步操作在运行或计算的时候不会阻止程序执行其它操作 这个异步操作就是promise,它代表异步操作执行的最终结果 异步操作过程中称为挂起(pending),结果(settled)可以是完成或拒绝, promise定义的then()方法注册的函数会在异步操作完……阅读更多

vue 中使用vuex和localStorage保存登录状态

0311lc.com说: 需求:刷新页面,登录状态不会因此改 变 首先说一下vuex和localStorage的区别 1.实质区别 vuex存的是状态,存储在内存;localStorage是浏览器提供的接口,让你存的是接口,以文件的形式存储到本地 2.应用场景 vuex用于组件之间的传值,localStorage则主要用于页面之间的传值 3.永久性 当刷新页面时,vuex存储的值会丢失,localStorage不会 总结 localStorage可以代替vuex,对于不变的数据确实可以,但是当两……阅读更多

某试

0311lc.com说: 添加、删除、替换、插入 某个节点的方法 ? appendChild()//添加 removeChild()//删除节点 insertBefore(插入节点,被插节点)//插入(前插后) replaceChild(新节点,旧节点)//替换(前替换后)jq: append() (旧节点添加新节点后面) appendTo() (新节点添加到旧节点后面) prepend() (旧节点添加新节点的前面) prependTo() (新节点添加到旧节点的前面) //添加remove(……阅读更多

jQuery 好看demo

0311lc.com说:=======动画===图形类==稀奇===== 超逼真的HTML5 Canvas仿Windows画图工具 html5-canvas-windows-draw.rar 超炫酷的30个jQuery按钮悬停动画 jquery-button-hover-animation.rar JavaScript万年历 带农历、时间和属相等功能 js-lunar-calendar.rar jQuery/CSS3带数字时钟的圆盘时钟 jquery-css3-digit-circle-cloc……阅读更多

html5+css3+jquery完成响应式布局

0311lc.com说:响应式布局,流体布局,自适应布局,静态布局等等,这是移动设备的飞速发展,前端人员不得不跟上潮流的一个方向。实际上各种设备尺寸,分辨率大都不同,真的适  应各种设备依旧是不现实的,首先是浏览器差异化,让我们去hack,现在是终端问题,让我展现出不同的设备不同的样式,折腾来折腾去,终于我们走进了热火朝天的响应式布局,自适应只能算是响应式布局的一个子集吧,对于流体个栅格后面会再次提到,有兴趣可以关注。 首先讲讲实现原理吧,css3的媒体查询功能的确帮了我们很大一个忙,@medi……阅读更多

css中单位em和rem的区别

0311lc.com说:在css中单位长度用的最多的是px、em、rem,这三个的区别是: px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。 对于em和rem的区别一句话概括:em相对于父元素,rem相对于根元素。 rem中的r意思是root(根源),这也就不难理解了。   em 子元素字体大小的em是相对于父元素字体大小 元素的width/height/padding/ma……阅读更多