- 博客(135)
- 收藏
- 关注
RSS订阅原创 javascript装饰器模式 --- 2022-11-21
/** * 概念：装饰者模式 * 在不改变原对象的基础上，通过对其进行包装拓展(添加属性或者方法)使原有对象可以满足用户对更复杂需求 */// 1、为输入框增加新需求// 原来代码// 输入框元素var telInput = document.getElementById('tel_input');// 输入框格式提示文案var telWarnText = document.g...
2022-11-21 00:29:48
170
原创 javascript适配器模式----2022-11-20
/** * 概念：适配器模式 * 将一个类(对象)的接口(方法或者属性)转化成另外一个接口，以满足用户需求，使类(对象)之间接口 * 的不兼容问题通过适配器得以解决 */// 1、juqery 适配器// window.A = A = jquery// 2、适配异类框架// 假如有这么一个A类框架// 定义框架var A = A || {};// 通过ID 获取元素A....
2022-11-20 23:16:20
223
原创 javascript之外观模式 -- 2022-11-20
/** * 概念：外观模式 * 为一组复杂的子系统接口提供一个更高级的统一接口 * 通过这个接口使得子系统接口的访问更容易。在Javascrip中有时也会用于对底层结构兼容性做统一封装来简化用户使用 */// 案例---使用外观封装一个点击事件，使其兼容IE浏览器和常用的浏览器，即兼容性封装// 外观模式实现function addEvent(dom, tyoe, fn) { ...
2022-11-20 01:14:04
190
原创 javascrip之单例模式----2022-11-19
// 1、命名空间// 解决的问题：明明空间解决了人们定义变量的时候起名冲突或者词汇匮乏的问题var Ming = { g: function(id) { return document.getElementById(id) }, css: function(id, key, value) { // 简单样式属性设置 t...
2022-11-19 23:53:30
140
原创 语言之魂---- 原型模式 2022-11-18
/** * 原型模式概念 * 原型模式就是将原型对象指向创建对象的类，使这些类共享原型对象的方法与属性。 * 当然javascript是机遇原型连实现对象之间的继承，这种继承是基于一种对属性或者方法对共享，而不是对属性和方法对复制。 */// 案例一：创建一个焦点图也就是轮播图// 图片轮播类var LoopImages = function(imgArr,container) ...
2022-11-18 23:41:30
77
1
原创 分即是合-----建造者模式
/** * 建造者模式。关心的是创建对象的整个过程，比如我们创建一个人， * 我们创建的结果不仅仅要得到人的实例，还要关注创建人的时候，这个人应该穿什么衣服 * 男的还是女的，兴趣爱好是什么。 * 下面我们创建一位应聘者的实例 */// 创建一位人类var Human = function (param) { // 技能 this.skill = param &...
2022-11-18 22:01:11
72
原创 在开发uniapp 编译至微信小程序的过程中报错
“pagesOthers/pointsExchange/pointsExchange” has not been registered yet.看到别人说要吧 下图中勾调掉，尝试了 一下果然好了。在开发uniapp 编译至微信小程序的过程中报错。
2022-11-09 14:17:19
13491
原创 一文搞定webpak5.0 基础环境搭建配置篇（二）
webpak5.0 基础环境搭建配置篇书接上篇讲到我们搭建了一个webpack 基础环境，但是这个环境看起来根本没有用，每次都要去改dist 中的html, 很是不方便，于是webpack 配置来了。那如何去使用webpack 配置呢。1、webpack配置首先我们需要在根目录建个webpack配置文件mac命令如下touch webpack.config.js在文件中我们写入下面这...
2022-11-09 13:22:09
182
原创 一文搞定webpak5.0 基础环境搭建（一）
webpak5.0 基础环境搭建1、搭建webpack 基础编译环境的第一步首先要安装webpack 和webpack-cli 脚手架npm install webpack webpack-cli --save-dev2、脚手架安装完成后，我们要初始化一个webpack 项目首先要建一个文件夹，这个文件夹不能命名为webpacknpm init -y3、我们需要在文件夹中创建几个文件i...
2022-11-09 11:13:02
183
原创 2022-09-27- uniapp-app 开发踩坑总结
uniapp-app 开发踩坑总结1、 iOS 设置宽 100% 和 paddding:20rpx 会出现下侧滚动条2、uniapp 可以通过方法获取图片属性，包括宽高，此获取方式属于异步获取3、可以通过 uniapp 获取系统属性，属于异步获取4、瀑布流实现逻辑，为左侧一列，右侧一列，根据每一列的高度，去判断下一个元素是去左边还是去右边5、下拉刷新配合 swiper 在 app 上面会...
2022-09-27 09:40:28
732
原创 vue-router 手动更改路由后 active不能监听到
解决方案：使用： :default-active="$route.path" 更改默认路由<el-menu router background-color="#336666" text-color="#ffffff" active-text-color="#336666" :default-active="$route.pa...
2021-11-16 19:23:19
656
原创 vue-router路由，狂点路由，重复路由会报错
路由报错图：image.png解决方案：import VueRouter from 'vue-router'// 处理狂点报错const VueRouterPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(to) { // @ts-ignore return VueRout...
2021-11-16 19:21:09
347
原创 tree组件 通过一个id 去查询其所有上级数据并返回一个数组
tree组件 通过一个id 去查询其所有上级数据并返回一个数组1、前提是父级和子级数据有关联2、本代码实现是使用ts实现的所以有些类型校验。import BOrgTreeVO from 'model/remote/org/tree/BOrgTreeVO'import BTreeVO from 'model/remote/basic/BTreeVO'class LoopTree { ...
2021-11-05 10:36:47
580
原创 vscode如何设置自动保存时自动格式化代码
Vscode 快速格式化代码: shift+alt+f也可以设置 当我们 保存页面的时候自动格式化代码:1)文件 ------.>【首选项】---------->【设置】；image.png2)2)搜索emmet.include;image.png3)在settings.json下的【工作区设置】中添加以下语句："editor.formatOnType...
2021-10-25 14:16:34
245
原创 egg学习笔记
安装egg我们推荐直接使用脚手架，只需几条简单指令，即可快速生成项目(npm >=6.1.0):mkdir egg-example && cd egg-examplenpm init egg --type=simplenpm i启动项目:npm run devopen http://localhost:7001目录结构egg-project├── pack...
2021-09-26 15:39:02
692
原创 typescript带来了哪些优势？
1、image.png问题图image.png正确图ts的静态类型使得我们在编写代码的时候就可以提示一些潜在的问题2、image.pngjs 代码没有提示data后面需要跟什么image.pngts使得我们知道data里面有什么。3、image.png通过一些静态类型的声明使得我们能够更好的阅读代码，知道参数对象里...
2021-08-25 12:24:22
324
原创 typescript定义
1、js代码// 动态类型let a = '123'a = 234// 上面代码没问题ts代码// 静态类型let b: number = 123b = '123123'console.log('b',b )image.png此图表示 变量b声明的为number 不能赋值字符串...
2021-08-25 12:14:44
93
原创 变量作用域和内存
原始值和引用值1、原始值: 就是简单的数据类型，储存的是值例如： Undefined 、 Null 、 Boolean 、 Number 、 String 和 Symbol2、引用值：就是由多个值构成的对象，它是保存在内存中的对象，javascript不允许直接访问内存位置，因此是不能操作对象所在的内存空间，所以操作对象其实是操作的对该对象的引用而非对象本身，因此报错引用值的变量是按引用访问...
2021-08-23 17:38:31
175
原创 手写实现一个简易版promise
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-...
2021-08-18 09:33:49
100
原创 vscode 保存自动校验错误并格式化配置代码
{ "workbench.startupEditor": "welcomePage", "editor.tabSize": 2, // "eslint.validate": [ // "javascript", // "javascriptreact", // { // "language": "html", // "autoFix": ...
2021-03-08 09:26:05
665
原创 记录一次使用vue父组件向子组件异步传递数据的坑
1、正常的props 子组件接受数据是没有问题的2、当我们父组件的数据是异步获取的传递给子组件时，此时就会报underfined的错误3、解决办法就是，渲染子组件的时候，我们可以在子组件渲染数据区域的最外层包裹一层，判断我们传递过来的数据是否存在，存在则渲染，不存在不熏染，分享使我快乐...
2020-08-24 17:07:39
380
原创 监听element-ui 中table滚动条的滚动事件
<template> <div> <el-table :data="logList" :show-header="false" row-class-name="table-row-class" max-height="700" ref="table" @row-click="rowClick"> ...
2020-08-20 10:12:24
7678
1
原创 Vue的Vue-ls 封装的本地存储的方法
Vue插件，用于从Vue上下文中使用本地Storage，会话Storage和内存Storage一个vue封装的本地储存的方法。安装NPMnpm install vue-ls --saveYARNyarn add vue-ls使用import Storage from 'vue-ls';options = {namespace: 'vuejs__', // key键前缀...
2020-08-17 10:41:55
469
1
原创 在 vue 的 nuxt 中引入 jquery 库
nuxt如何来引入jQuery库 方法一：安装 jquery 包 安装命令 1npm install –save jquery 配置 nuxt.config.js 1234567…nuxt如何来引入jQuery库方法一：安装 jquery 包安装命令1npm install --save jquery配置 nuxt.config.jsconst webpack = require('...
2020-08-07 15:47:46
519
原创 对象的解构之对象的多层解构
<script> var obj = { name:"张三", data:{ list : [ 1,2,3,4,5,6] } } // 给name 起别名 从obj 中的data中...
2020-08-07 11:10:13
2508
原创 vue自定义指令初探
指令.jpgvue自定义指令初探一、什么是自定义指令自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可复用的。在vue中，除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。有的情况下，对普通 DOM 元素进行底层操...
2020-08-04 18:44:48
121
原创 使用$emit传递多个参数
$emit传递一个参数时、子组件：this.$emit('closeChange',false);父组件：<posilCom @closeChange="closeCom($event)"></posilCom>closeCom(msg) { this.msg = msg;}$emit传递多个参数时子组件：this.$emit('closeChang...
2020-05-28 13:26:30
3156
原创 命名的规范
使用前注意事项：1、由于Java面向对象编程的特性, 在命名时应尽量选择名词2、驼峰命名法（Camel-Case）: 当变量名或函式名是由一个或多个单字连结在一起，而构成的唯一识别字时，首字母以小写开头，每个单词首字母大写（第一个单词除外）。如：myFirstName**一 包名的书写规范 （Package） **推荐使用公司或机构的顶级域名为包名的前缀，目的是保证各公司/机构内所使用的包...
2020-05-27 10:43:08
242
原创 学习笔记
翻看的文章，都是注意点mapActions 必须放在 methods中，因为 action 或者 mutation 都是方法.mapAction 里面事store 里面的集合，所以使用ES6中解构赋值的方法进行获取我们所需的方法。解构赋值不太了解的，点击这里: https://juejin.im/post/5c02b106f265da61764aa0c1#heading-6mapA...
2020-05-26 18:17:38
84
原创 Centos出现-bash: unzip: command not found的解决办法
利用unzip命令解压缩的时候，出现-bash:unzip: command not found的错误。unzip——命令没有找到，其原因肯定是没有安装unzip。利用一句命令就可以解决了。命令是：yum install -y unzip zip安装成功后就可以使用unzip命令了。 ...
2020-04-24 09:51:43
149
原创 快捷键生成文档注释的方法
image.png例如这样的注释快捷键/** 就可以了用法待补充 。。。参考：https://www.cnblogs.com/Garven/articles/7161797.html文档:https://jsdoc.app/index.html ...
2020-04-22 13:38:14
531
原创 记一次自动化部署方案，方案来源别人
一、使用fe-deploy-cli 脚手架工具前提条件能通过ssh连上服务器即可全局安装fe-deploy-clinpm i fe-deploy-cli -g查看版本，表示安装成功。二、 初始化deploy initimage.png配置文件部署配置文件位于deploy文件夹下的deploy.config.js, 一般包含dev（测试环境）和pr...
2020-04-20 13:39:11
450
原创 时间戳和newDate()相互转换
//1、15天的时间戳 15* 24 * 60 * 60* 1000// 2、当前时间+15天的时间戳 +new Date() + 15* 24 * 60 * 60* 10003、当前时间+15天的时间戳转换未newDate()// new Date(+new Date() + 15* 24 * 60 * 60* 1000) 15天 ...
2020-04-14 10:55:43
2705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人