JavaScript学习
谭上彪
前端切图工程师
展开
-
JS设计模式之策略模式
JS设计模式之策略模式策略模式是诸多设计模式中最常用且实用的一个,得益于JavaScript 灵活的特性使得策略模式应用起来非常的好用方便。策略模式是什么就不多说了,我们来看个比较常见的需求来体会一下。需求:根据用户不同身份显示相应的值,假设有身份如下:学生教师家长主任校长需要根据身份给一个变量赋值,值为:我是[ 身份 ]通过以上需求我们可以采用最简单直接的方法,用 if 判断。if 判断实现版本// 假设用户身份为 校长const userIdentify = '校长'原创 2021-05-18 00:36:14 · 643 阅读 · 0 评论 -
用原生JavaScript实现的一个选项卡套选项卡切换
先来看一下效果图接下来就是代码结构:HTML结构:<div class="box" id="box"> <ul id='ul1'> <li class="activeNav">最新团购</li> <li>商品特惠</li> <li&原创 2018-06-06 21:13:43 · 483 阅读 · 0 评论 -
原生JavaScript实现一个简单的轮播图功能
效果:HTML结构:<div id="pic" class="pic"> <img /> <span>图片加载中...</span> <p>文本加载中...</p> <ul> <!--JavaScript生成li--&g原创 2018-06-06 21:24:29 · 256 阅读 · 0 评论 -
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 · 282 阅读 · 0 评论 -
原生JavaScript实现的一个简单的图片各种排序功能
效果:HTML结构:<div id="box"> <input type="button" value="从大到小" /> <input type="button" value="打乱顺序" /> <ul> <li> <img sr原创 2018-06-07 15:42:29 · 2033 阅读 · 0 评论 -
分享一套原生JavaScript的基础理论选择题
在这里和大家分享一套含有80道原生JavaScript基础理论选择题,大家一起来从基础学起。(部分答案可能不唯一,如有不足,请大家指出,我一定会好好改进的)百度云链接链接: https://pan.baidu.com/s/1ko3-6eJ0F-VoF_4iJ3FZjw 密码: 9cvq这里是一部分的题,都是基础题,应该不难,希望大家一起坚持学习。1. ( )对象表示浏览器窗口,并可...原创 2018-06-25 07:12:26 · 2398 阅读 · 0 评论 -
原生JavaScript关于变量,作用域的原理和一些练习题
先来了解一下变量及作用域JavaScript的变量与其他语言的变量有很大区别。JavaScript变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变。一.变量及作用域1.基本类型和引用类型的值ECMAScript变量可能包含两种不同的数据类型的值:基本类型值和引用...原创 2018-06-25 11:08:08 · 577 阅读 · 0 评论 -
简单封装的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 · 2784 阅读 · 0 评论