node爬虫(牛刀小试)

新建一个js文件 引入相关的插件superagent、cheerio、superagent-charset。通过cheerio可以使用jq获取dom的方法来处理请求到的爬虫数据 const koaRequest = require('koa2-request') /...

2019-05-27 23:09:54

阅读数 17

评论数 0

vue使用echarts(数据可视化)

安装 npm install echarts --save 按需引入并在.vue文件中使用 <!-- --> <template> <div class='echart'> <...

2019-05-26 20:25:23

阅读数 39

评论数 2

高德地图sdk的使用之路线规划

在之前的vue-amap的使用中发现了一些不足的地方,就是不支持路线规划,因此另寻它法最终找到了高德地图sdk的方式(当然了如果能直接vue-amap实现功能的话还是觉得vue-amap比较方便) index.html中引入高德地图sdk的cdn <script type=&q...

2019-05-25 22:37:48

阅读数 18

评论数 3

vue高德地图TypeError: v.w.uh is not a constructor错误

这是由于地图实例是异步加载的当.vue文件开始加载地图的时候地图还没完成初始化而获取不到地图实例造成的。 错误代码 main.js(初始化地图) import Vue from 'vue' import VueAMap from 'vue-amap' Vue.use(VueAMap); Vu...

2019-05-25 21:41:57

阅读数 41

评论数 4

vue使用高德地图组件

安装 npm install vue-amap 引入使用和配置(记得先去申请一个高德地图的账号) import VueAMap from 'vue-amap' Vue.use(VueAMap); VueAMap.initAMapApiLoader({ key: '3b576d...

2019-05-25 20:55:08

阅读数 17

评论数 0

vue-cli3.0设置页面icon图标

最近做的一个项目中在用vue-cli3.0创建项目的时候不小心选择了pwa这一个插件,碰到了不能设置网页图标的问题。 在最新的vue-cli3.0直接在index.html中设置icon是不行的,需要在vue.config.js中设置一个pwa属性。 pwa: { iconPath: ...

2019-05-25 11:20:00

阅读数 27

评论数 0

关于vue单页面seo优化的方案之预渲染

今天学习了简书上的一个单页面应用seo优化的方法。 前后端分离之后,前端各大框架展露头角完美的开发体验也带来了一些问题比如seo,单页面应用相比之前的php,jsp的服务端渲染方式来说是一大不足。为了让我们的项目能让更多的人看到对于seo的优化显得非常的重要。 下面是引用了一位简书博主的方法。在...

2019-05-23 17:03:28

阅读数 15

评论数 0

vue监听vuex的store值的变化

直接上代码 computed: { getStoreItem () { return this.$store.state.test } }, watch: { getStoreItem () { con...

2019-05-20 19:38:41

阅读数 94

评论数 0

js的深拷贝和浅拷贝

最近在面试碰到了不少自己不懂的东西这里记下来, 在写代码之前要先了解一下js的数据类型分为基本类型(字符串)的值和引用类型的值(数组,对象)基本类型当我们let a = 1,b = a,b = 3的时候a和b是完全独立的,这时候的b不是指向内存中的a而是新建一块内存b引用类型当我们像上述的方法改...

2019-05-20 19:14:33

阅读数 9

评论数 2

react-router-dom之异步加载路由

这篇文章跟https://blog.csdn.net/qq_40816649/article/details/90172681衔接 在一个spa单页面应用中如果项目较小的话异步组件可能影响不大,但是如果是一个大的react单页面项目如果没有使用异步组件,页面会在第一次加载的时候加载所有项目中所有...

2019-05-13 15:15:08

阅读数 34

评论数 2

react-router-dom路由入门

react的路由和vue个人感觉有很大的不同,感觉vue-router比react-router-dom简单,react-router-dom比较绕。安装 npm install react-router-dom --save 入口文件中做如下配置;其中react-redux是状态管理。 ...

2019-05-13 14:50:45

阅读数 13

评论数 0

create-react-app脚手架使用scss

使用create-react-app安装完项目之后。 执行npm install sass-loader node-sass --save-dev安装sass这两个相关的插件。 写一个scss文件 直接在组件中引入scss文件 将工程跑起来然后查看页面 好了愉快的写样式吧!!!...

2019-05-09 15:32:02

阅读数 16

评论数 0

react-redux的使用

react-redux是之前的博客说过的redux的封装插件,使redux能完美的运用到react中。安装 npm install --save react-redux 引入 在index.js入口文件中引入并改写index.js调用react-redux的Provider作为标签使用并绑定...

2019-05-09 14:15:57

阅读数 9

评论数 0

redux的使用以及redux devtools调试工具

redux和vuex一样是用于管理全局共享数据的工具。 调试工具 工欲善其事必先利其器,打开谷歌浏览器 点击这三个点->更多工具->扩展程序 点开这个 打开chrome网上商店搜索Redux DevTools并安装。出现下面这个图标说明安装成功了 ...

2019-05-08 17:05:33

阅读数 14

评论数 2

React Transition Group官方过渡动画的使用

react官方提供了React Transition Group这个动画框架供开发者使用。https://reactcommunity.org/react-transition-group/ 安装 npm install react-transition-group --save 引入 ...

2019-05-07 17:44:31

阅读数 7

评论数 0

react生命周期函数

和vue一样react也有在某一个时刻会对应执行的生命周期函数。 这里我将react的生命周期分为三大部分 初始化生命周期 compionentWillMount(组件即将被挂载到页面前执行) render(组件渲染) componentDidMount(组件挂载到页面上时执行) prop...

2019-05-07 14:48:37

阅读数 13

评论数 1

react的ref获取dom元素

刚开始学习react,也不知道是运气好还是运气不好,一开始挑了vue作为主要的框架vue的操作还是算比较简单的在三大框架中(拿来即用)。而react相对来说会比较复杂一点涉及到的js原理性的东西也比较多包括es6等等。 从vue到react会感觉有很多东西感觉比较新没有见过比如每个事件要bind...

2019-05-07 11:58:26

阅读数 16

评论数 1

react的调试工具React Developer Tools

学习了vue之后在学习react会有一种熟悉的感觉,上手会比较快。 在Chrome浏览器中有vue的调试工具那么相对应的肯定也有react的调试工具。 三个点点开->更多工具->扩展程序 搜索React Developer Tools 安装完成之后就是这样...

2019-05-07 11:41:54

阅读数 12

评论数 2

小程序canvas循环绘制内容的问题

这次的业务逻辑中要用到小程序canvas。 这个canvas的要求是一段文字中间会加入一张图片然后在接下去写一段文字内容。并且文字和图片是随机出现的,因此只能用for循环来做。这里有一个问题就是canvas绘制文字的速度比绘制图片的速度快很多,一个for循环之后,for循环中的文字绘制已经执行完了...

2019-04-23 22:18:21

阅读数 63

评论数 2

微信小程序滚动到顶部

<scroll-view scroll-y style="height:100vh" bindscrolltolower="loadmore" scroll-top="{{page == 0}}"> &...

2019-04-23 21:59:38

阅读数 931

评论数 2

提示
确定要删除当前文章?
取消 删除
关闭
关闭