daixiangcn
码龄8年
  • 1,542,661
    被访问
  • 179
    原创
  • 2,438
    排名
  • 732
    粉丝
提问 关注
私信

个人简介：前端开发工程师，CSDN程序员研修院讲师，CSDN博客专家，通过腾讯云云开发CloudBase产品认证。江苏省第四届“互联网+”大学生创新创业大赛二等奖获得者，第二届、第三届微信小程序应用开发大赛全国三等奖、华东赛区二等奖项目作者，微信小程序《约车吗》、《庆云慈善会》、《锋云速检》项目工程师。

  • 毕业院校： 三江学院
  • 加入CSDN时间： 2014-05-19
博客简介：

戴翔的技术博客

博客描述：
生活不仅有眼前的苟且，还有苟且之后的代码……
查看详细资料
  • 2,954分
    Beta
    本月已获得 302 分
个人成就
  • 博客专家认证
  • 获得900次点赞
  • 内容获得286次评论
  • 获得2,960次收藏
创作历程
  • 34篇
    2021年
  • 51篇
    2020年
  • 21篇
    2019年
  • 58篇
    2018年
  • 23篇
    2017年
成就勋章
TA的专栏
  • 微信小程序开发
    27篇
  • ASP.NET
    26篇
  • 后端开发
    47篇
  • 系统运维
    28篇
  • 大数据和云计算
    39篇
  • 容器和集群
    2篇
  • 前端开发
    58篇
  • 开发工具
    12篇
  • 数据结构与算法
    3篇
  • Android
  • 小程序
    20篇
  • 网站相关
    20篇
  • 计算机基础
    14篇
兴趣领域 设置
  • 编程语言
    javascript
  • 前端
    javascriptcssvue.jses6前端框架
  • 移动开发
    小程序
  • 网络
    https
  • 小程序
    小程序
  • 职场和发展
    面试
关于博主
作者：戴翔
电子邮箱：daixiang@idcs.vip
gitee： 软件大道
GitHub: Daixiangcn
微信开发者主页： 软件大道
个人简介：戴翔，男，汉族，1996年11月生，江苏泰兴人，2020年12月加入中国共 产党，三江学院计算机科学与技术专业毕业，本科学历，工学学士学 位。通过 腾讯云云开发CloudBase产品认证。三江学院2020年度三江学院榜样力量年度人物，CSDN程序员研修院讲师，CSDN博客专家。国家励志奖学金、校三好学生、校一等奖学金、江苏省第四届“互联网+”大学生创新创业大赛二等奖、微信小程序应用开发大赛全国三等奖获得者。微信小程序《约车吗》、《庆云慈善会》、《锋云速检》项目工程师。
watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9kYWl4aWFuZy5ibG9nLmNzZG4ubmV0,size_16,color_FFFFFF,t_70
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅
搜索 取消

前端本地存储Cookie、LocalStorage、SessionStorage

1.CookieCookie是浏览器存储数据的一种方式；存储在用户本地，而不是存储在服务器上；可以随着浏览器每次请求发送到服务器端。1.1 Cookie的用法1.1.1 写入 Cookiedocument.cookie = 'username=zs';document.cookie = 'age=18';cookie的名称或值如果包含非英文字母，则写入时需要使用encodeURIComponent编码，读取时需要使用解码。document.cookie = `username=${e
原创
发布博客 22 天前 ·
57 阅读 ·
1 点赞 ·
0 评论

JavaScript中Webpack的使用

0.什么是WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。1.Webpack的使用1.初始化项目npm init2.安装Webpack需要的包npm install --save-dev webpack-cli webpack3.配置Webpack在 package.json 文件添加执行编译的命令 "scripts": { "webpack": "webpack" //
原创
发布博客 1 月前 ·
82 阅读 ·
1 点赞 ·
0 评论

JavaScript中使用 Babel 的流程

0.什么是BabelBabel 是一个 JavaScript 编译器，具有以下特性。Babel 本身可以编译 ES6 的大部分语法；ES6 Module 语法一般需要使用 Webpack 来处理；Babel 本身不能编译 ES6 新增的 API，需要借助其它的模块。1.使用 Babel 的流程1.安装 Node.js（https://nodejs.org/en/），在项目根目录初始化项目，生成 package.json 文件。cmdC:\Users\Daixiang\Desktop\de
原创
发布博客 1 月前 ·
1262 阅读 ·
0 点赞 ·
0 评论

JavaScript ES6 Module模块

0.什么是Module历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。ES6 模块的设计思想是尽量的静态化，使得编译
原创
发布博客 1 月前 ·
43 阅读 ·
0 点赞 ·
0 评论

JavaScript ES6 Class的基本用法

0.Class 的基本用法class Person { // 构造函数 constructor(name, sex) { this.name = name; this.sex = sex; } say() { console.log(`我是${this.name}，性别：${this.sex}`); }}const zs = new Person('张三', '男');console.log(zs.name);zs.
原创
发布博客 1 月前 ·
7 阅读 ·
0 点赞 ·
0 评论

JavaScript ES6 Promise对象及其应用

0.Promise是什么ES 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。Promise 是异步操作的一种解决方案；Promise 一般用来解决层层嵌套的回调函数的问题；Promise 解决的不是回调函数，而是回调地狱。1.Promise的状态Promise 对象有三种状态：pending: 初始状态，不是成功或失败状态。resolved/fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。
原创
发布博客 1 月前 ·
79 阅读 ·
0 点赞 ·
0 评论

JavaScript中Set、Map的应用

0 什么是Set、MapSet是一系列无序、没有重复值的数据集合。你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。Map是一系列键值对的集合。Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。1 Set的应用1.1 数组去重例1：JavaScript中的Set，利用其特性，将数组[1, 2, 3, 3, 2, 1]去重后返回。console.log([...new Set([1, 2, 3, 3
原创
发布博客 1 月前 ·
65 阅读 ·
2 点赞 ·
1 评论

JavaScript ES6中的解构赋值

0.什么是解构赋值解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。没有解构赋值之前，将数组中的值分别赋给变量a、b、c需要使用数组下标取值：const arr = [1, 2, 3];let a = arr[0];let b = arr[1];let c = arr[2];console.log(a, b, c); // 1 2 3有了解构赋值之后，将数组中的值分别赋给变量a、b、c不需要使用数组下标：const a
原创
发布博客 1 月前 ·
162 阅读 ·
0 点赞 ·
0 评论

JavaScript中var、let、const的区别

1.重复声明var支持重复声明，let、const不支持重复声明。1.1 varvar a = 1;var a = 2;console.log(a);输出结果：21.2 letlet b = 3;let b = 4;console.log(b);输出结果：Uncaught SyntaxError: Identifier 'b' has already been declared1.3 constconst c = 5;const c = 6;console.log(
原创
发布博客 1 月前 ·
51 阅读 ·
2 点赞 ·
2 评论

JavaScript事件委托批量添加事件监听

0.什么是事件委托事件委托：利用事件冒泡的特性，将本应该注册在子元素上的处理事件注册在父元素上，这样点击子元素时发现其本身没有相应事件就到父元素上寻找作出相应。这样做的优势有：减少DOM操作，提高性能。随时可以添加子元素，添加的子元素会自动有相应的处理事件。1.事件委托的原理事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件。举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，
原创
发布博客 1 月前 ·
60 阅读 ·
3 点赞 ·
0 评论

JavaScript函数上下文规则

1.规则1：对象.方法()对象.方法()对象打点调用它的方法函数，则函数的上下文是这个打点的对象。1.1 案例1function fn() { console.log(this.a + this.b);}var obj = { a: 66, b: 33, fn: fn}obj.fn();输出结果：991.2 案例2var obj1 = { a: 66, b: 33, fn: function () { con
原创
发布博客 1 月前 ·
73 阅读 ·
2 点赞 ·
0 评论

JavaScript通过原型链实现继承

JavaScript通过原型链实现继承
原创
发布博客 1 月前 ·
9 阅读 ·
0 点赞 ·
0 评论

JavaScript数组及非数组对象的深浅克隆

0.什么是浅克隆、深克隆浅克隆：直接将存储在栈中的值赋值给对应变量，如果是基本数据类型，则直接赋值对应的值，如果是引用类型，则赋值的是地址。深克隆：将数据赋值给对应的变量，从而产生一个与源数据不相干的新数据(数据地址已变化)。即对象各个层级的属性。JavaScript中基本数据类型使用符号“=”可以进行克隆，引用数据类型使用符号“=”只是改变了变量的指向，并没有进行真正的克隆操作。1.对数组进行克隆1.1 浅克隆使用for循环进行浅克隆。var arr1 = ['demo', 1, 2];v
原创
发布博客 1 月前 ·
10 阅读 ·
0 点赞 ·
0 评论

JavaScript制作楼层导航效果

0. 本期目标使用JavaScript制作楼层导航效果，实现两个功能：楼层跳转楼层监听1. 功能实现1.1 结构层<div id="box" class="box"> <ul class="list"> <li class="content-part" data-n="栏目一">栏目一</li> <li class="content-part" data-n="栏目二">栏目二</li&
原创
发布博客 1 月前 ·
105 阅读 ·
2 点赞 ·
0 评论

JavaScript通过键盘方向键控制盒子移动

0. 效果图1. 实现代码html<head><style> .box { position: absolute; width: 100px; height: 100px; top: 100px; left: 100px; background-color: orange; }</style></head><body>
原创
发布博客 1 月前 ·
71 阅读 ·
1 点赞 ·
0 评论

JavaScript DOM获取元素节点兼容IE6

0. 子节点返回元素的所有子节点（兼容到IE6）function getChildren(node) { var children = []; for (var i = 0; i < node.childNodes.length; i++) { if (node.childNodes[i].nodeType == 1) { children.push(node.childNodes[i]); } } retur
原创
发布博客 1 月前 ·
17 阅读 ·
0 点赞 ·
0 评论

JavaScript函数节流锁

0. 实现步骤在函数外部设置锁的初始状态；需要加锁的函数内部，判断锁状态；需要加锁的函数内部，关锁；需要加锁的函数内部，定时器开锁；1. 实现代码实现代码如下所示：var oBtn = document.getElementById('btn');var oList = document.getElementById('list');// 设置锁的初始状态var lock = true;oBtn.onclick = function () { // 需要加锁的函数内部，判断
原创
发布博客 1 月前 ·
24 阅读 ·
0 点赞 ·
0 评论

几个简单的算法题

0. 累加求值由用户输入数字n，请计算下面算式的值：3/2+4/3+5/4+…+(n+1)/nvar n = Number(prompt('请输入n值：'));var sum = 0;for (var i = 2; i <= n; i++) { sum += (i + 1) / i;}console.log(sum);1. 计算圆周率∏圆周率∏可以由下面的莱布尼茨级数公式计算出来，请由用户输入参数n,计算圆周率∏∏/2=1+1/3+(12)/(35)+(123)/(357)
原创
发布博客 1 月前 ·
49 阅读 ·
0 点赞 ·
0 评论

html+css实现常见的网页特效

0. 效果预览1. 文字遮罩html<li class="big-grid havehover"> <a href=""> <div class="mask"> </div> <div class="circle"> <p> 城市 </p> <p> CityWalk </p> </div> <div class=
原创
发布博客 1 月前 ·
49 阅读 ·
1 点赞 ·
0 评论

制作网页下拉三角形的方法

0. 效果预览1. 方法1：使用两个盒子构造三角箭头.head nav ul li.have-menu-1 .arrow{ position: absolute; width: 10px; height: 10px; top: 50%; right: 15px; margin-top: -5px; transition: transform .5s ease 0s;}.head nav ul li.have-menu-1 .arrow b{
原创
发布博客 1 月前 ·
52 阅读 ·
1 点赞 ·
2 评论

微信小程序云开发开源项目：在线提货系统

1.效果图示2.使用方式2.1 普通用户2.1.1 提货扫描上图中的小程序码，或者微信搜索“我要提货”，进入小程序；点击小程序首页“扫码提货”按钮，扫描下图中的二维码；进入提货信息填写页面，填写完成提交后即可完成提货。2.1.2 查看订单点击首页“我的订单”按钮或者直接点击导航栏中“我的”菜单；2.1.3 查看物流接上步，点击订单列表中的订单，即可跳转到物流信息页面。如订单状态为“待发货”，则触发系统提示，不进入物流信息页面。2.2 商家2.2.1 生成卡密该功能未完成
原创
发布博客 2 月前 ·
147 阅读 ·
0 点赞 ·
0 评论

微信小程序云开发开源项目：在线捐赠功德箱

环境说明开发工具：微信开发者工具调试基础库：2.19.2目录说明Project├─cloudfunctions 云函数文件夹│ ├─payCallback 微信支付回调函数│ ├─quickstartFunctions│ │ ├─createCollection│ │ ├─getMiniProgramCode│ │ ├─getSwitch 获取显示开关函数│ │ ├─selectSubject
原创
发布博客 3 月前 ·
3078 阅读 ·
2 点赞 ·
2 评论

微信开发者工具导入项目提示：登录用户不是该小程序的开发者

答:

您好，解决方法如文中所示： 微信开发者工具导入项目提示：登录用户不是该小程序的开发者_戴翔的技术博客-CSDN博客_登录用户不是该小程序的开发者 有时候，我们在使用微信开发者工具导入别人开发好的项目时会提示：登录用户不是该小程序的开发者。如下图所示： 这时候，找到“project.config.json”文件，我们需要修改项目中的“project.config.json”文件。 使用记事本或者其他文本编辑器（不要使用word，否则会改变文件内容）打开“project.config.json” 文件，将“appid”设置为自己的a... https://daixiang.blog.csdn.net/article/details/80170421

回答问题 3 月前

颜色值RGB转换为HEX（十六进制）

本文目录RGB-HEX对照表RGB转HEXRGB-HEX对照表RGB的取值范围 [0,255]，HEX的取值范围[00,FF]，下面是RGB-HEX对照表：RGB HEX0 001 012 023 034 045 056 067 078 089 0910 0A11 0B12 0C13 0D14 0E15 0F16 1017 1118 1219 1320 1421 1522 1623 17
原创
发布博客 3 月前 ·
525 阅读 ·
0 点赞 ·
0 评论

js获取URL中GET方式传递的参数并自动填入input

输入框<input type="text" placeholder="输入订单号" id="OrderNo" name="OrderNo"><input type="text" placeholder="请输入邮箱" id="Email" name="Email">获取GET参数<script type="text/javascript">function getQueryVariable() { let query = window.location
原创
发布博客 6 月前 ·
272 阅读 ·
0 点赞 ·
0 评论

表单的单项处理与批量处理操作

单项处理单项（单行）处理时，只需将数据行的主键id值作为入参传入处理函数即可。需要注意的是，添加c:if判断以避免重复处理。<td class="center"> <c:if test="${item.approvalStatus == 'INITIAL'}"> <a class="btn btn-xs btn-success review" title="审核" οnclick="review('${item.id}');"> <i class=.
原创
发布博客 7 月前 ·
99 阅读 ·
0 点赞 ·
0 评论

jsp页面日期格式化

< fmt:formatDate value="" pattern="">value： 要显示的日期，pattern： 自定义格式模式。<fmt:formatDate value="${item.taskTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
原创
发布博客 7 月前 ·
99 阅读 ·
0 点赞 ·
0 评论

jsp状态选择下拉框

jsp页码<td style="vertical-align:top;padding-left:2px;"> <select class="" name="status" id="status" data-placeholder="审核状态" style=""> <option value=""></option> <option value="">全部</option> <option <c:if tes.
原创
发布博客 7 月前 ·
268 阅读 ·
0 点赞 ·
0 评论

jsp返回上一页

history.back(-1) // 直接返回当前页的上一页，表单数据全部消失，是个新页面history.go(-1) // 返回当前页的上一页，不过表单里的数据全部还在<td style="text-align: center;" colspan="10"> <a class="btn btn-mini btn-primary" οnclick="save();">提交</a> <a class="btn btn-mini btn-d.
原创
发布博客 7 月前 ·
134 阅读 ·
0 点赞 ·
0 评论

MyBatis 使用 example 类

​ Example example = new Example(CtcAsyncExportTask.class);​ Example.Criteria criteria = example.createCriteria();MyBatis的逆向工程中会生成实例及实例对应的example，example用于添加条件，相当where后面的部分。example.setOrderByClause("字段名 ASC"); // 添加升序排列条件，DESC为降序example.setDi.
原创
发布博客 7 月前 ·
109 阅读 ·
0 点赞 ·
0 评论