谭上彪-CSDN博客

原创 JS设计模式之策略模式

JS设计模式之策略模式策略模式是诸多设计模式中最常用且实用的一个，得益于JavaScript 灵活的特性使得策略模式应用起来非常的好用方便。策略模式是什么就不多说了，我们来看个比较常见的需求来体会一下。需求：根据用户不同身份显示相应的值，假设有身份如下：学生教师家长主任校长需要根据身份给一个变量赋值，值为：我是[ 身份 ]通过以上需求我们可以采用最简单直接的方法，用 if 判断。if 判断实现版本// 假设用户身份为校长const userIdentify = '校长'

2021-05-18 00:36:14 652

原创自定义 loader 读取 *.vue 文件源码

相关依赖版本：node v10.15.0npm v6.4.1yarn v1.22.10vue-cli v4.5.9@vue/compiler v3.0.4GitHub: vue-source-demo1. 前言（需求）就是想读取 *.vue 文件的源码并高亮展示到页面上，又不想用第三方的依赖（其实是找不到）。2. 实现思路通过 vue-loader 自定义块功能，获取目标文件的文件路径，然后通过 fs 读取源码，再用 @vue/compiler-core 的 API basePa

2020-12-11 01:57:37 5203 8

原创 2020 新版typora-七牛云图床

前言Typora 作为 Markdown编辑器的扛把子，终于更新支持图片自动上传并返回相应的链接。废话不多说，直接看下面效果：看这效果有木有很爽，以后写博客直接导入就OK，妈妈再也不用担心我为图片路径问题发愁了。前期需要：请确保 Typora 已经升级到 0.9.89 或更高：请确保已经在七牛云注册并实名认证。Typora 前期准备下载更新后软件内提供的 PicGo-Core点击图像设置，进行一些简单的配置，配置如下：点击下载 PicGo-Core

2020-05-27 10:48:00 3408 1

原创 vue 自定义指令 -- 移动端 touch拖拽

简介老板：移动端这里加个可以返回首页的按钮，要能可以拖动的。我：好的老板。这个按钮样式有木有要求？老板：你自己看着办。效果嗯。。。自我感觉还可以，应该不用再改，今晚可以准时下班了。代码相关文档：- vue-自定义指令废话不多说，直接上代码。这里都是一些加减法运算，相信大家应该可能都看得懂。drag.js/** * @description 移动端拖拽指令 * @author 谭上彪 * @date 2020-5-21 14:36:13 * */export defau

2020-05-21 16:35:31 3381

原创 ES6基础-为什么要用let和const

如题，为什么要用 let 和 const 呢？在开始这个话题之前，我们先来通过以下的小例子了解一下 JavaScript 中 var 声明及变量提升机制。按照一般逻辑，变量应该在声明语句之后才可以使用，但在上面的代码中，是声明之前输出foo的值，且这个值为undefined，这就说明变量在声明之前就已经存在了。为什么用var会出现这种问题呢？下次我们在讨论。这里就是人们经常说的变量提升，即变...

2020-01-03 07:38:30 4750

原创 Markdown基础语法

一.标题标题是用 # 来表示，一个 # 表示的是一个 H1 标签。以此类推 H1 到 H6 ，就是一个 # 到六个 #。示例：# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题效果如下一级标题二级标题三级标题四级标题五级标题六级标题二.字体斜体斜体是左右一个 * 内容 *加粗文字加粗是左右...

2019-07-09 23:46:29 4940

原创简单封装的Promise异步请求

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Promise异步请求</title> </head> <body> <script type="text/javascript"> // prom...

2019-05-05 11:38:43 2792

原创 10道JQuery的小练习

期末复习的 10 道 jQuery 小练习 1.使用jquery修改div元素的背景色(随意颜色)<body> <div> </div> <script> /* 1.使用jquery修改div元素的背景色(随意颜色) * * */ $('div').css('background',"...

2018-07-03 10:58:53 5803

原创 jQuery+HTML+json+xampp 写的一个简单的table增删改查

演示：开工：第一步先来打开xampp，出现以下界面代表xampp本地服务器开启成功（PS：项目工程要放在xampp文件夹下面的 htdocs 文件夹下面，然后在浏览器输入 127.0.0.1/你的项目名或者输入 localhost/项目名/ xampp下载地址https://www.apachefriends.org/zh_cn/index.html）代码：CSS样式： *{ m...

2018-06-27 09:29:20 616

原创原生JavaScript关于变量，作用域的原理和一些练习题

先来了解一下变量及作用域JavaScript的变量与其他语言的变量有很大区别。JavaScript变量是松散型的(不强制类型)本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变。一．变量及作用域1.基本类型和引用类型的值ECMAScript变量可能包含两种不同的数据类型的值：基本类型值和引用...

2018-06-25 11:08:08 587

原创分享一套原生JavaScript的基础理论选择题

在这里和大家分享一套含有80道原生JavaScript基础理论选择题，大家一起来从基础学起。（部分答案可能不唯一，如有不足，请大家指出，我一定会好好改进的）百度云链接链接: https://pan.baidu.com/s/1ko3-6eJ0F-VoF_4iJ3FZjw 密码: 9cvq这里是一部分的题，都是基础题，应该不难，希望大家一起坚持学习。1. （）对象表示浏览器窗口，并可...

2018-06-25 07:12:26 2430

原创 JavaScript一些常用的正则表达式

最近在学习JavaScript正则表达式，在这里跟大家分享一下个人写的一些正则表达式（每个人的写法不一样，仅供参考，如有不足请大家多指教）验证输入零和非零开头的数字 /^(0?|([1-9]\d+))(\.\d{1,2})?$/验证输入由26个英文字母组成的字符串 /^[a-z]*[A-Z]*$/验证验证身份证号(15位或18位数字) /^(\d{15,18})$|^(\d{17}x)$/i验...

2018-06-22 11:14:41 286

原创原生JavaScript实现的一个简单的图片各种排序功能

效果：HTML结构：<div id="box"> <input type="button" value="从大到小" /> <input type="button" value="打乱顺序" /> <ul> <li> <img sr

2018-06-07 15:42:29 2048

原创原生JavaScript实现一个简单的轮播图功能

效果:HTML结构：<div id="pic" class="pic"> <img /> <span>图片加载中...</span> <p>文本加载中...</p> <ul> <!--JavaScript生成li--&g

2018-06-06 21:24:29 263

原创用原生JavaScript实现的一个选项卡套选项卡切换

先来看一下效果图接下来就是代码结构：HTML结构：<div class="box" id="box"> <ul id='ul1'> <li class="activeNav">最新团购</li> <li>商品特惠</li> <li&

2018-06-06 21:13:43 486

原创 jQuery 和$.ajax 实现一个简单的ToDoList

先来看一下效果：有哪里不足的，请大家多多指教！代码结构如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src=&q

2018-05-29 21:41:26 892

原创墨韵

自己在Boostrap的基础上进行自己原创的一个国学响应式网站，个人觉得总体看起来还是比较大气，古香古色的。用到了轮播图，图片堆叠布局旋转木马效果。先来看一下效果图，有哪些地方不足的，请各位大神多指教1.首页的轮播图2.四书3.五经4.四大名著4-1. 西游记4-2. 红楼梦4-3.水浒传4-4.三国演义5.书法5-1 天下第一行书5-2 书法鉴赏6. 京剧6-1 京剧人物6-2 京剧脸谱7....

2018-05-27 21:15:54 763 1

原创 php学习_2

global 关键字作用：global关键字是用于函数访问全局变量，在函数内调用函数外定义的全局变量，需要在函数中的变量前加上global关键字。小练习：<?php $x = 5 ; $y = 10; function myTest(){ global $x,$y ; //访问定义的全局变量 $x,$y $y = $x+$y ; } my...

2018-05-09 21:02:07 127

原创 php 学习_1

PHP 变量作用域局部和全局作用域 1.全局变量和局部的区分总结：因为之前有学习过JavaScript的对于作用域这一概念有比较深刻体会，所以刚接触php变量作用域这个知识点还是挺容易上手的。语法上的区别还有待深入了解。小练习： <?php /*局部和全局作用域*/ $x = 5 ; /*全局变量*/ ...

2018-05-09 20:03:28 273 1

原创一名初级前端开发人员的感受

唉，不说这么多了，继续学习去。

2018-05-07 23:29:41 1302 4

qq_40411946的博客