daixiangcn
码龄8年
  • 1,714,949
    被访问
  • 179
    原创
  • 55,650
    排名
  • 801
    粉丝
关注
提问 私信

个人简介：研究生在读，前端开发工程师，CSDN程序员研修院讲师，CSDN博客专家，创业公司项目经理。江苏省第四届“互联网+”大学生创新创业大赛二等奖获得者，第二届、第三届微信小程序应用开发大赛全国三等奖、华东赛区二等奖项目作者，青年大学习数据分析系统、防艾检测云平台“快乐速检”、锋火云疫情病原体检测移动登记系统、自助提货平台“我要提货”项目负责人。

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

戴翔的技术博客

博客描述：
生活不仅有眼前的苟且，还有苟且之后的代码……
查看详细资料
  • 7
    领奖
    总分 2,919 当月 107
个人成就
  • 博客专家认证
  • 获得1,029次点赞
  • 内容获得309次评论
  • 获得3,808次收藏
创作历程
  • 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篇
兴趣领域 设置
  • 前端
    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
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

前端本地存储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
原创
发布博客 2021.11.08 ·
135 阅读 ·
2 点赞 ·
0 评论

JavaScript中Webpack的使用

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

JavaScript ES6 Module模块

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

JavaScript ES6 Promise对象及其应用

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

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

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

JavaScript通过原型链实现继承

JavaScript通过原型链实现继承
原创
发布博客 2021.10.15 ·
58 阅读 ·
0 点赞 ·
0 评论

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

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

JavaScript函数节流锁

0. 实现步骤在函数外部设置锁的初始状态；需要加锁的函数内部，判断锁状态；需要加锁的函数内部，关锁；需要加锁的函数内部，定时器开锁；1. 实现代码实现代码如下所示：var oBtn = document.getElementById('btn');var oList = document.getElementById('list');// 设置锁的初始状态var lock = true;oBtn.onclick = function () { // 需要加锁的函数内部，判断
原创
发布博客 2021.10.12 ·
162 阅读 ·
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)
原创
发布博客 2021.10.11 ·
146 阅读 ·
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=
原创
发布博客 2021.10.09 ·
695 阅读 ·
5 点赞 ·
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{
原创
发布博客 2021.10.08 ·
186 阅读 ·
1 点赞 ·
2 评论
加载更多