KLbluegreen-优快云博客

原创 export、export default、import

export 语句从模块导出函数、对象或原始值，以便让其他程序可以通过 import 语句使用它们。1、命名导出// 导出test.jslet aa == '';function bb() {}export { aa, bb,}// 引入import { aa, bb } from './test.js';引入也必须使用相同的名字；可以导出多个变量。2、默认导出// 导出 test1.jsexport default function() {

2021-02-10 11:39:27 280

原创 call() 和 apply() 的理解及应用实例

一、定义：fun.call(thisArg, arg1, arg2...)，call调用fun函数，thisArg是函数fun里的this指向；arg1、arg2为指定的参数列表。fun.apply(thisArg, [arg1, arg2...])，apply调用fun函数，thisArg是函数fun里的this指向；arg1、arg2为指定的参数。this始终指向的是最终调用它的对象：用call、apply调用的函数后，才能知道this具体指向的是什么。两者的作用都是改变this指向，只

2021-02-09 17:27:41 378

原创初探闭包及例子

每次外部函数执行完，就会被内存彻底销毁，所以每次调用外部函数都是创建了一个新的地址指针，即一个全新的函数，对变量是没有保存功能的；而闭包则不会被销毁，也就拥有了保存功能，会将外部函数最终得到的值存储下来。下面有几个例子增加理解：1、闭包的存储功能// 正例var a = 0;function outerFn(){ return function innnerFn(){ a++; console.log(a); };}var inner =

2021-02-09 14:48:44 254

原创使用$nextTick、$set的原理（双向绑定）

一、实现双向绑定主要做了三件事监听data（Observer），有变化就通知订阅者（Watcher）订阅到了变化的data，将其和DOM节点结合起来，编译成一个js对象，形成虚拟DOM（即源码中的document fragment）所有变化都已对应完成，继而进行视图更新（即把 document fragment 变成实际的DOM树）二、$nextTick在执行响应式时，一个data的变化就创建一个Watcher，同一个Watcher被多次触发只记录一次，都被放入同个数组中，并且同一时间只.

2021-02-08 16:53:54 1089

原创 vue的动态组件

<component :is="true ? 'component1' : 'component2'" :demodata="demodata" @demoEvent="demoEvent"></component>demoData可以只用于其中某一个组件，组件emit的方法可以都被监听到。// 相当于用 v-if 和 v-else 切换两个组件<component1 v-if="true" @demoEvent="dem.

2021-02-08 14:19:31 155

原创 sass选择器

一、嵌套1、简单嵌套#father { background: pink; .child1 { color: orange; } .child2 { color: green; }}2、用&标识符的嵌套#father a { color: pink; &:hover { color: orange; }}让父元素下所有的a标签都拥有hover效果。3、群组选择器的嵌套#father { h1, h2, h3

2021-02-08 10:35:13 1207

原创 git的常规使用

工作中最常用到的是：git add .，git commit '备注'，git pull，git push；分别是：添加到暂存区，提交到本地，拉取远程代码，推送到远程仓库。而且基本都是在分支上进行一个阶段的开发，开发完成并通过业务测试再合并到主分支上。以下是我用过一两次的，但好像中间实际操作过程中还是会出现一些问题，原因是git还不熟练，我也在学习中；互助。1、创建仓库并上传项目（已注...

2020-04-22 11:11:11 328

原创初尝async/await

1、优点：方便级联调用；使用类似于同步代码的编写方式；可以一次传递多个参数；同步代码和异步代码可以一起编写；基于协程；是对Promise的优化。2、级联调用、同步代码方式、传递参数/*** @description 返回花费的时间* @params n，表示这个函数执行的时间（毫秒）* 返回的值会在async/await调用时让前一个方法的结果作为后一个的参数* n + 10...

2020-03-20 14:21:23 210

原创富文本编辑器学习笔记

后台管理中需要用到富文本编辑器，参考iview后台学习了一下wangeditor，直接记录在vue项目中的写法，单页面写法其文档里有。1、首先需要一个有id的div盒子好放编辑器----<div id="editor"></div>2、在页面挂载时创建Editor对象mounted () { this.editor = new Editor('#edito...

2020-01-17 18:01:09 764

原创 git合并分支一直出现“Already up to date”的问题

个人的问题是没有理解了命令执行完毕后实际代表着什么，可能已经合并好了，但是没有理清关系，还以为没有合并好，就一直重复做相同的事。通过以下这种方式解决了也稍微清晰了一些。在开发的分支上写入一个test.text文件用来测试用；在存放分支的文件夹下打开命令行工具； git status：查看现在分支的状态，会提示有一个未提交的文件； git add te...

2019-08-26 18:57:03 21963 10

原创微信小程序概念性笔记一

1 生命周期onLaunch()--小程序启动后会被执行。onLoad--页面渲染后执行，可以操作的是页面渲染完的逻辑操作。onLoad:function(options){} 页面加载完毕触发onReady:function(){} 页面渲染完毕触发onShow:function(){} 页面开始渲染触发onHide:function(){} 页面切换到后台触发...

2019-03-07 14:34:03 273

原创 CSS概念性笔记

选择符1 ID选择符2 类选择符3 标签选择符4 相邻兄弟选择符：h1+p5 子元素选择符：E1>E26 后代选择符（包含选择符）：E1 E2【自我理解：后代和子元素选择符区别：前者可以写多个层数，后者只能是父>子。】7 通配符：*8 属性选择符：E1[attr]、E1[attr=value]、E1[attr~=value]、E1[attr|=val...

2019-03-07 14:33:18 197

原创 vue项目中加载使用腾讯地图

在vue-cli脚手架搭建的vue项目里使用到了腾讯地图。看了腾讯地图的官方给出的API（https://lbs.qq.com/javascript_v2/index.html）敲了一遍代码，才有点感觉写一个总结点的东西。使用前需要在index.html里引入<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&am...

2019-02-13 17:40:16 11455 2

原创新手Web前端--我的学习成长的已经、须经、必经之路

现在入公司快两个月的时间了，目前做的是小程序的开发，本人因为技术有限，只能完成html+css的布局，js部分还很薄弱，经过公司大牛指点，给自己定了一个学习的目标和计划，也夹杂着自己的想法，在这里分享给和我一样，不知道该往哪里走的童鞋们。从0开始学习到找到工作的过程，看标题就可以，小字是我的唠叨，加粗的也还比较有意义吧 ^-^1、学习前端，最开始肯定是从html、css开始这时我有一...

2019-01-16 09:38:47 635 2

原创微信支付

1 在小程序后台开通微信支付2 获取用户信息并进行支付请求wx.login({ //调用接口获取登陆凭证，通过凭证（code）来获取用户登陆信息。 success: function(res){ if(res.code){ wx.request({ //请求数据 ...

2018-11-20 17:59:27 316

原创微信身份证拍照

需求：将身份证正反面拍照无需识别，并显示在页面中。功能实现：需要用到组件camera显示相片，其所包含的参数有属性名类型默认值说明最低版本 mode String normal 有效值为 normal, scanCode 2.1.0 device-position String back 前置或后置，值为...

2018-11-20 14:52:22 939

原创微信的视图层--wxml与wxss

数据绑定1 简单绑定：{{}}；属性绑定：都是在双引号内写入{{}}。2 运算在{{}}内支持进行三元运算、算数运算、逻辑判断、字符串运算。列表渲染&条件渲染列表渲染-- wx:for，条件渲染-- wx:if 。用在block标签上，和将wx:if 放到block标签上的用途的一样，都是用来渲染一个包含多节点的结构块。wx:key wx:for 后若希望列表中...

2018-11-15 15:39:34 832

原创微信的逻辑层--全局app、非全局page、模块化

全局配置app.json决定页面文件的路径（pages）、窗口表现（window）、设置网络超过时间（networkTimeout）、设置多tab（tabBar）等。App(Object)--全局上App()函数用来注册一个，接收的参数是指定小程序的生命周期回调等。必须在app.js中调用，且只能调用一次。参数说明：onLaunch 监听小程序初始化，在小程序初始化完成时触发...

2018-11-15 13:46:05 677

原创 promise的学习

进行ajax请求时，返回值的时间可能不同，就需要等待。有多个ajax请求并需要用到上一个的值作为参数，就会变成一个灾难，也成为回调地域。因此，需要叫做promise的东西解决这个问题。除了回调地域外还有一个需求，即为了使得代码更加具有可读性和可维护性，需要将数据请求与数据处理明确区分开来（即把执行代码和处理结果的代码清晰地分离）。1 Promise对象new Promise(functi...

2018-10-28 20:00:41 219

原创 http请求的学习

http通信过程，主要分7个步骤：1 建立TCP连接http工作之前，浏览器先通过网络与Web服务器建立连接，通过TCP（有三次握手）完成。2 Web浏览器向Web服务器发送请求命令建立了TCP连接后，就向服务器发送请求命令。3 Web浏览器发送请求头信息再以头信息的形式向服务器发送些信息来描述浏览器自己，以及一空白行来通知服务器该头信息已结束。若是post请求，还会发送请...

2018-10-28 12:52:58 344

原创提交表单后跳转到想要的页面--jQuery form

表单提交的问题一直困扰着我这个新手，现在也算学习了不少，解决了我现在有的问题 —— 提交了表单之后将数据给到后台并且让前端页面跳转到想要的页面或出现想要的内容。用到了 jQuery Form Plugin，表单提交的第三方插件，为了更方便的管理和提交表单。（官网：http://plugins.jquery.com/form/）借鉴：https://blog.youkuaiyun.com/m0_3750...

2018-09-12 14:17:05 29555

原创初次完整的 Vue 项目中出现的问题 -- npm ERR! code ELIFECYCLE

新手-我最近在练习做一个完整的 Vue 的小项目（构思、实现、可以上线），第一次尝试把本地和网络做一个连接-- git --是为了将项目放到网上进行管理，出错时可以进行回滚等恢复，。这也是第一次写博客。记录错误：安装 vue-cli ，创建项目的过程中出现的一个问题是 vue init webpack my-project 之后报类似这样的错误（出错时没截图就想着百度了，是从搜索过的里面...

2018-09-10 10:44:56 23937 4

KLbluegreen的博客