自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

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

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

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

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

迭代器方法在上篇中,我们探讨了很多数组方法,接下来总结一下最后一组方法——迭代器方法。这些方法对数组的每个元素应用一个函数,可以返回一个值、一组值、或者一个新数组。1、不生成新数组的迭代器方法以下这组迭代器方法不产生任何新数组,它们要么对数组中的每个元素执行某种操作,要么返回一个值。1.1 forEach()此方法接受一个函数作为参数,对数组中的每个元素使用该函数。 function squ...

2018-03-31 22:13:26 1912 3

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

1、JS中的数组    JS中的数组是一个特殊的对象,用来表示偏移量的索引是该对象的属性,索引可能是整数,但是这些数字索引会在内部转换成字符串类型(因为JS对象中的属性名必须是字符串)。数组在JS中只是一种特殊的对象,效率不如其他语言中的数组高。2、使用数组    JS是一种灵活的语言,数组在JS中也是非常灵活的,接下来对数组的使用做一些总结。2.1、创建数组    要使用数组,第一步就是创建,j...

2018-03-31 14:39:41 1990 3

翻译 Eight Machine Learning JavaScript Frameworks to Explore

Eight Machine Learning JavaScript Frameworks to Explore [译]:8个值得探索的JavaScript机器学习框架In this post, you will learn about different JavaScript framework for machine learning: DeepLe...

2018-03-29 20:11:59 857

翻译 Some Essential JavaScript Questions And Answers(5)

Some Essential JavaScript Questions And AnswersQuestion 9:Discuss possible ways to write a function isInteger(x) that determines if x is an integer.[译]:写一个isInteger(x)函数用于决定x是不是整数,讨论可行的方法有哪些。A...

2018-03-28 23:08:16 717 1

翻译 Some Essential JavaScript Questions And Answers(4)

 Some Essential JavaScript Questions And AnswersQuestion7:What is NaN? What is its type? How can you reliably test if a value is equal to NaN?[译]:NaN是什么?它是什么类型的?如何可靠地测试一个值是否等于NaN?Answer:The NaN proper...

2018-03-28 00:02:41 529

翻译 Some Essential JavaScript Questions And Answers(3)

Some Essential JavaScript Questions And AnswersQuestion5:What is the significance, and what are the benefits, of including 'use strict' at the beginning of a JavaScript source file?[译]:在JavaScript源文件开...

2018-03-27 20:29:15 618 1

翻译 Some Essential JavaScript Questions And Answers(2)

Some Essential JavaScript Questions And AnswersQuestion3:What will the code below output to the console and why?[译]:以下代码在控制台的输出是?为什么?var myObject = { foo: "bar", func: function() { var...

2018-03-27 19:31:32 736

翻译 Some Essential JavaScript Questions And Answers(1)

一些很经典的JavaScript探讨题,分享分享,英语好的可以忽略我的翻译。Some Essential JavaScript  Questions[译]:一些必要的(基本的)JS面试题及答案Question 1:What is a potential pitfall with using typeof bar === "object" to determine if bar is an obje...

2018-03-26 23:59:04 540 1

原创 对JavaScript内置对象arguments的一些见解

深入理解JavaScript内置对象arguments这两天有伙伴问到我关于arguments的问题,使我产生了一种arguments对象容易被学习者忽略的想法,想分享一下自己对于JavaScript内置对象arguments的一些见解(阅读提醒:本文适合对JavaScript中arguments对象 || es6 rest参数了解不多的小伙伴)。说明:    与很多语言不同,JavaScript...

2018-03-26 15:55:15 693

原创 JavaScript设计模式——单例模式的理解与应用

JavaScript设计模式——对单例模式的一些见解JavaScript设计模式主要分类:①创建型设计模式,例如单例模式、工厂模式②结构型设计模式,例如装饰者模式、适配器模式③行为型设计模式,例如观察者模式、访问者模式④技巧型设计模式,例如委托模式、数据访问队形模式⑤结构型设计模式,例如MVC模式、MVVM模式、MVP模式本文讨论的是JavaScript中最常见的设计模式:单例模式,适合对Java...

2018-03-24 06:20:11 476

原创 Vue项目中公用footer组件底部位置的适配问题

vue项目中公用footer组件底部位置的适配问题需求:footer为公用组件,其他页面都需要引入,这是会存在一种情况:有的页面高度很高,footer组件要放在内容的最后;有的页面内容很少,高度很低,footer需要放在浏览器可视窗口的最底部;窗口高度的变化时,footer的位置需要重新调整。可能有的伙伴首先想到的是给footer组件添加: position: fixed; bottom: ...

2018-03-22 11:57:48 9320 2

翻译 [JS Array]Find an item in an array that contains a string and then return that string

[A JavaScript question from stackoverflow.com]question:I have an array of strings.I want to search in that array for and string that contains a specific string.If it's found, return that string WITHOU...

2018-03-21 12:40:07 437

原创 JavaScript递归算法统计(将整数n分成任意两份不能相同的k份)分法的种数

JavaScript递归算法实现将整数n分成k份,任意两份不能相同题目:    将整数n分成k份,且每份不能为空,任意两种分法不能相同,求有多少种分法。例如:n=7,k=3,下面三种分法被认为是相同的:(1,1,5)(1,5,1)( 5,1,1)下面是题目截图:题目由来:    今天公司单元测试培训,期间看到同事(之前从事的是机器学习算法工作)在做算法题,当时叫他发题目给我试试,想了二十分钟左右还...

2018-03-20 23:17:59 2877

原创 JavaScript面向对象——多继承的实现与理解

JavaScript面向对象——实现并理解JavaScript多继承多继承:说明:在JavaScript中继承是依赖于原型prototype链实现的,只有一条原型链,理论上是不支持继承多个父类的。但是!我们都知道JavaScript是及其灵活的,所以可以通过一些技巧来继承多个对象的属性即实现多继承。1:实现一个继承单一对象属性的函数: function inherit(target, sou...

2018-03-18 12:07:55 1547 3

原创 JavaScript面向对象——深入理解寄生组合继承

JavaScript面向对象——深入理解寄生组合继承之前谈到过组合继承,会有初始化两次实例方法/属性的缺点,接下来我们谈谈为了避免这种缺点的寄生组合继承寄生组合继承:思路:组合继承中,构造函数继承时已经继承了父类中除了通过prototype定义的公有属性和方法,也就是说我们需要在原型继承时继承父类的原型而不执行父类的构造函数,这样就避免了组合继承中的缺点。思路有了,如何实现?让我们从名字入手,寄生...

2018-03-18 00:34:11 1011 1

原创 JavaScript面向对象——理解构造函数继承(类继承)

JavaScript面向对象——理解构造函数继承(类继承)构造函数式继承(类继承) function SuperClass(id) { // 引用类型公有属性 this.books = ['JavaScript', 'Nodejs', 'Java'] // 值类型公有属性 this.id = id } ...

2018-03-17 17:35:28 522 1

原创 JavaScript面向对象——深入理解原型继承

JavaScript继承——深入理解原型继承原型继承 // 父类 function School (name, address) { this.name = name this.address = address } // 为父类添加公有方法 School.prototype.getName = function () { ...

2018-03-17 16:38:34 614

原创 JavaScript面向对象——封装及相关原理解析

《JavaScript设计模式》面向对象编程——封装及相关原理解析说明:本人编写js习惯不写分号;文章中的源码可根据自己的编程风格修改。面向对象    面向对象编程就是将你的需求抽象成一个对象,然后针对这个对象分析其特征(属性)与动作(方法),学过C++、Java等语言的伙伴应该比较好理解。封装1:创建一个类方法:    声明一个函数保存在一个变量里,风格上一般开头大写,然后在这个函数(类)的内部...

2018-03-17 07:24:53 1389

原创 Vue2.0 UI框架Element运用之DateTimePicker(el-date-picker)初始值及时间格式转化等细节问题

Element运用之DateTimePicke<el-date-picker>初始值默认值设置及时间转化问题需求:点击更新信息按钮,弹出的对话框中的时间选择器默认选择当前时间(后端返回的是时间戳(this.plant.created_time))注:手册里面说的 default-value,是当你点开选择器之后默认选中的时间(如下图)而不是初始红框中显示的时间。因此本人使用v-mode...

2018-03-15 13:23:29 70194 2

原创 JavaScript函数实现方式大总结

JavaScript函数实现方式大总结,众多的函数实现方式中,你现在用的是哪种?一:例子需求分析实现表单验证功能,验证用户名、邮箱、密码。二:实现方案(13种)①:全局函数方式 function checkName() { // 验证姓名 } function checkEmail() { // 验证邮箱 } function ...

2018-03-13 23:00:47 2131 2

原创 使用CSS3属性aspect-ratio做横屏检测优化用户体验,附demo完整代码

这周龙珠超不更新、今天NBA没雷霆集锦,下班回来略显无聊,原计划看书,但最终还是决定边听歌边写个demo+一篇水文。demo运行:新建一个html文件,扔进去保存后浏览器打开即可。竖屏时结果:横屏时结果:demo比较简单,直接贴代码好了:代码中image为base64格式,可改成你的图片路径。<!--Created by XiaoQiang on 12/03/2018.--><...

2018-03-13 00:06:18 2139 2

原创 “一个字等于多少个字节?”是一个不严谨的问法

“一个字等于多少个字节?”是一个不严谨的问法直接回答一个字等于多少个字节,也是不严谨的答法。相关概念:1、位(bit) 来自英文bit,音译为“比特”,表示二进制位。位是计算机内部数据储存的最小单位。2、字节(byte) 字节来自英文Byte,音译为“拜特”,习惯上用大写的“B”表示。 字节是计算机中数据处理的基本单位。3、字 (word)计算机进行数据处理时,一次存取、加工和...

2018-03-12 13:22:16 120280 41

原创 关于浮点型加减乘除运算不精确的问题

关于浮点型加减乘除运算不精确的问题先举一个遇到这个错误的项目例子:之前做一个小模块,由于后端接口还没有完成,需要自己搭建node服务,返回数据,功能需求是实时更新的,这个小模块中本人没有使用websocket,而是使用了轮询。node服务关键代码如下(每3秒更新一次服务端数据,数据采用增加小数的方式,也就是涉及到了浮点型的加法)前端vue中调用数据后,发现偶尔会出现以下情况:当时有点疑惑,搜索了很...

2018-03-09 18:53:45 10452 3

原创 [待解决]自定义头像时使用vue-cropper进行图片裁剪,得到的是base64格式的图片,如何对接file类型的api接口

[待解决]自定义头像时使用vue-cropper进行图片裁剪,得到的是base64格式的图片,如何对接file类型的api接口百度很多都没用,有想法欢迎指点。

2018-03-09 15:52:18 2664 4

原创 Vue项目如何实现国际化?分享一下基于vue-i18n实现国际化的经验

vue项目如何实现国际化?分享一下基于vue-i18n实现国际化的经验demo源码链接:https://github.com/XieTongXue/how-to/tree/master/vue-internationalization步骤一:安装vue-i18nnpm install vue-i18n --save步骤二:main.js文件的配置,在main.js中添加以下跟vue...

2018-03-09 10:53:16 21835 20

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关注的人

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