自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 问答 (2)
  • 收藏
  • 关注

原创 webpack的使用详解

概念 本质上,webpack是一个现代javascript应用程序的静态模块打包器 核心webpack.config.js 入口 entry 出口 output filename 文件名称 path 地址 mode模式 development 开发模式 production 产品模式 plugins 插件 html-webpack-plugin 处理html文件 使用 --const htmlWebpackPlugin = require(“html-webpack-plugin”

2020-07-27 19:05:02 1273 40

原创 小程序开发总结

熟悉小程序界面配置 sitemap.json --站点地图 微信搜一搜里面哪些页面可以展示,哪些不能 project.config.json --项目配置 app.js --全局的业务逻辑 app.json --全局的小程序配置 app.wxss --全局的样式 pages --存放页面的文件夹 ---index 首页页面文件夹 index.js 首页的业务逻辑 index.json 首页的配置 index.wxml 首页的模板(html) in

2020-07-27 18:54:26 2365 46

原创 VUE脚手架cli

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 脚手架安装 1.安装node.js 进入官网下载(安装过程全部默认) 2.测试node是否安装成功,打开cmd,输入node -v,出现版本号即安装成功,检测npm安装,npm -v 3.配置下载源 全局安装nrm(npm i nrm -g) 注册淘宝下载源(nrm use tao) 通过nrm ls可以查看所有的源 4.安装vue脚手架 npm install @vue/cli -g 测试vue是否安装成功,vue -V 创建vue的

2020-07-10 11:04:00 2752 74

原创 Ajax底层原理与jQuery中的Ajax

Ajax 是异步的xml 和javascript,是一种综合技术。 利用 XMLHttpRequest(xhr)和后端进行数据交换。通过js 动态的渲染页面实现网页异步局部更新 同步与异步 同步代码会按顺序执行,当前面代码未执行完毕,后续代码不会执行,会阻塞代码执行 异步不会阻塞代码 XMLHttpRequest(xhr) 创建xml对象 var xhr = new XMLHttpRequest(); 打开HTTP连接 xhr.open(method,url,aync=true) 监听xh

2020-07-03 15:52:01 2428 59

原创 工作后需了解的互联网专业名词(前端)

参加工作后,大家一起开会讨论项目,当老大说到一些互联网专业名词时,而你听不懂是不是很尴尬,下面来了解一下常见的互联网专业名词 B/S:Browser/Server 即浏览器/服务器模式,开发时的产品是浏览器到服务器的,例如一些系统或者网站,需要在浏览器中打开 C/S:Client/Server 即客户端/服务器 这就需要开发专门的app,移动端或者PC端的app,用到的技术就比较复杂 ToB:开发的项目面向企业或公司,例如各种管理系统、技术负责的图表较多 ToC:开发的项目面向客户或者说普通用户,对开发者

2020-07-01 19:51:04 1196 1

原创 前端中必须掌握的HTTP请求

http http就是客户端与服务端传输文本的一种协议。http协议是无状态的,它的默认端口是80。与http相近的就是我们很熟悉的https,https协议是采用加密传输,它的端口默认是443。(本文写的可能有些粗略,敬请批评指正) 那么http的请求方法有哪些呢? GET方法(常用) 用于获取信息页面 post方法(常用) 用于上传、修改、添加服务端信息 put方法 用于修改 delete 用于删除 head 只返回头信息 trace 用于回显服务器收到的请求,主要用于测试或诊断 connect HT

2020-07-01 19:21:59 337

原创 Promise的使用

什么是promise,哪些应用场景 承诺,是异步编程的一种解决方案.所谓Promise,它本身就是一个容器,里面保存着异步操作的结果,它有三种状态: pending(进行中) resolved(成功) rejected(失败 Promise.all() //实现当所有的图片全部加载完毕,才显示在页面中 Promise.race() //实现谁先加载完毕就显示谁 获取容器结果:.then()//兑现承诺的回调||.catch()//拒绝承诺的回调 <!DOCTYPE html> <

2020-07-01 10:05:36 310

原创 组件间的数据传递

父传子 父通过属性方式传递,子通过props属性接收 <Step :num="5"></Step> props:{type:Number,default:1} 子传父 子通过发送事件 this.$emit('numchange',this.count) 父通过监听事件,$event为事件传递的参数 <Step @numchange="$event"></Step> 全局传递(非父子关系) 空vue事件方法传递$on $emit bus.

2020-07-01 10:03:32 315

原创 VUE基础

vue基础 vue概念 是一套用于构建用户界面的渐进式前端框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 vue组成 模板(视图) 业务逻辑 指令 联系模板与业务逻辑 指令 文本显示 {{}} v-text v-html="" 可以渲染html标签 条件渲染 v-if v-else-if v-els

2020-07-01 10:01:09 1356 61

原创 JS闭包

闭包 概念 函数的执行依赖于变量的作用域,这个作用域是在函数定义时决定的,而不是函数调用时决定的,为了实现这种词法作用域,JS函数对象的内部状态不仅包含函数的代码逻辑,还必须引用当前的作用域链。函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性叫做闭包 闭包是指有权访问另一个函数作用域中变量的函数 (函数套函数)1.函数作为一参数被传入2.函数被当做返回值返回 作用 可以在函数的外部访问到函数内部的局部变量 让这些变量始终保存在内存中,不会随着函数的结束而自动销毁 闭

2020-06-20 16:26:35 101

原创 JS原型与原型链

JS原型与原型链 背景介绍 1.构造函数 构造函数,是一种特殊的方法。主要用来在创建对象时初始化对象。每个构造函数都有prototype(原型)属性 function Person(name,age,gender){ this.name = name; this.age = age; this.gender = gender; this.say = function(){ alert(this.name);

2020-06-20 16:21:03 98

原创 仿写jQuery总结

闭包 使用匿名函数||闭包 实现局部变量避免变量的全局污染 (function(){})() window全局方法 window.$=window.jQuery jQuery无new化操作 function jQuery(){ return new jQuery.prototype.init() } jQuery.prototype.init=function(){ return this; } jQuery.prototype.init.prototype = jQuery.proto

2020-06-20 16:17:51 1775 56

原创 仿写jQuery

了解原型与闭包的概念后,可以试着手写jQuery <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .red{color: red;} .blue{color: blue;} .bold{font-weight: bold;} </style> </head>

2020-06-20 16:15:22 119

原创 this指向问题

this指向问题 script标签中的this指向window 全局变量和全局方法前面都省了一个window。 <script> console.log(this); </script> 函数中的this 普通函数中的this指向window 函数中的this,要看执行时候的上下文环境,谁调用函数,this就指向谁 setInterval中的this指向的是window setInterval是window全局对象的一个方法 箭头函数指向的是函数上一层作用域中的this 类中

2020-06-16 15:03:55 105

原创 百度地图的使用

初始化 1.注册开发者账号 2.导入百度地图 <script type="text/javascript" src="http://api.map.baidu.com/api? v=3.0&ak=xXG1mRKBlEuHLGQ8fkRe7Li5XgkCFTxA"> </script> 3.准备存放地图div <div id="container"></div> 4.创建地图 var map = new BMap.Map("container");

2020-05-27 19:37:12 294

空空如也

空空如也

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

TA关注的人 TA的粉丝

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