前端小白菜

原创 变量作用域&&闭包

原创 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、pc px: 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...