- 博客(38)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 javaScript设计模式之简单工厂模式
简单工厂模式(Simple Factory):又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象。假设我们需要计算圆形和矩形的面积两个构造函数Circle和Rectangle，它们分别表示圆形和矩形，并且都拥有一个getArea方法来计算面积。简单工厂函数，它接收一个形状类型shapeType和一个包含形状参数的params对象。根据shapeType的不同，工厂函数会创建并返回相应类型的形状对象。最后用函数来创建圆形和矩形对象，并调用它们的getArea方法来计算面积。
2024-04-12 18:48:38
501
1
原创 TypeScript常用知识点整理
/ts中的类//对被传入的属性进行类型限定say(str) {let Obj = new Person("张三", 28);Obj.say("王五");编译成js之后say(str) {let Obj = new Person("张三", 28);Obj.say("王五");//编译成ts后输出 haha 王五。
2024-04-09 21:29:37
912
原创 javaScript常见对象方法总结
用于合并对象的属性。它可以将一个或多个源对象的属性复制到目标对象中，实现属性的合并。语法 Object.assign(target, ...sources);1,target：目标对象，将属性复制到该对象中。2,sources：一个或多个源对象，它们的属性将被复制到目标对象中。如果存在相同属性名，则后面的源对象将覆盖前面的源对象。
2024-04-09 21:28:35
1079
原创 javaScript链式调用的简单实现
链式调用在JavaScript很常见，比如jQuery、Promise和其它的插件等，都是使用的链式调用。链式调用可以让我们在进行连续操作时，写出更简洁的代码。（或者是另一个可以进行链式调用的对象）。这种编程风格可以使代码更加简洁和易读。实现方式不止这几种，像是递归或闭包也都是可以的。3,类似jquery中的链式调用。1，使用对象进行链式调用。1，使用函数进行链式调用。4,遍历数组进行链式调用。这种调用方式比较简单。
2024-03-14 15:25:08
242
原创 javaScript函数柯里化
柯里化（Currying）的理念，。在js中，柯里化可以创建更灵活、可复用的函数。函数柯里化的关键点在于，，从而做到参数复用的目的。
2024-03-14 15:23:53
241
原创 如何理解JavaScript一切皆对象
每个对象都有一个指向它的原型（prototype）的链接，而原型本身也是一个对象，也可以有自己的原型。这样，就形成了一个原型链。当试图访问一个对象的属性时，如果对象本身没有这个属性，那么JavaScript会沿着原型链向上查找。函数在JavaScript中实际上是一种特殊的对象，它们有属性和方法，也可以被赋值给变量或作为参数传递给其他函数。"JavaScript一切皆对象"的说法，实际上是JavaScript编程语言的一个核心特性和设计理念。数组是带有数字索引的特殊对象，而普通的对象则是由键值对组成的。
2024-03-12 11:36:05
305
原创 javaScript中call()、apply()、bind()的用法
都是用来改变this的指向apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。它们都接受两个参数，一个是在其中运行的函数作用域，另一个是参数数组，其中第二个参数可是Array实例，也可以是arguments对象。参数可以是任意类型，当第一个参数为null，undefined的时候，默认指向window;即B对象调用A对象的方法C.apply(D, [arg1,arg2])或arguments;即D对象应用C对象的方法。
2024-03-06 14:44:43
438
原创 JavaScript中async/await的使用
是 JavaScript 中用于处理异步操作的一种语法糖，它使得异步代码看起来像同步代码一样直观和易读。它是用同步的语法写异步的代码。
2024-03-06 14:44:09
363
原创 javaScript发布订阅模式
发布订阅模式其实是一种对象之间一对多的依赖关系（利用消息队列）。当一个对象的状态发生改变时，所有依赖它的对象都得到状态的改变的通知。订阅者(subscriber)把自己想订阅的事件注册到调度中心(Event Channel)，当发布者(Publisher)发布该事件(publish Event)到调用中心，也就是该事件触发时，由调度中心统一调度(Fire Event) 订阅过者注册到调度中心处理代码。个人理解：有很多学生(相当于订阅者)需要收到学校的通知，但是需要先进老师创建的群(相当于事件中心)。
2024-02-28 22:18:50
286
原创 CSS3弹性布局
弹性布局是CSS3一种新的布局模式，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐，伸缩和分配空白空间。
2024-01-30 10:56:58
2032
原创 JavaScript浅拷贝和深拷贝
1,浅拷贝的是地址指向，原对象修改的时候，新对象的数据也跟着修改，他们指向的是一个对象空间。2,深拷贝：创建一个一模一样的对象，新对象跟原对象不共享内容(新对象和原对象各自独享内存)，修改新对象不会改到原对象。js中浅拷贝和深拷贝所涉及到的知识点和细节还有很多，这里只做了一个简单的整理。
2024-01-28 12:52:25
499
1
原创 vue3常用知识点梳理
6，计算属性与监视属性1，setupvue3中一个新的配置项，值为函数。组件中所用到的数据，方法，生命周期，监视属性，计算属性等都要配置在setup中。setup函数的两种返回值1,若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。2,若返回一个渲染函数：则可以自定义渲染内容。1,尽量不要与Vue2.x配置混用2,setup不能是一个async函数，因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性。
2024-01-24 15:33:05
1148
原创 javascript创建对象和遍历对象的几种方式
1，创建对象1，创建对象对象字面量是在 JavaScript 中使用大括号 {} 创建对象的最简单、最快的方法。使用 new Object() 语法创建对象是 JavaScript 编程中最明确的对象创建方式之一。构造函数用于创建相似对象的多个实例。当需要多个具有相似属性和方法的对象时，构造函数比较合适。比较适合创建共享的公共结构但有不同值的实例对象JavaScript 中的 Object.create() 创建一个具有指定原型和属性的新对象。
2024-01-11 22:26:20
399
2
原创 javascript实现数据双向绑定
Object.defineProperties()方法一次设置或修改多个属性。这个方法接受两个对象参数：第一个对象是要添加和修改其属性的对象，第二个对象的属性与第一个对象中要添加或修改的属性一一对应。
2023-12-29 21:15:01
458
原创 React基本知识点整理
setXxx(value => newValue): 参数为函数, 接收原本的状态值, 返回新的状态值, 内部用其覆盖原来的状态值。(1). setState(stateChange, [callback])------对象式的setState。(2). setState(updater, [callback])------函数式的setState。> 1. 只要执行setState(),即使不改变状态数据, 组件也会重新render() ==> 效率低。
2023-12-03 15:43:55
1067
原创 vue路由传参的三种方式
vue项目中很多情况下需要用到路由传参，想了一下有三种1，query方式2，params方式3，在路由地址后面拼接参数一，query方式//第一步先注册路由import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import Route1 from '@/components/Route1'Vue.use(Router)expo
2021-05-16 13:51:14
922
原创 vuex的使用方法
Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。什么时候需要使用vuex？如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式 (opens new window)就足够您所需了。但是，如果您需要构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，Vuex
2021-04-25 16:41:25
115
原创 vue组件通信的几种方式
vue组件中的通信方式一共有3种，它们分别是：1，父子组件通信2，子父组件通信3，兄弟组件通信一，父子组件通信//这是父组件 里面有一个num，把num传给子组件<template> <div id="app"> <chlidren :num="num"/> </div></template><script>import chlidren from './components/chlidr
2021-04-24 21:37:50
1776
原创 css footer固定在底部
css footer固定在底部，即有内容footer随着内容的高度撑开，如果内容比较少，就直接显示在屏幕的最下面实现方式：给父元素设置相对定位并设置最小高度，给子元素设置绝对对位，并bottom等于0即可,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&g
2020-11-15 21:51:05
617
原创 javascript去掉字符串中的字母
functionLetter(str){varresult;varreg=/[a-zA-Z]+/;//[a-zA-Z]表示匹配字母，g表示全局匹配while(result=str.match(reg)){//判断str.match(reg)是否没有字母了str=str.replace(result[0],'');//替换掉字母...
2019-07-14 14:21:03
8462
原创 js刷新页面随机显示不同的div
又是一个简单的小特效，可能会用的到<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Title</title>
2018-07-07 23:11:20
2387
原创 js实现元素的clone与拖动
js实现元素的clone与拖动有时候还是会遇到的，以下是示例代码<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="textml; charset=utf-8" /> <title>Clone&
2018-06-23 22:18:49
2700
20
原创 微信小程序省市区三级联动
微信小程序省市区三级联动用的还是比较多的，以下是相关代码，还是先上效果图吧结构部分wxml结构<view class="ship_list"> <view class='ship_name'><text>联系人</text><input class='ship_focus' placeholder="姓名" auto
2018-02-06 21:59:58
8736
13
原创 微信小程序选项卡切换
在开发微信小程序的时候，会遇到选项卡切换，这里有一个小例子，可以做为参考，代码如下结构部分:view class="swiper-tab">view class="swiper-tab-item {{currentTab==0?'active':''}}"data-current="0"bindtap="clickTab">热点view>view cla
2018-01-14 13:18:29
11526
2
原创 js实现鼠标跟随效果
在平时开发中，实现鼠标跟随效果并不是很常见，但是在一些个人博客和个人网站中这个效果有时候会用到有些游戏网站中也会用到这个效果。这里分享的是一个例子。代码如下，，注意我这里跟随的是一个图片，也可以根据需要把图片改成自己需要的 * { margin: 0; paddin
2018-01-01 11:17:19
10864
4
原创 js实现整屏滑动效果
js实现整屏滑动效果在开发PC端的时候，还是会遇到的，淘宝上面就有这样的一个效果。这里是简单的实现。代码如下： * { margin: 0; padding: 0; } ul, ol { list-s
2017-12-30 11:00:09
6305
2
原创 判断当前页面是否在微信浏览器中打开
在实际的项目中，有时候需要判断当前页面是否在微信浏览器中打开，以下提示了三种方法，每一种都可以，方法一，var ua = navigator.userAgent.toLowerCase();var isWeixin = ua.indexOf('micromessenger') != -1;if (isWeixin) { return true;}else{ ret
2017-10-23 22:00:29
42446
原创 input输入框点击有边框的解决办法
有时候在项目的开发过程中，我们的需求是input输入框当点击输入的时候不需要input输入框有边框显示这个时候怎么办呢？肯定第一时间想到的是使用border:none;但是这里给input加border:none;是没有任何效果的，但是也只需要一行代码就可以，这行代码就是outline:none;直接在当前的input输入框下面加上outline:none;
2017-10-18 00:26:45
14298
3
原创 微信小程序不同页面之间的传值
我们在开发微信小程序的时候，经常会遇到不同页面之间的传值，而且是百分百的遇到，一般情况下都是页面跳转的传值，我这里有一个示例，示例是在Input输入框中，当用户输入信息之后保存提交，页面进行跳转，同时把刚才用户输入的内容传入到新的页面，1，input输入框和提交按钮 <input class="weui-input" name="uesrname" bindinput="in...
2017-07-15 12:19:38
6479
3
原创 发布网站的详细步骤
1，首先启动VS2010-点击发布网站，然后选择发布的目录文件，选择好之后点确定，这个时候可以看到VS2010的右下角"已启动生成".
2016-06-20 14:36:48
3140
原创 新手发布网站的那点事儿？
本人在开始发布网站之前踩过很多坑，例如在传递身份验证里设置“连接为”。等不必要的操作，还有比如设置Temp和Temporary ASP.NET Files的权限等，还有就是设置。.NET和IIS的安装顺序等发现都无法成功发布，弄了大半天也没有弄出来，后来一直在想，到底是那儿错了，后来就重新发布，去掉了很多没用的垃圾操作。直接发布成功。本示例可以作为新手学习使用，避免和我一样去踩一些没有必要的坑。
2016-06-12 16:09:45
348
空空如也
用阿里云发布网站，在做网站调试的时候出现：执行存储过程时出错：
2016-06-22
在做数据库导出的时候出现了如下问题错误 。
2016-06-17
ASP.NET后台模板的使用
2016-01-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人