前端
竹取*
这个作者很懒,什么都没留下…
展开
-
webpack的使用详解
概念本质上,webpack是一个现代javascript应用程序的静态模块打包器核心webpack.config.js入口 entry出口 outputfilename 文件名称path 地址mode模式development 开发模式production 产品模式plugins 插件html-webpack-plugin 处理html文件使用 --const htmlWebpackPlugin = require(“html-webpack-plugin”原创 2020-07-27 19:05:02 · 1650 阅读 · 41 评论 -
小程序开发总结
熟悉小程序界面配置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 · 2552 阅读 · 46 评论 -
VUE脚手架cli
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统脚手架安装1.安装node.js 进入官网下载(安装过程全部默认)2.测试node是否安装成功,打开cmd,输入node -v,出现版本号即安装成功,检测npm安装,npm -v3.配置下载源全局安装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 · 2927 阅读 · 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 · 2763 阅读 · 59 评论 -
工作后需了解的互联网专业名词(前端)
参加工作后,大家一起开会讨论项目,当老大说到一些互联网专业名词时,而你听不懂是不是很尴尬,下面来了解一下常见的互联网专业名词B/S:Browser/Server 即浏览器/服务器模式,开发时的产品是浏览器到服务器的,例如一些系统或者网站,需要在浏览器中打开C/S:Client/Server 即客户端/服务器 这就需要开发专门的app,移动端或者PC端的app,用到的技术就比较复杂ToB:开发的项目面向企业或公司,例如各种管理系统、技术负责的图表较多ToC:开发的项目面向客户或者说普通用户,对开发者原创 2020-07-01 19:51:04 · 1453 阅读 · 1 评论 -
前端中必须掌握的HTTP请求
httphttp就是客户端与服务端传输文本的一种协议。http协议是无状态的,它的默认端口是80。与http相近的就是我们很熟悉的https,https协议是采用加密传输,它的端口默认是443。(本文写的可能有些粗略,敬请批评指正)那么http的请求方法有哪些呢?GET方法(常用) 用于获取信息页面post方法(常用) 用于上传、修改、添加服务端信息put方法 用于修改delete 用于删除head 只返回头信息trace 用于回显服务器收到的请求,主要用于测试或诊断connect HT原创 2020-07-01 19:21:59 · 616 阅读 · 0 评论 -
Promise的使用
什么是promise,哪些应用场景承诺,是异步编程的一种解决方案.所谓Promise,它本身就是一个容器,里面保存着异步操作的结果,它有三种状态:pending(进行中)resolved(成功)rejected(失败Promise.all() //实现当所有的图片全部加载完毕,才显示在页面中Promise.race() //实现谁先加载完毕就显示谁获取容器结果:.then()//兑现承诺的回调||.catch()//拒绝承诺的回调<!DOCTYPE html><原创 2020-07-01 10:05:36 · 405 阅读 · 0 评论 -
组件间的数据传递
父传子父通过属性方式传递,子通过props属性接收<Step :num="5"></Step>props:{type:Number,default:1}子传父子通过发送事件this.$emit('numchange',this.count)父通过监听事件,$event为事件传递的参数<Step @numchange="$event"></Step>全局传递(非父子关系)空vue事件方法传递$on $emitbus.原创 2020-07-01 10:03:32 · 418 阅读 · 0 评论 -
VUE基础
vue基础vue概念是一套用于构建用户界面的渐进式前端框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。vue组成模板(视图)业务逻辑指令 联系模板与业务逻辑指令文本显示{{}}v-textv-html="" 可以渲染html标签条件渲染v-ifv-else-ifv-els原创 2020-07-01 10:01:09 · 1579 阅读 · 61 评论 -
this指向问题
this指向问题script标签中的this指向window全局变量和全局方法前面都省了一个window。<script> console.log(this);</script>函数中的this普通函数中的this指向window函数中的this,要看执行时候的上下文环境,谁调用函数,this就指向谁setInterval中的this指向的是windowsetInterval是window全局对象的一个方法箭头函数指向的是函数上一层作用域中的this类中原创 2020-06-16 15:03:55 · 192 阅读 · 0 评论 -
百度地图的使用
初始化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 · 564 阅读 · 0 评论