自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一位不知名小前端的一些笔记

都是比较久之前的文章了,仅供参考哦~

  • 博客(17)
  • 资源 (3)
  • 收藏
  • 关注

原创 JavaScript算法与数据结构——字典详解

字典是一种以键-值对的形式存储数据的数据结构,接下来我们将使用JavaScript实现字典数据结构。1、定义字典类由于比较字典数据结构比较简单,就直接上代码好了。class Dictionary { constructor () { this.data = [] }}2、add()此方法用于往字典添加元素,需要接受两个参数,键和值 add (...

2018-04-30 21:21:27 880

原创 Vue.JS项目输入框中使用v-model导致number类型值自动转换成string问题的解决方案

Vue.JS项目中v-model导致输入框中number类型值自动转换成string问题的解决方案。问题探讨本人项目中有三个端,web、服务端、设备端,服务端在此项目中只是起到转发web端数据给设备的中介作用,web端数据直接由设备解析。设备端协议要求,web端下发数据时传的是JSON对象转化成的字符串,即这种格式: ,请留意其中的Chn字段,转化后仍需要整形,而不是字符串。 由于...

2018-04-27 21:33:06 22264 5

原创 MAC下MongoDB的安装启动及停止

1、到官网下载安装包地址:https://www.mongodb.com/download-center?jmp=nav#community 下载解压后的文件夹如下: 我们可以将其名称改为mongodb,显得更优雅: 2、移动加压后的文件夹复制mongodb文件夹,点击go to Floder,如下: 在弹出的输入框中输入:/usr/local回车,如下 ...

2018-04-27 00:08:39 6778

原创 JavaScript数据结构与算法——链表详解(下)

在JavaScript数据结构与算法——链表详解(上)中,我们探讨了一下链表的定义、实现原理以及单链表的实现。接下来我们进一步了解一下链表的其他内容。1、双向链表双向链表实现原理图: 与单向链表不同的是,图中增加了小线部分,每一个节点增加了一个指向前驱节点的属性,这样就实现了双向链表。 双向链表中,删除节点不需要知道待删除节点的前驱节点,只要把待删除节点指向前驱节点的属性指向N...

2018-04-23 21:45:59 565 3

原创 JavaScript数据结构与算法——链表详解(上)

注:与之前JavaScript数据结构与算法系列博客不同的是,从这篇开始,此系列博客采用es6语法编写,这样在学数据结构的同时还能对ECMAScript6有进一步的认识,如需先了解es6语法请浏览http://es6.ruanyifeng.com/1、链表定义链表是一组节点组成的集合。每个节点都使用一个对象的引用指向它的后继,指向另一个节点的引用叫做链。 之前我们介绍过列表,如需回顾...

2018-04-23 02:35:05 840 2

原创 Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件

需求分析:如图,有很多高度不固定的模块(图中只显示两个,本人项目有十三个),点击模块标题展开相应的模块,再次点击此模块匿藏,如何实现此需求并实现复用? 点击红框前: 点击后: 难点分析:模块高度不固定。比如,本人一开始找到的方法如下:<!DOCTYPE html><

2018-04-17 18:28:01 5463 8

原创 Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案

1、需求介绍:以下介绍一下实现起来没什么疑问的需求:设备列表为一个主页,点击设备列表中的编辑按钮,进入设备信息主页面,默认打开设备配置页,点击设备状态、设备日志、固件升级,会切换下方内容。 本人对以上需求实现方案:设备列表为一级路由,设备信息主页为二级路由,设备配置、设备状态、设备日志、固件升级在设备信息主页中使用v-if机制切换。1.1、相关路由:1.2、v-if...

2018-04-13 19:51:24 5264 4

原创 JavaScript数据结构与算法——队列详解(下)

接下来会借助本人另一篇文章JavaScript数据结构与算法——队列详解(上)中实现的队列类及其方法实现一个应用。配对问题需求分析:在一个文件中保存着一份男女混合的数据,名称前以B开头表示男士,以G开头表示女士,将文件中的男女读出来,分别放进一个队列,两两配对(比如排成两队,相对的匹配男女朋友),直至有一方人数为0,若刚好双双配对成功,则显示“全部配对完成”,若有人没配对成功,则显示没...

2018-04-09 00:39:50 881

原创 [JavaScript] 多数前端工程师都没注意到的一个关于console.log()的坑

[JavaScript] 多数前端工程师都没注意到的一个关于console.log()的坑 请阅读以下代码并猜测结果: function test() { let obj = {}, arr=[] for(var i = 0; i < 4; i++) { obj.first = i obj.s...

2018-04-08 13:18:52 2337 1

原创 JavaScript数据结构与算法——队列详解(上)

队列基本知识队列是一种与列表很像的数据结构,只是队列只能在尾部插入元素,在队首删除元素。队列用于存放按顺序排列的元素,先进先出,就像食堂排队一样,后来的只能排在后面,先来的先拿饭,一种井然有序的感觉。 对队列的主要操作是入队和出队,即往队尾插入元素以及删除队首元素,此外队列还需要有用于访问队首元素的方法、返回队列长度的方法等等,下面我们将一一实现。JS中队列的实现借助JavaSc...

2018-04-08 00:18:17 1302 2

原创 JavaScript数据结构与算法——栈详解

1、栈基本知识栈是一种特殊的列表,栈的元素只能通过列表的一端访问,这一端成为栈顶,栈具有先进后出的特点,要想访问栈底的元素,就必须将上边的元素先拿出来。对栈的操作主要是入栈和出栈,通过push()和pop()实现。通过pop()还能预览栈顶元素,但是返回元素时,会将该元素从栈中删除,所以需要引入peek()方法,返回栈顶元素,而不会将其删除。2、JS中栈的实现从栈的基本知识可以想到...

2018-04-06 18:24:46 988

原创 Mac bower install bootstrap bug解决

最近都是用vue及基于vue的UI框架,比如Element,有些年没有用BootStrap了,不知怎么的今晚突然想装个BootStrap到自己的小项目看看,使用bower安装时一直报以下错误: /usr/local/lib/node_modules/bower/lib/node_modules/configstore/index.js:54 throw err; ^ ...

2018-04-06 02:51:23 769 4

原创 JavaScript数据结构与算法——列表详解(下),基于Nodejs实现一个列表应用

1、上篇回顾:上篇我们实现了一个列表类,并添加了一些属性,实现了比较多的方法,本文章将与大家一起使用列表实现一个图书借阅查询系统。需要使用JavaScript数据结构与算法——列表详解(上)中写好的列表类List()。如需查看List()类代码说明,请查阅本人列表上篇讲解,这里只给出List的源码,以供接下来写调用: function List() { this.listSize ...

2018-04-05 14:31:15 1814 3

原创 TypeScript初探

TypeScript初探TypeScript是什么?跟JavaScript有什么区别?要不要值不值得学习TypeScript?接下来我将介绍一下TypeScript,将讲述从零开始到HelloWorld的过程,初探一下TypeScript,整个过程下来后,上边的疑问应该都会有个结果。基本介绍TypeScript是微软开发的开源编程语言,是JavaScript的一个超集,扩展了Jav...

2018-04-04 00:23:06 1528

翻译 Some Essential JavaScript Questions And Answers(6)

Some Essential JavaScript Questions And AnswersQuestion11:Write a simple function (less than 160 characters) that returns a boolean indicating whether or not a string is a palindrome.[译]:写一个简单的方法(少于16...

2018-04-03 19:44:08 692 2

原创 JavaScript数据结构与算法——列表详解(上)

列表是一组有序的数据,每个数组中的数据项称为元素。数组相关知识不够了解的伙伴可以阅读本人上篇博客在JavaScript中,列表的元素可以是任意数据类型。列表中可以保存不定数量的元素,实际使用时元素的数量受到程序内存的限制。本文将介绍如何创建一个简单的列表类,将根据给出的列表抽象数据类型定义,实现该抽象数据类型,在列表详解(下)中,将分析几个适合解决的实际问题。1、列表的抽象数据类型定义listSi...

2018-04-03 00:02:35 1005 1

原创 JavaScript数据结构与算法——数组详解(下)

1、二维与多维数组JavaScript只支持一维数组,但是通过在数组里保存数组元素的方式,可以轻松创建多维数组。1.1 创建二维数组二维数组类似一种由行和列构成的数组表格,在JavaScript中创建数组,需要先创建一个一维数组,然后让数组的每个元素也是一个数组,创建二维数组时,起码需要知道要创建的二维数组有多少行,比如: var arr = [] for(var i = 0; i ...

2018-04-01 13:12:56 522 1

mpvue音乐小程序项目源码/mpvue微信小程序demo

此为mpvue框架开发的音乐类微信小程序,歌手及歌曲信息真实线上抓取。下载解压后运行步骤如下: ①:把project.config.json中的appid换成你的appid ②:npm install 安装依赖 ③:npm run dev 运行项目 ④:使用微信开发者工具选择项目下的dist中的wx文件夹,即可预览效果 没有积分的同学可以直接访问本人github获取源码噢~ github地址:https://github.com/XieTongXue/mpvue-music

2018-11-14

vue2.0实现外卖APP商家模块,vue2.0实战项目例子

vue2.0实现外卖APP商家模块,vue2.0实战项目例子,数据为json模拟数据,使用vue-router+vue-resource,并非使用axios。 运行方法:使用npm install 安装项目依赖,安装完成后npm run dev 然后打开启动的服务地址即可。

2018-01-02

H5模拟数字键盘实现第三方支付页

最近做了个第三方支付页,H5+JS+相对单位rem实现(输入金额+模拟数字键盘+自适应布局+大写金额),浏览器后打开请切换成移动视角。

2017-11-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除