刚刚好吧-CSDN博客

原创微信小程序电话相关使用

小程序电话相关使用<-- html --><view> <button bindtap="makeCall">呼叫用户</button> <button bindtap="addPerson">添加联系人</button> <button bindtap="choose">选择操作</button&...

2020-04-14 14:12:45 633

原创刚刚好使用高德地图

高德地图API使用1、初始化地图到页面<script type="text/javascript"> let center = [117.000923, 36.675807] let map = '' window.init = function() { // 地图初始化 map = new AMap.Map('map', { center, zoom...

2020-04-09 10:08:08 475

原创 diff算法小解析

一、diff算法1、DOM概念我们所见的页面，是由一个一个的标签渲染到页面的，在虚拟dom会将整个页面结构视为一颗dom树，并且提供的新旧dom树，可以进行对比，以提高dom渲染性能2、diff算法 diff（different）算法对比新旧dom树，用新dom修改后的地方替换对应旧dom的地方tree diff作用：遍历dom树，由上至下遍历，对比新旧dom树，遍历一...

2019-12-02 11:09:50 422

原创改变hash的五种方法

一、location的方法1、利用location的hash属性location.hash = 'now'代码演示使用前：使用后：由上两张图可见，使用之后改变了链接中的hash值2、使用html5中的history方法1） pushState方法history.pushState({}, '', 'now')2）replaceState方法history.replac...

2019-11-25 10:04:08 7754 1

原创 Vue父子组件间传递数据

一、父组件向子组件传递数据（三步）1、创建Vue实例和子组件<template id="cpn"> <div> <h2></h2> </div></template><script type="text/javascript"> const cpn = { template: '#cpn',...

2019-11-13 11:52:21 264

原创 Vue实现双向绑定的2种方法

一、双向绑定的原理 vue实例中data的数据能实时更新到页面，同时，在页面修改渲染的数据时，vue实例中data的数据也会修改二、双向绑定方法1、使用v-bind和v-on<div id="app"> <input type="text" :value="message" @input="change"/> <h2>{{message}}&l...

2019-11-12 11:21:56 1186

原创 JS对数组的15种操作方法

一、在数组中添加元素1、在数组末尾添加一个元素let arr = ['a','b','c','d']arr.push('e')// arr = ['a','b','c','d','e']2、在数组末尾添加多个元素let arr = ['a','b','c','d']arr.push('e','f','g')// arr = ['a','b','c','d','e','f','...

2019-11-11 17:25:03 918

原创 vue的v-for数组赋值中key的作用原理

代码实例未添加key属性的代码<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <ul> <li v-for="item, inde...

2019-11-11 11:20:21 938

原创 JQ无缝轮播分享，极简版

JQ轮播主体结构三层结构最外层：一个div盒子，给定宽度，也可以后期通过js给宽度，并添加有overflow：hidden属性，因为这是轮播的区域，而轮播的总宽度大于此宽度第二层：也是个div盒子，这是轮播内容的直接父级，此盒子的宽度不给（或者给定一个足够大的宽度，如：99999px），没给宽度的情况下，通过js，根据轮播内容动态的给予宽度，此盒子需要定位（position:rela...

2019-10-19 22:31:06 147

qq_41339192的博客