前端小白菜

原创 变量作用域&&闭包

原创 js模块化开发

将一个复杂的程序依据一定得规范（规则）封装成几个块（文件），并组合到一起。块的内部的数据/实现是私有的，只是向外部暴露一些接口（方法）与外部模块通信。降低复杂度，提高解耦性，部署方便。好处：避免命名冲突；更好的分离，按需加载；更高的复用性；高可维护性。模块化规范：1、CommonJs:每个文件都可以当做一个模块在服务器端：模块的加载是同步加载的在浏览器端：模块需要提前编译打包处理语法：暴露模块=》module.exports = value && exports.xxx

原创 vue报错：vue.esm.js:121 uncaught (in promise) typeerror: cannot read property ‘tolowercase‘ of undefine

根据报错的图片，可以看出来是有个值为undefined的元素调用了toLowerCase方法引起的报错，我们关键是找出哪个地方调用的报错。根据网上搜出来的资料说是用组件的name属性错误的话会引起这种报错，而且如上图所示，提示了个components.js文件，打开此文件可以发现是遍历注册组件的文件，故找到问题根本。这个问题我也有在网上找到其他不同类型的回到，并非都是组件name属性造成的，所以还需具体代码具体分析原因，下面贴个不同的类型错误造成通样问题的链接：（1）https://github..

原创 Vue项目中用js实现列表上移、下移、置顶、置尾以及复制功能

复制功能

原创 js类型转换

js类型转换表格从上表中可以看到，原始值到原始值的转换相对简单。原始值到对象的转换也非常简单，原始值通过调用String()、Number()或Boolean()构造函数，转换为它们各自的包装对象。null和undefined属于例外，当将它们用在期望是一个对象的地方都会造成一个类型错误异常，而不会执行正常的转换。下面我们先来看一下相等运算符和恒等运算符的区别：1、== 和 ===的区别从上图可以看出来，等等运算符与 等等等运算符再同样的两个值得比较结果并不相同，这里需要我们理解区分 一下这两

原创 JavaScript——对象学习笔记

一、对象的概念对象是JavaScript的基本数据类型。它是一种复合值，它将很多值（原始值或者其它对象）聚合在一起，可以通过属性名访问这些值。对象也可看做是属性的无序列集合，每个属性都是一个名/值对。属性名是字符串，因此我们可以把对象看成是从字符串到值得映射。然而对象不仅是字符串到值得映射，对象除了可以保持自有的属性，JavaScript对象还可以原型对象继承属性。对象的方法通常是继承的属性。JavaScript对象是动态的，既可以新增又可以删除。对象最常用的方法是创建（create）、设置（set

原创 js中的正则表达式小结

正则表达式的概念正则表达式是由普通字符和特殊字符（元字符）组成的对字符串过滤的逻辑公式。正则表达式创建方式（1）字面量定义方式：var reg = / abc /;（2）构造函数：var reg = new RegExp( "abc" ， g);第二个参数为可选参数，用来修饰正则表达式，比如元字符gi等。可使用正则表达式的方法：（1）RegExp的test方法：用来检测某个...

原创 js字符串学习笔记

字符串定义是指JavaScript中一种用来表示和操作字符串的标准内置对象。字符串创建方法字面量表示方法。eg : var str = '任意字符';构造函数方法。eg：var str = new String("任意字符");字符串特殊创建方法String.fromCharCode()：方法返回通过之指定的UTF-16代码单元序列创建的字符串。String.form...

原创 前端常用单位原理和异同点

css单位css单位类别名称相对长度单位em、ex、ch、rem、vw、vh、vmin、vmax、%绝对长度单位cm、mm、in、px、pt、pcpx:1px===1个像素点，绝对长度单位；试用于固定长度单位的场景中；各浏览器兼容性良好；em:参照物是父元素，会随着父元素的大小而改变，容易造成混乱；...

原创 vue组件之间数据传递方式小结

开始写Vue项目快两个月了，总觉得数据传递还是有点迷茫，本着打破砂锅问道底，不搞不明心痒痒的原则，特写此总结！简单的父传子：子组件在父组件内，通过给子组件的属性绑定为父组件动态获取的值，从而动态的更改子组件=内获取的值。子传父：...

原创 关于weex的<text>组件的坑，为什么text的文本第一行默认居中显示？

标题官网是这么介绍滴：然后我碰到了第一坑：不知道为什么使用text显示的文本的一行总是从中间开始显示，使用了各种可能性的方法也调不好，比如：text-align,padding…下面是正题了：不知道为什么文字总是靠中显示，后来发现是因为我在使用text时，标签换行造成的，^错误范例：后来改成了这样：显示就正常了：以此纪念第一次使用weex踩得坑坑~~...

原创 VUE中利用Computed+filter对数据进行筛选

话不多说上代码：需求：tasks中是组件从外部获取的数据，要根据文本框中taskName的值把task中名字符合的显示出来大佬使用了一个Array.filter()方法，根据条件创建出来一个新数组。MDN链接：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/fil...