竹取*-CSDN博客

原创 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 1594 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 2539 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 2912 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 2740 59

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

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

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

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

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

2020-07-01 19:21:59 591

原创 Promise的使用

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

2020-07-01 10:05:36 388

原创组件间的数据传递

父传子父通过属性方式传递，子通过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 403

原创 VUE基础

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

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

原创 JS闭包

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

2020-06-20 16:26:35 225

原创 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 226

原创仿写jQuery总结

闭包使用匿名函数||闭包实现局部变量避免变量的全局污染(function(){})()window全局方法window.$=window.jQueryjQuery无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 1971 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 290

原创 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 175

原创百度地图的使用

初始化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 517

TA关注的人

LWH8011的博客