- 博客(23)
- 资源 (5)
- 收藏
- 关注
RSS订阅转载 js中的装箱和拆箱操作
装箱操作： 把基本数据类型转换为对应的引用类型的操作拆箱操作： 把引用类型转换为基本数据类型的操作上面两个概念只是简洁的实质总结，可能看完后大家心里会产生疑问，到底怎么样叫装箱操作和拆箱操作呢？下面我们一起带着这个疑问往下看~~装箱操作首先我们要知道在js中有三个基本包装类型：Number String Boolean下面看一个例子： var str="hell...
2019-12-04 16:46:15
436
原创 关于flex-grow，flex-shrink的计算
在介绍flex-grow，flex-shrink的计算之前，先明确两个概念：元素的实际宽度 = 元素的左边框+元素的左内边距+元素的内容宽度+元素的右内边距+元素的右边框； 元素的总占宽度 = 元素的左外边距+元素的左边框+元素的左内边距+元素的内容宽度+元素的右内边距+元素的右边框+元素的右外边距；同时也可以先思考一下元素的padding、border、margin、box-sizing...
2019-10-11 04:03:52
842
原创 常见排序算法和搜索算法的js实现
/**排序和搜索算法 * 以下算法实现顺序为从小到大 * 以下算法按照一般情况下性能逐渐提升排列的 * 首先要学会如何排序，然后在搜索我们需要的信息*//** * 冒泡排序 * 最简单但是运行时间最长 * 思想：比较所有相邻的两项，如果第一个比第二个大，则交换它们。元素项向上移动至正确的顺序，就好像气泡升至表面一样，冒泡排序因此得名 * @param {*} array...
2019-09-23 18:31:47
253
原创 js 浅拷贝、深拷贝（包括循环引用情况）
1、首先讲述一下为什么分为浅拷贝和深拷贝。 js中数据类型分为原始类型和引用类型。原始类型即保存在栈内存中的简单数据段，这种类型值是直接存储在内存中的。而引用类型值则是保存在堆内存中的对象，栈内存中存储的是指向堆内存中对象的地址，因此引用类型的值实质保存的是指向一个堆内存对象的地址指针。而正是因为引用类型的这种机制，导致我们在复制一个引用类型变量时，其实复制的是一个地址指针，因此复...
2019-09-21 16:05:53
2496
4
原创 js类型判断
1. typeof (可准确判断原始类型，对引用类型判断不够精准)typeof 'str' === 'string'; //stringtypeof 1 === 'number'; //numbertypeof undefined === 'undefined'; //undefinedtypeof true === 'boolean'; //booleantyp...
2019-09-18 19:42:39
287
原创 ES6+ 兼容性列表
检查在各个浏览器中哪些特性可用：ES2015(ES6) : http://kangax.github.io/compat-table/es6/ES2016+ : http://kangax.github.io/compat-table/es2016plus/
2019-07-09 18:15:24
2546
原创 你不知道的JavaScript(上) - this
1 关于thisthis关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。1.1 为什么要用thisfunction identify(){ return this.name.toUpperCase();}function speak(){ var greeting = `Hello, I'm ${ident...
2019-07-05 19:14:35
211
转载 js中的常用运算符规则和隐式类型转换
在 JavaScript 中，当我们进行比较操作或者加减乘除四则运算操作时，常常会触发 JavaScript 的隐式类型转换机制，下面将介绍javaScript的数据类型及执行运算时遵循的类型转换规则。一、javaScript 数据类型：（1）值类型(基本类型、原始值)：Undefined(未定义)、Null(空)、Boolean(布尔)、Number(数字)、String(字符串)、Sy...
2019-03-04 14:05:55
746
转载 跨域问题
1. 跨域问题广义上的跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，例如：资源跳转：a链接、重定向、表单提交； 资源嵌入：<link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链； 脚本请求：js发起的ajax请求、dom和js对象的跨...
2019-02-21 15:09:27
248
转载 js高阶函数
一、高阶函数(Higher-order function)高阶函数其实并不复杂，对于学习javaScript的小伙伴，可能已经使用过却不自知。了解高阶函数之前可以先了解函数式编程和一等函数两个概念。1. 函数式编程(Functional Programming, FP)函数式编程是一种编程方式，函数编程支持函数作为第一类对象，有时称为闭包或者仿函数（functor）对象。实质上，闭包是...
2019-02-21 15:08:15
447
原创 js的原型、原型链
一、javascript继承机制在Javascript语言中，new命令后面跟的不是类，而是构造函数(javaScript语言的传统方法通过构造函数定义并生成实例对象，ES6中新增了Class语法糖，通过对象模版定义和生成实例对象)。用构造函数生成实例对象，有一个缺点，那就是无法共享属性和方法。每一个实例对象，都有自己的属性和方法的副本。这不仅无法做到数据共享，也是极大的资源浪费。因此Java...
2018-10-30 02:56:05
185
原创 js中的call()、apply()、bind()
class Person {constructor(name, age){this.name = name;this.age = age;}toString(address, todo){return `${this.name}的年龄是${this.age}, 来自${address}, 喜欢${todo}`}}let person = new Person('...
2018-10-28 23:09:47
197
原创 flex布局
传统的css布局是基于css盒模型，依赖display、position、float等属性的布局方案，有稳定的跨浏览器兼容性，但在某些布局方面仍存在限制，例如：在父内容里面垂直居中一个块内容；使容器的所有子元素占用等量的可用高度/宽度，且不需要关心容器高度/宽度的限制；使多列布局中的所有列采用相同的高度，即使每一列内容不同。而flex布局使的这些布局问题得到更容易的解决。1. flex布局...
2018-10-28 17:52:21
800
原创 css盒模型、浮动
一、css盒模型1. 盒(框)模型介绍(1) 文档的每个元素被构造成文档布局内的一个矩形框，框每层的大小都可以使用一些特定的css属性调整。相关属性如下：content：框内容显示区域，包括框内的文本内容以及表示嵌套子元素的其他框； width：设置内容的宽度，还有min-width，max-width两个属性可设置内容的宽度限制； height：设置内容的高度，还有min-h...
2018-10-28 14:41:06
360
原创 工程构建
一、Cordova工程cordova create hello com.example.hello HelloWorldcd hellocordova plugin add ***cordova platform add ios/androidcordova build ios/androidcordova run android二、React工程：使用 create-...
2018-10-27 23:11:01
392
原创 toString()与valueOf()
1. toString()toString() 方法返回一个表示该对象的字符串。每个对象都有一个toString()方法，当该对象被表示为一个文本值时，或者一个对象以预期的字符串方式引用时自动调用。默认情况下，toString()方法被每个Object对象继承。如果此方法在自定义对象中未被覆盖，toString() 返回 "[object type]"，其中type是对象的类型。示例：...
2018-10-27 00:26:31
289
转载 cordova操作软键盘插件：ionic-plugin-keyboard
添加插件：cordova plugin add ionic-plugin-keyboard --save1.软键盘显示监听window.addEventListener('native.keyboardshow', function (e) { // todo 进行键盘可用时操作 //e.keyboardHeight 表示软件盘显示的时候的高度 });2.软键盘隐...
2018-10-27 00:05:35
4380
原创 cordova项目消除手机字体设置影响webApp布局
1. 下载cordova的插件：cordova plugin add https://github.com/phonegap/phonegap-mobile-accessibility.git;2. 在 deviceready 监听事件中添加方法：if(window.MobileAccessibility){window.MobileAccessibility.usePreferredText...
2018-10-16 14:36:04
726
原创 div文字溢出可滑动，不出现滚动条
<div>超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度超出div设定宽度...
2018-09-13 17:55:27
7482
1
原创 css3实现颜色渐变、元素的2D/3D转换(元素的旋转，缩放，移动，倾斜等)、元素转换过渡效果、元素动画
一、颜色渐变：background: linear-gradient(direction, color-stop1, color-stop2, ...);参数：direction: 方向或者角度； color-stop1, color-stop2, ... ：指定渐变的起止颜色，可以使用rgba()函数设定透明色。例：<button class="button"></b...
2018-09-13 17:46:36
923
原创 webpack之proxyTable设置跨域
一、对于同一接口名：let url = 'api/'; webpackDevServer.config.js:proxy: {'/api': {target: 'http://***', //目标接口域名secure: false,changeOrigin: true //允许跨域}} 二、对于多接口名：let url = 'api/'; ...
2018-08-02 14:29:19
603
转载 JS封闭函数、闭包、内置对象
一、变量作用域变量作用域指的是变量的作用范围，javascript中的变量分为全局变量和局部变量1、全局变量：在函数之外定义的变量，为整个页面公用，函数的内部外部都可以访问。2、局部变量：在函数内部定义的变量，只能在定义该变量的函数内部访问，外部无法访问。函数内部访问变量时，先在内部查找是否有此变量，如果有，就使用内部，如果没有，就去外部查找 二、封闭函数封闭函数是ja...
2018-07-19 15:29:51
285
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人