孤独的造梦者~君-优快云博客

原创小程序--map组件的使用

小程序map组件的使用wxml代码<view class="map_container"> <map class="map" id="map" longitud

2020-12-01 12:04:34 1120 1

原创 JS设计模式 --- 观察者模式

JS设计模式 — 观察者模式又来更新了，昨天学了白贺翔老师的观察者模式，分享一下，直接看代码！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl

2020-10-30 11:04:23 186

原创微信小程序---text显示空格

微信小程序—text显示空格一个空格在输出内容中一个空格可以使用空格键或者是 \t 实现但是无论连着使用多少次也是一个空格注意：\t前面要加\r才有效–>" \r\t "。连续空格<text wx:for="{{item.casts}}" decode="{{true}}" space="{{true}}"> {{item.name}}  </text>selectable:文本是否可选 (Boolean 默认是false)decode：

2020-10-29 10:33:59 3886

原创 JS设计模式 --- 装饰者模式

昨天又学了白贺翔老师的JS设计模式 — 装饰者模式，下面来分享一下它的实现哈。装饰者模式:就是在保证不改变原始对象的基础上，添加新的方法或请求.装饰者模式两个要求：1.实现同一批接口，2.需要含有子类 // 接口类的实现 // var CarInterface=new BH.Interface('CarInterface',['getPrice','assement']); // var Car=function(car){ //

2020-10-28 11:46:30 236

原创 JS设计模式--门面模式

JS设计模式 --最简单的模式：门面模式门面模式的概念：就是为了简化API接口(简化代码)看下面例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt

2020-10-27 09:51:25 206

原创 JS设计模式--组合模式

JS设计模式–组合模式昨天学习了白贺翔老师的JS组合模式，现在把我学到的分享出来叭O(∩_∩)O，直接看下面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&

2020-10-26 14:27:54 374

原创 JS设计模式--桥模式

桥模式:主要作用就是把抽象和现实分离开来，使他们可以完全独立变化下面用三个应用实例来实现桥模式：应用场景一：事件监听回调机制（用户点击一个按钮，向服务器端发送信息）(开头要先链接CommonUtil.js和jquery-1.8.0.min.js这两个文件) // classic 传统模式前台和后台耦合在一起一定要前台点击了才会调用后台 // $(function(){ //jQuery方法 // // 1.前台业务逻辑：这一段代码处理前台的事件

2020-10-25 14:37:45 409

原创 JS工厂模式转变为复杂工厂模式

复杂工厂模式** 工厂模式转变为复杂工厂模式–也就是由粗粒度变成细粒度。也就是每个对象实现的方法的变得更具体化。**看下面代码，同上文一样要先插入CommonUtil.js文件。 <script> // 复杂工厂模式(由粗粒度--变得更细粒度) // 首先有一个卖车的商店--就必须要有生产车的工厂 // 这里就只是提供卖车的方法 function CarShop() { };//变成一个抽象类只能被继承 C

2020-10-23 10:33:57 270

原创 JavaScript设计模式---工厂模式

JavaScript设计模式—工厂模式工厂模式概念一：就是把参数传进去后，经过一系列的处理，然后得到想要的结果。工厂模式概念二：就是用面向对象的方法，把一些对象封装，使一些占用空间多的、重复的代码封装起来的一种模式。看下面代码：在开头要先插入CommonUtil.js文件，里面包含检测接口的鸭式辩型法，和继承的方法CommonUtil.js文件// 这里是公共的Js文件// 命名空间var BH={}; // 3.鸭式辩型法 (最完美的JavaScript实现接口的方法)

2020-10-22 15:57:26 186

转载小程序开发和网页开发的区别

一直对小程序开发和网页开发不太明确，去百度了一下，把它记录下来O(∩_∩)O小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。一、渲染线程和脚本线程（1）网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应（2）小程序中，二者是分开的，分别运行在不同的线程中二、有关Dom操作（1）网页开发者可以使用到各种浏览器暴露出来的 DOM

2020-10-21 11:44:44 1448

原创 JS的四种单体模式

又来更新了，今天来分享我昨天学习到的四种单体模式，废话不多说，直接看看下面代码简单单体模式// 1.简单单体模式 // var Singleton={ //这种模式不能再用new创建实例了，就是Singleton // attr1:true, // attr2:10, // method1:function(){ // alert('方法1') // },

2020-10-20 10:03:07 348 1

原创 JavaScript定义接口的几种方式

前两天周末就没更新，但是有学习哦，所以来分享一下学习成果(～￣▽￣)～javascript 接口接口是面向对象JavaScript程序员的工具箱中最有用的工具之一，但是JavaScript没有定义接口的概念，我们就通过模拟高级程序语言的方式来创建JavaScript中的接口。接口的概念:提供一种以说明一个对象应该有哪些方法的手段定义接口有三种方式看下面代码 // 1.注释解析法(就是通过手写的方式把接口写到注释里面去)不能判断那些接口是否都实现了 // 优点：程序员可以有一个参

2020-10-19 14:25:25 5661

原创小程序--购物车全选与单选的实现

之前不会，现在弄懂了，就记录下来哈，看代码## wxml代码  <view>  <view class="cartTitleBigView"> <view class="text1"> <image src="/images/indexImages/icon13.png" class="img1"></image> <vi

2020-10-16 14:57:13 1573 1

原创原型的几种继承模式和模拟底层完美继承机制

哈罗，我又来了，坚持学习，坚持更新，分享一下我昨天学习的视频内容叭，废话不多说，看下面代码原型的几种继承模式 // 1.原型继承(既继承了模板，也继承了原型对象) // 父类构造函数 // function Person(name,age){ // this.name=name; // this.age=age; // } // // 父类原型

2020-10-16 10:38:32 164

原创小程序自定义单选框radio和复选框checkbox样式

今日更新:小程序知识自定义单选框radio和复选框checkbox1.单选框 radio .wx-radio-input { /* 自定义样式.... */ height: 24rpx; width: 24rpx; margin-top: -4rpx; border-radius: 50%; border: 2rpx solid #999; background: transparent;}radio .wx-radio-input.wx-radio-input

2020-10-15 12:16:20 305

原创 JS常用开发模式

标记文本哈罗，我又来了，来分享一下昨天的学习，一起进步呀！原型的特点引出的一些问题 // 原型的概念：原型对象里的所有属性和方法被所有构造函数实例化出来的对象所共享 // 这是一个很好的特点，但是也带来了一些问题 // function Person(){ // } // // 简单对象 // Person.prototype={

2020-10-14 23:53:03 414

原创 Js简单原型的用法和原型的动态特性

Js简单原型的用法和原型的动态特性昨天看了白贺翔老师的Javascript视频(第22个视频),分享一下学习成果ψ(｀∇´)ψ看下面代码：<script type="text/javascript" charset="utf-8">// 一般情况下，给原型添加属性和方法都是通过Person.prototype.属性名/方法名，// 所以每次都要写Person.prototype.属性名/方法名// function Person(){// }// 一· 简单原型/

2020-10-13 14:18:55 185

原创写博客第二天

哈喽，我又来了，今天我来记录一下昨天的生活O(∩_∩)O。2020.10.117：00起床–写计划表7：15-7：40–早晨运动7：40-8：00–刷牙洗脸，然后到车站等公交车8：00-9：00–坐公交车，其中我有看一会“白贺翔”老师的JS教学资料，然后没忍住，还是睡觉去了，然后到公司吃了早餐。（PS：坐车大概需要40分左右）9：00-12：00–上班工作时间，会完成老板交代的工作，当然偶尔也会放松自己，放松大脑。12：00-13：00–午餐，还有适度休息看点时间。13：00-13：20–我

2020-10-12 14:35:12 333 2

原创写博客的第一天

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-10-11 14:48:47 99

zz_xiaojun的博客