hzl的学习小记

桥接模式 什么是桥接模式把事物对象和其具体行为、具体特征分离开来，使它们可以各自独立的变化 例子：男生 女生钢琴 吉他钢琴能演奏，吉他能演奏男生能让乐器演奏，...

hzl的学习小记

工厂模式 什么是工厂模式工厂模式是一种 创建模式，用来解决创建对象的问题。根据参数类型，通过调用工厂方法来创建不同类型的对象。直营店下单给工厂，工厂造出所需的产品。具体怎么做...

hzl的学习小记

单例模式（Singleton Pattern）什么是单例模式 单例模式，是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例的特殊类。通过单例模式可以保证系统中，应...

hzl的学习小记

设计模式其实就是以前别人写代码的一些套路 可以满足某一类的使用场景 优点： 可维护性好 便于沟通性能 缺点： 复杂性 性能 1. 对象 改为面向对象的方式 变形简化 持续改进...

hzl的学习小记

原生js 制作的轮播图 今天学习了一个原生js轮播图的方法。效果图如下 通过点击上下页和中间的点进行翻页，通过改变图片的z-index值来实现效果 刚刚我用了最原始的方式实现...

hzl的学习小记

使用object 优化过的方法

hzl的学习小记

Freecodecamp 高级算法题 1. Validate US Telephone Numbers 如果传入字符串是一个有效的美国电话号码，则返回 true. 用户可以在...

hzl的学习小记

Freecodecamp 算法题 （二） 1. Sum All Numbers in a Range 我们会传递给你一个包含两个数字的数组。返回这两个数字和它们之间所有数字的...

hzl的学习小记

Freecodecamp 算法题 1. Reverse a String 翻转字符串 先把字符串转化成数组，再借助数组的reverse方法翻转数组顺序，最后把数组转化成字符串...

hzl的学习小记

使用vue.js来搭建一个高仿的CNODE社区 1. cnnode社区的基本架构 项目模块组件：Header 头部模块PostList 列表模块Article 文章模块Sli...

hzl的学习小记

Vue 学习笔记十一、vue-router路由和前端状态管理 什么是路由：网址 11.1 vue­-router路由基本加载 /Users/mac/Desktop/日记本1....

hzl的学习小记

Vue 学习笔记十:使用vue-­cli脚手架一键搭建工程首先电脑上要安装最新版的nodeJS.官网下载，安装完之后安装淘宝npm镜像 五部走： 全局安装vue-­cli 进...

hzl的学习小记

Vue 学习笔记 九 、render函数 9.1 render函数初步了解 template下只允许有一个子节点 9.2 render函数的第一个参数 在render函数的方...

hzl的学习小记

Vue 学习笔记入门篇 可复用性的组件 7.1 使用组件的原因 作用：提高代码的复用性 7.2 组件的使用方法 全局注册 局部注册 vue组件的模板在某些情况下会受到html...

hzl的学习小记

Vue 学习笔记入门篇 表单与v­-model 6.1 基本用法 v­-model: VUE提供了v-­model指令， 用于在表单类元素上双向绑定事件 可以用于input框...

hzl的学习小记

Vue 学习笔记入门篇-小结 v-model的作用是？ A: 双向绑定数据 v-for demo 使用v-bind，v-on写出一个demo v-bind v-on v-if...

hzl的学习小记

Vue 学习笔记入门篇 vueJS中的内置指令 5.1 基本指令 5.1.1 v-­cloak一般与display：none进行结合使用 作用：解决初始化慢导致页面闪动的最佳...