- 博客(50)
- 收藏
- 关注
RSS订阅原创 Cordova+Vue2.0打包apk，保姆教程来袭！
1.环境准备（全部都需要配置环境变量）4.config.xml配置。5.安卓9以上无法发生请求。3.安装cordova。
2023-08-01 18:34:48
1561
1
转载 JavaScript罗马数字转整数
罗马数字包含以下七种字符: I， V， X， L，C，D 和 M。字符 数值I 1V 5X 10L 50C 100D 500M 1000例如， 罗马数字 2 写做 II ，即为两个并列的 1。12 写做 XII ，即为 X + II 。 27 写做 XXVII, 即为 XX + V + II 。通常情
2021-06-08 11:06:45
577
原创 JavaScript判断一个数值是否为回文数
给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。示例 1：输入：x = 121输出：true示例 2：输入：x = -121输出：false解释：从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。示例 3：输入：x = 10输出：false解释：从右向左读, 为 01 。因此它不是一个回文数。示例 4
2021-06-08 10:05:10
1713
1
原创 Vue进阶攻略之vue-cli3配置文件说明
Vue进阶攻略之vue-cli3配置文件说明一.配置文件说明vue-cli3.0致力于Vue生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你就可以专注在撰写应用上，减少配置的时间。查看如下文件，会发现相比于vue-cli2.0少了build与config文件夹，所以vue-cli3提供了一个可选的配置文件 ——vue.config.js。|-- dist # 打包后文件夹 |-- publi.
2021-02-08 15:05:20
307
原创 Vue进阶攻略之使用vue-cli3搭建项目
Vue进阶攻略之使用vue-cli3搭建项目vue创建项目（npm安装→初始化项目）一.npm安装首先：先从nodejs.org中下载nodejs双击安装，在安装界面一直Next直到Finish完成安装。打开控制命令行程序（CMD）,检查是否正常使用淘宝NPM 镜像大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。$ npm install -g cnpm --registry=https://registry.npm.taobao..
2021-02-08 14:01:02
133
原创 Vue进阶攻略之查看项目中vue的版本号
Vue进阶攻略之查看项目中vue的版本号怎么查看前端项目中vue的版本号？找到package.json，找到dependencies，如下：这样就找到项目使用的vue的版本号了
2021-02-08 12:44:52
772
原创 Vue进阶攻略之项目启动命令的配置与切换
VUE进阶攻略之项目启动命令的配置与切换vue启动命令的切换npm run dev和npm run serve的配置使用vue-cli创建的vue项目，3.0以前的都是npm run serve但是3.0以后默认的命令是npm run dev虽然他们的本质对应的都是 vue-cli-service serve命令但是run serve和run dev不统一还是令人很不愉快的。有时间几个不同版本的项目还要不同的命令来启动。修改方法1，找到项目中的 package.json 文件（ Nod.
2021-02-05 15:32:28
1706
原创 Vue进阶攻略之搭建Vue项目
VUE进阶攻略之搭建VUE项目vue创建项目（npm安装→初始化项目）第一步npm安装首先：先从nodejs.org中下载nodejs双击安装，在安装界面一直Next直到Finish完成安装。打开控制命令行程序（CMD）,检查是否正常使用淘宝NPM 镜像大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。$ npm install -g cnpm --registry=https://registry.npm.taobao.org这.
2021-02-05 15:17:29
167
2
原创 递归之Json数据扁平化
使用递归完成结构复杂的多维Json某一数据查找假设有这样一个场景，一个结构复杂的多维Json，你不确定它的下标索引，不确定它的嵌套多少层，只能通过某一属性的属性值来确定它是你要完成业务...
2020-11-18 17:35:53
640
原创 CesiumJS进阶攻略之使用ellipse设置材料
CesiumJS进阶攻略之使用ellipse设置材料一.给ellipse添加图片使用ImageMaterialProperty将图片映射到图像当中，我们使用new Cesium.ImageMaterialProperty来创建需要添加的配置项image属性的值，可以是Url，Canvas，Videocolor设置颜色之后会在图片上覆盖一层设置的颜色repeat向X，Y方向重复的次数<!DOCTYPE html><html lang="en"><head&g
2020-11-06 18:03:59
2968
原创 CesiumJS进阶攻略之Cesium绘制形状
CesiumJS进阶攻略之Cesium绘制形状一.如何使用Cesium绘制正方形？通过entity添加形状， entity通过viewer中的entities加载到场景中，entities是entity的集合对象先来看一个添加立方体的例子： var viewer = new Cesium.Viewer('container'); // entity通过viewer中的entities加载到场景中，entities是entity的集合对象 var r
2020-11-03 21:11:59
1516
原创 CesiumJS进阶攻略之第一个Cesium App
CesiumJS进阶攻略之第一个Cesium App1.首先先安装Http-servenpm install -g http-serve2.启动Http-serve-p是输入一个端口号http-serve -p 8080然后在浏览器中打开该网址就行，注意：端口号后面带上文件名和后缀 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">
2020-11-02 19:16:35
492
原创 CesiumJS进阶攻略之初识Cesium
CesiumJS进阶攻略之初识Cesium一.什么是Cesium？Cesium是一个javascript库，所以它的全面其实叫做Cesium JS,Cesium是开放源代码的，任何个人和企业都可以免费使用。对于Cesium的用途，一句话足以说明问题：用来作为三维空间展示载体，只要项目中需要有诸如三维地球、三维建筑物、三维航线等对象的可视化，都可以用Cesium框架用实现。Cesium支持3D,2D,2.5D形式的地图展示。二.如何使用Cesium？官网地址：https://cesium.co
2020-11-02 18:54:36
914
1
原创 Vue之挂载流程与生命周期
Vue之挂载流程与生命周期一.Vue挂载流程 <div id="app"> {{ msg }} </div></body><script> let vm = new Vue({ el: "#app", template: "<h1>{{msg}}</h1>", //模板 render(createElement) { //渲染.
2020-10-12 19:54:08
2241
原创 JavaScript之深克隆与浅克隆
JavaScript之深克隆与浅克隆一.JavaScript中的内存管理在JS中，每一个数据都需要一个内存空间。内存空间又被分为两种。 栈内存(stock) 堆内存(heap)堆栈空间分配区别：栈：由操作系统自动分配释放存放函数的参数值，局部变量的值等。简单数据类型存放到栈里面。堆：存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。复杂数据类型存放到堆里面。注意：JavaScript中没有堆栈概念，通过栈堆的方式，可以让大家更容易理解代码的一些执.
2020-10-11 20:26:01
1099
原创 JavaScript之防抖节流函数
JavaScript之防抖节流函数所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次（最后一次），如果在 n 秒内又触发了事件，则会重新计算函数执行时间。防抖函数： var num = 0; //防抖函数 debound function debound(callback, wait) { let timer = null return function() { clearTimeout(timer)
2020-10-09 19:45:08
403
原创 前端进阶攻略之Sass
前端进阶攻略之Sass一.SASS是什么？官方回答：世界上最成熟、最稳定、最强大的专业级CSS扩展语言！sass是css预处理器；优点： 用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就 只要 使用这种语言 进行编码工作。通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文 件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题，例如你可以在CSS中使 用变量、简单的逻辑
2020-10-06 10:29:31
497
1
原创 JavaScript中的懒加载(原理简单，代码全网最精简)
JavaScript中的懒加载一.为什么要使用懒加载？像淘宝网站等，页面中有着大量图片，一次性全部加载这些图片会使浏览器发送大量请求和造成浪费。采用懒加载技术，即用户浏览到哪儿，就加载该处的图片。这样节省网络资源、提升用户体验、减少服务器压力。图片懒加载优势：增强用户体验优化代码减少http的请求减少服务器端压力服务器的按需加载图片懒加载原理：先将图片的src设置为同一张图片或者不设置，同时给img标签设置一个特殊属性，例如：data-src用于存放图片的真实预览地址；若图片未进.
2020-09-21 23:29:43
685
原创 解决跨域的三种方法
解决跨域的三种方法一.为什么会产生跨域问题？出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）。当一个请求的url的协议、域名、端口三者只要有一个与当前页面的url不同则会出现跨域问题二.解决跨域的方式2.1在服务端设置请求头，一般都是用于项目测试阶段。Acce
2020-09-20 21:19:02
20168
1
原创 前端进阶攻略之Set与Map
前端进阶攻略之Set与Map一.ES6中的SetES6中提供了Set数据集合，这是一个能够存储无重复值的有序列表。1.创建Set对象可以通过new Set()创建Set对象，传参为一个可迭代对象 const s1 = new Set([1, 2, 3, 4, 5, 6, 7, 3, 6, 1, 2, 5]) console.log(s1) //1 2 3 4 5 6 7如果存放的是原始值：会转换成字符串对象，在进行存储// 如果存放的是原始值：会转换成字符串对
2020-09-15 20:15:29
572
原创 前端进阶攻略之迭代器
前端进阶攻略之迭代器一.什么是迭代器?1.什么是迭代？从一个数据集合中按照一定的顺序，不断的取出数据的过程2.迭代和遍历的区别？迭代强调的依次取出，不能确定可以取出的值有多少，也不能保证去把数据全部取完遍历必须保证数据的长度，循环不断的全部取出，针对于数据量过大的情况下使用遍历，需要时间过长3.迭代器对迭代过程的封装，通常表现为对象的数据形式（也可以使用数组），不同语言中，表现出了的迭代形式不一样4.迭代模式一种编程设计模式，用于同一迭代的过程，并且规范迭代器的格式二.JS原生迭代器
2020-09-12 14:33:36
1773
原创 前端进阶攻略之ES6中反射和代理
前端进阶攻略之ES6中反射和代理在学习ES6中反射和代理之前，先要明白属性描述符和存储器属性的原理，然后理解反射和代理的原理就会非常的简单。一.属性描述符在ES5之前，JavaScript语言本身并没有提供可以直接检测属性特性的方法，比如判断属性是否可读，ES5 增加了属性描述符，可以更细腻的控制属性的不同操作。1.Object.getOwnPropertyDescriptor()Object.getOwnPropertyDescriptor()方法可以查看描述属性的相关信息， 第一个参数为对象
2020-09-12 12:18:10
598
原创 前端进阶攻略之ES6－Promise中的async与await关键字
前端进阶攻略之Promise中async与await关键字在ES6中Promise新增async与await关键字，简化promise的写法与promise结合生成器来简化promise的操作。优点： 简化异步和回调的操作缺点: 只要开始promise就无法中断一.基本用法普通的函数声明async function A(){}声明一个函数表达式let A=async function(){}async形式的箭头函数let A=async ()=>{}async关键字：
2020-09-08 20:01:59
274
原创 前端进阶攻略之ES6中的Promise
前端进阶攻略之Promise一.什么是Promise对象？Promise是异步编程的一种解决方案，比起传统的解决方案（回调函数和事件），它显得更加的强大和方便（具体请看下文）。从语法上来讲，Promise是一个对象，从它可以获取异步操作的消息。Promise对象提供统一的API，各种异步操作都可以用同样的方法进行处理。二.Promise有什么用？大家一致会回答，回调地狱。那什么又是回调地狱？它有什么缺点？回调： 运行某个函数实现某个功能的时候，并传入一个函数作为参数，当发生某件事情时，会执行该函
2020-09-08 19:18:52
155
原创 前端进阶攻略之事件循环&ES6事件队列
前端进阶攻略之事件循环&ES6事件队列事件循环与任务队列是JS中比较重要的两个概念。这两个概念在ES5和ES6两个标准中有不同的实现。尤其在ES6标准中，清楚的区分宏观任务队列和微观任务队列才能解释Promise一些看似奇怪的表现。一.事件循环1.浏览器宿主环境有5个线程:1.1.JS引擎 (js主线程)1.2.GUI线程（布局引擎）互斥状态，相互等待1.3.事件监听线程(onclick)1.4.计时线程(setTimeout)1.5.网络线程(http ,Ajax)2.
2020-09-07 19:56:18
309
原创 深入理解JavaScript执行栈
深入理解JavaScript执行栈一.什么是执行栈？在JavaScript当中函数一旦过多，就有多个函数执行上下文，每次调用函数创建一个新的执行上下文，那如何管理创建的那么多执行上下文呢？JavaScript 引擎创建了执行上下文栈来管理执行上下文。可以把执行上下文栈认为是一个存储函数调用的栈结构，遵循先进后出的原则。执行栈： call stack 一种结构，放的是函数的执行环境，每一次函数执行之前，他的所有内容全部会放到执行栈中，函数调用之前，会创建执行环境，放到执行栈当中，函数调用完成，销.
2020-09-02 15:49:16
1627
原创 前端进阶攻略之ES6中的共享符号与知名符号
前端进阶攻略之ES6中的共享符号与知名符号一.共享符号ES6 提供了“全局符号注册表”。使用Symbol.for()方法可以创建共享符号。Symbol.for()方法仅接受单个字符串类型的参数，作为目标符号值的标识符，同时此参数也会成为该符号的描述信息。Symbol.for() 方法首先会搜索全局符号注册表，看是否存在该键值的符号值。若存在，该方法会返回这个已存在的符号值；否则，会创建一个新的符号值，并使用该键值将其记录到全局符号注册表中，然后返回这个新的符号值。这就意味着此后使用同一个键值去调用
2020-09-01 20:46:52
438
原创 前端进阶攻略之ES6中的Symbol
ES6中的Symbol 一.Symbol基本概念Symbol是ES6中引入得一种新型的数据类型（符号类型），它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值Boolean、字符串String、数值Number、对象Object`1.1.引入Symbol的好处为解决属性名冲突问题而生ES5 中方法和属性的命名：以前，我们给一个对象下的方法或者属性命名的时候，可能会与该对象原有的方法或者属性产生冲突，这样的场景想必大家也很熟悉，我们常用到的解决
2020-09-01 19:25:46
2682
2
原创 前端进阶攻略之ES6中的class类继承extends与super
ES6中的class类继承extends与super一.extends与super的基本语法1、类的继承 extends类可以继承另外一个类。这是一个非常棒的语法，在技术上是它基于原型继承实现的。为了继承另外一个类，我们需要在括号 {…} 前指定 “extends” 和父类，语法如下： class Animal{ constructor (type,name,sex,age){ this.type=type;
2020-08-31 20:46:33
1152
原创 前端进阶攻略之ES6中的class类
ES6中的class类在传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。构造函数示例：//函数名和实例化构造名相同且大写（非强制，但这么写有助于区分构造函数和普通函数）function Person(name,age) { this.name = name;
2020-08-31 20:22:16
288
原创 前端进阶攻略之ES6中的解构赋值
ES6中的解构赋值今天我们来探讨一个新问题：之前在我们开发的过程中，难免会碰到这样的情况：后端传给我们一串数据，然后我们需要对这个数据进行处理。如果是这样的一个数据：let obj = { username:'webpilot', userid:12831, profession:'webDeveloper', region:'beijing'}然后我们需要用变量去保存这些数据，那么我们可能会这么操作：let username = obj.username
2020-08-30 20:20:57
548
原创 前端进阶攻略之ES6中展开&&收集运算符
ES6中展开&&收集运算符一.收集运算符基本用法收集，顾名思义把散列东西收集到一个地方，这个地方ES6规定收集在数组中例如：下面函数fn将传递的参数收集在arg变量中，打印arg是一个数组，里面包含着传来的参数。就像吃豆子一样把值收到自己的嘴里。function fn(...arg){ console.log(arg); //[1,2,3]}fn(1,2,3)上面的代码让我们想起来arguments，也是保存着传过来的参数。但是我们知道arguments对象是
2020-08-30 19:46:17
425
原创 前端进阶攻略之ES6中的参数默认值
ES6中的参数默认值一.基本用法我们都清楚在调用函数的过程中，定义的参数缺失，此参数变量的值则会是undefined。怎么给缺失的参数赋值默认值，在ES6之前，并没有太简洁的方法，如下段代码所示：function myFunction(x, y, z) { x = x === undefined ? 1 : x; y = y === undefined ? 2 : y; z = z === undefined ? 3 : z; console.log(x, y, z)
2020-08-30 19:30:35
1660
原创 前端进阶攻略之ES6中的箭头函数
ES6中的箭头函数一.基本用法1.在ES6 允许使用“箭头” => 定义函数。//ES6箭头函数写法const print1=(a,b)=>{ console.log(a,b); }print1(10,20)//等同于function print(a,b){ console.log(a,b);}print(10,20);2.参数只有一个的时候，可以省略小括号const print = num => { console.log('接收
2020-08-28 17:19:43
219
原创 前端进阶攻略之ES6中let与const
ES6中let与const一.let的基本用法ES6 新增了 let 命令，用来声明变量。 它的用法类似于 var ，但是所声明的变量，只在 let 命令所在的代码块内有效{ let a = 10; var b = 1;} a// ReferenceError: a is not defined.b // 1上面代码在代码块之中，分别用 let 和 var 声明了两个变量。 然后在代码块之外调用这两个变量，结果 let 声明的变量报错， var 声明的变量返回了正确的值。 这表
2020-08-27 19:48:48
180
原创 Jquery分页之（上一页，下一页）
Jquery分页之（上一页，下一页）在工作中我们会经常用到分页功能，除了数据库实现分页查询和调用分页插件，前端也可以实现分页查询，接下来就有我来带着大家实现一个简单的分页效果。分页就是将将过多的结果在有限的界面上分好多页来显示，这个是很多网站常用的功能，也是最基本的功能。1.首先当页面加载完成时,要将数据进行排列，假如你要将5条数据分为一页的话，那么页面加载完成时第一页就显示5条数据，同理要将10条数据分为一页的话，也是一样的。如上图效果，第一页的分页就完成了。 functi
2020-08-25 22:35:32
6655
原创 AJAX-设置同步
AJAX-设置同步一.同步方式与异步方式的区别：1.1.同步方式发送请求：发送一个请求，需要等待响应返回，然后才能够发送下一个请求，如果该请求没有响应，不能发送下一个请求，客户端会一直处于等待过程中。1.2.异步方式发送请求：发送一个请求，不需要等待响应返回，随时可以再发送下一个请求，即不需要等待。二.AJAX如何设置同步请求众所周知ajax 是异步的,但是在某些特殊的情况下,需要 ajax 支持同步请求,即先执行完 ajax 请求再执行下面的代码.2.1如何设置ajax为同步2.1,情
2020-08-24 16:04:32
12725
原创 AJAX-页面无需刷新技术
AJAX-页面无需刷新技术一 什么是ajax？1.1.Ajax即“Asynchronous Javascript And XML”(异步JavaScript 和XML)，是指一种创建交互式网页应用的网页开发技术。Ajax=异步JavaScript和XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新。 这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新（ 无刷新技术）。传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面。
2020-08-22 13:03:50
2398
原创 2天学会Bootstrap，让框架不再成为你的难题
2天学会Bootstrap，让框架不再成为你的难题前端框架：JS框架：基于js的，如：jquery库 ， vue ， reactUI框架：基于css的，封装好了成千上万个class，如：bootstrap ， mui ，elementUI一.什么是Bootstrap？1.Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bo
2020-08-13 20:29:14
899
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人