随笔分类 - 前端
小白自学~请多指教
摘要：到目前为止，属性对我们来说只是一个简单的“键值”对。但对象属性实际上是更灵活且更强大的东西。 对象属性（properties），除 value 外，还有三个特殊的特性（attributes），也就是所谓的“标志”： writable — 如果为 true，则值可以被修改，否则它是只可读的。 enum
阅读全文
摘要：基本概念： JSON（JavaScript Object Notation）是表示值和对象的通用格式。 最初它是为 JavaScript 而创建的，但许多其他编程语言也有用于处理它的库。 因此，当客户端使用 JavaScript 而服务器端是使用 Ruby/PHP/Java 等语言编写的时，使用 J
阅读全文
摘要：今天遇到判断是否为空对象的问题，发现还有很多细节待学习，下面我简单总结一下。 列出以下几种情况： 1 let obj = {} 2 3 let obj1 = { 4 name: "jack" 5 } 6 7 let obj2 = { 8 [Symbol("name")]: "jack", 9 } 1
阅读全文
摘要：解构赋值 是一种特殊的语法，它使我们可以将数组或对象“拆包”为到一系列变量中，因为有时候使用变量更加方便。解构操作对那些具有很多参数和默认值等的函数也很奏效。 1 let arr = [ "john", "lily" ] 2 let [ first, second ] = arr 3 console
阅读全文
摘要：Object.keys, values, entries 对于普通对象，下列这些方法是可用的： Object.keys(obj) —— 返回一个包含该对象所有的键的数组。 Object.values(obj) —— 返回一个包含该对象所有的值的数组。 Object.entries(obj) —— 返
阅读全文
摘要：WeakMap WeakMap 和 Map 的第一个不同点就是，WeakMap 的键必须是对象，不能是原始值。 如果我们在 weakMap 中使用一个对象作为键，并且没有其他对这个对象的引用 — 该对象将会被从内存（和map）中自动清除。 1 let john = { name: "John" };
阅读全文
摘要：Map 是一个带键的数据项的集合，就像一个 Object 一样。 但是它们最大的差别是 Map 允许任何类型的键（key）。 它的方法和属性如下： new Map() － 创建 map。 map.set(key, value) － 根据键存储值。 map.get(key) － 根据键来返回值，如果
阅读全文
摘要：简单总结一下常用的水平垂直居中方案 直接在父级元素设置 text-align 和 line-height ,针对未浮动的行内元素 1 <div class="box"> 2 <span class="item">我是span标签</span> 3 </div> 1 .box { 2 width: 6
阅读全文
摘要：一、基本运算符 运算元：运算符应用的对象。例如 5 * 2 ，有两个运算元，左运算元5和右运算元2。 一元运算符：只应用于一个运算元的运算符，例如一元负号运算符。 二元运算符：应用于两个运算元的运算符，例如二元加号运算符，二元乘号运算符。 二、特殊运算符 二元加号运算符不仅仅用作计算，它还可以用于转
阅读全文
摘要：JavaScript 中的变量可以保存任何数据。JavaScript 是动态类型语言，变量可以任意改变数据类型: 1 let message = 'hello'; 2 lmessage = [1, 2, 3] 3 console.log(message); // [1, 2, 3] JavaScri
阅读全文
摘要：一、基本认识 Flex是Flexible Box的缩写，“灵活的盒子”，就是弹性布局，用来为盒状模型提供最大的灵活性。 传统的布局方式基于盒模型，主要通过display、position、float、padding、margin等属性进行布局排版，使用起来不是特别方便。 flex布局简单粗暴且完美地
阅读全文
摘要：最近花时间写了王者荣耀手机端官网，这个项目主要包括官网主页及部分内容展示和后台数据管理，使用vue前端框架来写前端的内容，服务端采用nodejs/express框架，数据库使用mongodb，这也是我第一次使用mongodb这种分布式文件存储数据库。下面我将简单总结一下在这次项目吸取的经验。 数据库
阅读全文
摘要：刚开始学习前端的时候，总觉得全栈离自己很远，梦想着有一天我也能自己写完整个项目。经过这段时间的学习，从慢慢接触到一点点深入，我发现在我眼里的全栈开发其实并没有那么复杂。这次我使用一个简单的demo作为例子，向大家简单介绍一下如何独自完成前端和后端。 简单的博客文章管理后台：文章的增删改查，这里我们把
阅读全文
摘要：今天我用vue写登录的时候，想利用全局前置守卫来进行路由控制,判断是否登录和是否有此资源写完后会发现页面空白,并进入死循环。 设置路由 1 const routes = [ 2 { 3 path: '/', 4 redirect: "/login" // 重定向 5 }, 6 { 7 path: '
阅读全文
摘要：刚刚接触vue框架不久，vue用起来确实很方便，省去了许多重复的操作，但是一开始使用vue框架确实不习惯，因为vue主要是通过改变数据来进行操作，转变思维方式很重要！ 这是我第一次尝试使用vue实现基本的购物车逻辑，主要包括添加、减少、单个商品删除、已选商品删除、单选、全选操作。如有错误，还请指正，
阅读全文
浙公网安备 33010602011771号