竹取*-CSDN博客

原创 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 1615 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 2544 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 2915 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 2745 59

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

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

2020-07-01 19:51:04 1437 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 601

原创 Promise的使用

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

2020-07-01 10:05:36 395

原创组件间的数据传递

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

原创 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 1568 61

原创 JS闭包

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

2020-06-20 16:26:35 231

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

原创仿写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 1997 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 299

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

原创百度地图的使用

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

TA关注的人

LWH8011的博客