04 2020 档案
摘要:曾遇到过一个前端,某某某,当时属于团队开发,我在项目中用Vuex做本项目的公共状态管理。结果她看了看,说咱们项目小,没必要用Vuex,然后他把我写的删了,全部改成页面传值了。 乖乖了,理由是小。当时我就想。。。。。。。 。。。。。。 我想说的是在Vue项目中有比Vuex更好的公共数据状态管理吗???
阅读全文
摘要:http://code.ciaoca.com/javascript/qrcode/
阅读全文
摘要:小程序属于一种混合式开发。小程序开发借鉴了Vue和React两个框架特点,组件化开发模式。 小程序底层是react-native。小程序开发和原生APP开发很相似。 微信推出小程序的目的:代替一切APP,随走即用(保存在缓存中),无需下载,小(最大不超过8M)。 现代开发模式: WebApp:特点:
阅读全文
摘要:$(".copyPostScript").click(function(){ //复制按钮 var copyText = document.getElementById("postScript").innerText; //要复制的文本信息 var textareaMiddle = document
阅读全文
摘要:var str = "中国(银行)银行第四代覅覅结果肺感染"; re = /[\u4E00-\u9FA5]/g; if(str.match(re).length > 6){ var strall = str.match(re); //数组 var str6 = str.match(re).slice
阅读全文
摘要:不必再使用select的change事件,达到通过view层修改数据,model层数据变化的目的。
阅读全文
摘要:什么是语法糖: 同样的功能,以一种简单的方式表达。涉及封装。 v-bind的语法糖 》 : v-on的语法糖 》@ .......
阅读全文
摘要:每一个框架都有其特定的特色。在前端不断发展的过程中被普遍使用的从早期的2009angular诞生版本到2016年的1.7版本,angular的发展相对于另外两个前端框架较为缓慢。由于起特点在前端发展中不断被react和vue所替代。Facebook2013年react开源,到目前来说仍然是前端热门框
阅读全文
摘要:https://mp.weixin.qq.com/s/BkpQwt8FgGAQ6scw2piMsQ bate版本
阅读全文
摘要:动态改变css思路: 1、动态控制class类名 2、通过指令v-bind绑定style属性,达到数据响应的目的。 <div class="renderPart"> <ul v-if="renderPart[middleBtn].list.length 0 ? false:true"> <li v-
阅读全文
摘要:简单的三种生命变量的方式,存在着较大的差异。 首先js预编译阶段差异: var 存在变量提升 let 不存在变量提升 先声明后使用否在报错。 const 不存在变量提升 先声明后使用否在报错。 声明基本数据类型(原始数据类型)和引用数据类型差异: var 和 let 在生命变量之后,二次修改变量堆栈
阅读全文
摘要:基本数据类型的赋值,当修改其中一个变量的数据的时候,另一个变量不受其影响。 传值 但是当数据类型是引用数据类型的时候,通过变量赋值得到引用(堆栈问题),这时修改其中一个数据的时候,另一个变量也会同时更改。 传址 但往往这种修改在实际开发中是不期望的。 因此JavaScript当中的深拷贝和浅拷贝在实
阅读全文
摘要:JavaScript 引用数据类型: 对象 字面量 {} 。 在JavaScript当中所有的变量都可以当作对象使用。(当作对象使用,意味着拥有属性和方法) 》万物皆对象。 但是除两个例外 null 和 undefined 。 例如: [1,2,3].toString() 》 "1,2,3" fun
阅读全文
摘要:构造函数: 构造函数本身就是一个函数,与普通函数没有任何区别,不过为了规范一般将其首字母大写。 构造函数和普通函数的区别在于,使用 new 生成实例的函数就是构造函数,直接调用的就是普通函数。 JavaScript 常被描述为一种基于原型的语言 (prototype-based language)—
阅读全文
摘要:JSON.parse()和JSON.stringify()实现深拷贝: 实际开发中,如果怕影响原数据,我们常深拷贝出一份数据做任意操作,其实使用JSON.stringify()与JSON.parse()来实现深拷贝是很不错的选择。 但是当拷贝的数据为undefined,function(){},..
阅读全文
摘要:VUE 声明式。 Vue.js 一个核心思想是数据驱动。 所谓数据驱动,是指视图是由数据驱动生成的, 我们对视图的修改,不会直接操作 DOM,而是通过修改数据。 它相比我们传统的前端开发,如使用 jQuery 等前端库直接修改 DOM,大大简化了代码量。 特别是当交互复杂的时候,只关心数据的修改会让
阅读全文
摘要:https://tushuo.baidu.com/wave/index#/gallery
阅读全文
摘要:首先: 了解闭包,必须要清楚 JavaScript 的特性 > 作用域 、作用域链、执行上下文 。 闭包的构成。 闭包性能考量。 官方对于闭包的定义: 闭包 是指 有权访问另外一个函数作用域中的变量的函数 关键在于下面两点: 是一个函数 能访问另外一个函数作用域中的变量 另外的说法: 闭包可以延长(
阅读全文
摘要:1.getBoundingClientRect方法简介 getBoundingClientRect 返回的是一个 DOMRect 对象,是一组矩形集合,我们这次所使用的返回值主要是left、top、bottom和right。其余的返回值width、height、x、y这次用不到,就不再讨论。 使用方
阅读全文
摘要:两种思路: 1、背景图 利用background-position:center; 2、直接img标签在父元素上居中。
阅读全文
只有注册用户登录后才能阅读该文。
摘要:$(".delRow").addClass("focus").css("pointer-events","none"); $('.datagrid-cell-check').find('input').addClass("focus").css("pointer-events","none");
阅读全文
摘要:下面是W3School对<iframe>的定义: *iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。* 其实我也不太明白这个什么意思,不过按我的理解就是:iframe提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。 那iframe一般用在什么方面呢? 目前用得最多的是管理后
阅读全文
摘要:CSS属性: 采用js方式还是会有转换过程的体现。如输入a,会先显示a然后触发keyup事件后,将a转换为A2. CSS通过设置input输入框的style来实现。 text-transform: uppercase /转为大写/text-transform: lowercase /转为小写/tex
阅读全文