三更村落-CSDN博客

转载如何在react项目中引入百度地图

最近在用react做一个项目，需要使用到地图展示地址，由于之前就有用过百度地图，申请过ak，所以这次就直接用百度地图了。但是之前是使用vue，react怎么使用百度地图还是第一次，特此记录，以备有需要的人。本文首发于本人的个人博客：https://jilezhainanshe.com/posts/4516e45d/ 未经授权，禁止转载。首先去百度地图开放平台申请应用AK，这里就不详细描...

2019-11-18 14:13:00 2621 3

原创 JavaScript 和 CSS 常用工具方法封装

JavaScript1. type 类型判断isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String'}isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice(8, ...

2019-02-22 17:53:24 177

原创在vue中使用superagent封装http请求

// 配置API接口地址// 引用superagentimport request from 'superagent'// import jsonp from 'superagent-jsonp'// import utils from './utils.js'import store from '@/store'import { Toast} from 'vue-ydui/...

2019-02-20 19:54:57 1655

原创 vue自定义全局loading组件

loading.vue<template> <div class="sync-loding" v-show="getLoading"> <div class="ldbox"> <span class="loading"></span> <span class="text">加载中.....

2019-02-20 19:53:51 3738

原创在package.json中配置命令 eslint检测代码风格并自动修复

webpack中配置命令"lint": "eslint --ext .js --ext .jsx --ext .vue client/","lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue client/",安装babel-eslint 和 eslint-loader，在webpack.config.base.js中配置...

2019-02-19 10:22:06 15199

原创自定义一些JS常用工具方法

1、去除字符串左右两端的空格trim: function(str) { return str.replace(/(^\s*)|(\s*$)/g, "");}2、取时间戳createTimestamp: function() { // 取时间撮 // 201508061018417065 var dt = new Date() var y = dt.getFullY...

2019-02-18 11:03:46 347

原创 vue-router中有layout的布局写法

路由数据demoexport default [ '/', '/activity/application', '/activity/change', '/activity/applicationDetail', '/activity/promotion', '/promotion/reimburse', '/promotion/join', '/promot...

2019-02-18 10:11:17 13578

原创 stylus里使用mixin实现1像素边框

1、新建mixin文件 mixin.stylborder-1px($color) position relative &:after display block position absolute left 0 bottom 0 width 100% border-top: 1px solid $color conten...

2019-02-01 18:02:10 552

原创 vue利用Bscroll开发一个城市列表组件，带右侧字母导航栏

先来一张效果图：city.vue<template> <div> <city-header></city-header> <city-search :cities="cities"></city-search> <city-list :cities="cities" :hotCi...

2018-12-23 18:51:50 2001

原创 vue如何使用总线机制解决非父子组件传值的情况

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>非父子组件传值(Bus/总线、发布订阅模式/观察者模式)</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist...

2018-12-23 16:33:56 163

原创 js-验证码插件gVerify.js

源码：!(function(window, document) { function GVerify(options) { //创建一个图形验证码对象，接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id canvasId: "verifyCanvas", //canva...

2018-10-03 13:48:52 509

转载 Javascript异步编程的4种方法

原文链接：阮一峰-Javascript异步编程的4种方法http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html一、回调函数这是异步编程最基本的方法。假定有两个函数f1和f2，后者等待前者的执行结果。f1();f2();如果f1是一个很耗时的任务，可以考虑改写f1，把f2写成f1的...

2018-10-03 13:47:11 115

原创解释同步\异步、阻塞\非阻塞、并行\并发之间的区别

一、同步：执行一个操作之后，等待结果，然后才继续执行后续的操作。异步：执行一个操作后，可以去执行其他的操作，然后等待通知再回来执行刚才没执行完的操作。同步和异步关注的是消息通信机制，所谓同步，就是在发出一个调用时，在没有得到结果之前，该调用就不返回，但是一旦调用返回，就得到返回值了；换句话说，就是由调用者主动等待这个调用的结果。而异步则相反，调用在发出之后，这个调用就直接返回了，所以没有返...

2018-10-03 13:38:40 434

转载 javascript实现将数字转成千分位的方法小结【5种方式】

一、利用正则的零宽度正预测先行断言(?=exp)，名字有点难记，意思是它断言自身出现的位置的后面能匹配表达式exp，对此概念还不明白的可以戳这里，这里不做过多解释。数字千分位的特点是，第一个逗号后面数字的个数是3的倍数，正则：/(\d{3})+$/；第一个逗号前最多可以有1至3个数字，正则：/\d{1,3}/。加起来就是/\d{1,3}(\d{3})+$/，分隔符要从前往后加，就要将前面的数字“8...

2018-10-03 13:38:04 4239

原创移动端禁止用户缩放页面完整meta写法

2018-10-03 13:30:06 12008

原创 EventUtil——跨浏览器的事件对象工具函数

个人博客：jilezhainanshe.comvar EventUtil = { addEvent: function(element, type, handler) { // 添加绑定 if (element.addEventListener) { // 使用DOM2级方法添加事件 element.addEve...

2018-10-03 13:29:10 202

guochao8的博客