Vue单页面应用优化SEO之预渲染

这里优化SEO重点说vue-cli框架,毕竟是spa项目,所以SEO十分不友好,原因在于它自身并不是静态html,而是由js动态生成的(通过文档碎片劫持的方式以及Object.defineProperties等方法,有兴趣可以去研究研究vue的原理),导致最后打包完成后只有一个光秃秃的静态inde...

2018-12-06 14:06:50

阅读数 75

评论数 0

Vue怒踩微信JS-SDK中配置的坑 - 签名错误

前言 这几天公司需要做微信端h5项目,需要用到微信扫一扫功能,就需要涉及到配置微信JS-SDK的问题,怎么配置怎么生成签名这边就不说了官方文档(https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp142114111...

2018-10-09 14:05:54

阅读数 610

评论数 0

偏门却又实用的 CSS 样式

此文为转载,看到时很喜欢觉得很棒,下面是链接地址链接地址

2018-07-06 16:41:42

阅读数 75

评论数 0

js实现图片粘贴到网页

实现通过按下ctrl + v将粘贴板上的图片粘贴到网页中,话不说直接上代码<!DOCTYPE html> <html lang="en"> <head&...

2018-07-06 15:40:15

阅读数 708

评论数 0

js 实现纯前端将数据导出excel两种方式,亲测有效

      由于项目需要,需要在不调用后台接口的情况下,将json数据导出到excel表格,参考了好多资料以及很多大佬写的博客终于实现,兼容chrome没问题,其他还没有测试过,这边介绍两种实现方式,并附上代码和gif动图,博主不才还望轻喷 方法一 将table标签,包括tr、td等对j...

2018-05-23 14:33:27

阅读数 28885

评论数 17

clip属性参数详解

前面说到图片裁剪主要用到clip属性,是css的clip不是canvas的clip(),这里详细说一下参数的意义w3c是这么介绍的设置元素的形状。唯一合法的形状值是clip : rect (top, right, bottom, left)它是一个css属性,用来进行矩形裁剪,通过传入对应参数,这...

2018-05-15 16:48:50

阅读数 216

评论数 0

Vue 实现图片预览、裁剪并获取被裁剪区域的base64(无组件)

前言最近公司项目需要用到图片裁剪技术,便着手写了一个,可以说是用Vue实现的原生裁剪,毕竟也只是去操作dom,不过vue黑魔法有个ref属性,使用的方法和原生dom一模一样但是更节省dom操作的消耗裁剪思路这边大致介绍一下裁剪图片的思路,通过input[type=file]将图片文件流读取,转换成...

2018-05-15 16:15:45

阅读数 1513

评论数 1

QQ音乐源更换问题

在我前面提到的原有的源上面加个参数 guid=126548448原博客以更新传送门 =>  https://blog.csdn.net/hhzzcc_/article/details/79769386

2018-04-30 19:34:52

阅读数 735

评论数 0

js实现雪花效果(超简单)

使用js实现雪花飘落效果,话不多说直接上代码<!DOCTYPE html> <html lang="en"> <head> ...

2018-04-09 15:27:17

阅读数 1413

评论数 4

纯css实现3D立方体

纯css实现3D立方体特效,通过3D旋转和平移原理实现,话不多说直接贴代码<html> <head> <style type="text/css&quot...

2018-04-04 14:32:44

阅读数 162

评论数 0

express + socket.io实现超简易聊天室

什么是socket.iosocket.io是webSocket的一个封装组件,实现双向通信,可以用这个来实现聊天室功能、在线小游戏等等,是个有趣好玩的东西,博主就喜欢捣鼓这些实现聊天室思路聊天室就是要聊天嘛,就像打电话一样,我这边说话你那边应该要马上听到,所以就需要用到双向通信,浏览器发出一条信息...

2018-04-04 11:38:34

阅读数 163

评论数 0

使用js插件实现简单有趣的人脸识别

    前阶段无聊想搞个人脸识别玩玩,发现一个有趣的插件包,虽然不算特别强大但是相对还是能实现效果,主要是它简单啊,让你5分钟内就会用,可以去玩玩看,现在我把它拿出来和大家分享 这个插件就是jquery.facedetection 首先 npm install jquery.faced...

2018-04-04 09:35:04

阅读数 5072

评论数 5

vue 设置proxyTable参数进行代理跨域

什么是代理跨域浏览器之间有同源策略,出于安全考虑不同域之间不允许获取数据,除了几个特殊的例子<img>、<script>、<audio>等标签可以进行跨域但是通常都是...

2018-04-03 17:28:15

阅读数 354

评论数 0

eval - 敬而远之

什么是eval?向eval传入一个字符串,eval会将对传入的字符串当做代码再次执行一次,且执行的内容在当前作用域下eval能干嘛用?有时候我们在远程访问别人的数据会返回一串字符串类似'callback_new({name:"a",age:"b...

2018-04-03 16:57:36

阅读数 98

评论数 0

音乐播放器之QQ音乐最新api,亲测可用

  大家好,前段时间重写了自己的音乐播放器,源码放在github上,源码地址和项目地址下面都有,如果喜欢记得star一下哈。 由于之前给大家分享的api虽然可以用,但是版本太旧了,很多也没有了歌词,今天博主给大家分享一个最新的qq音乐api,亲测可用,话不多说直接上代码     最新音乐...

2018-03-31 15:58:21

阅读数 16126

评论数 49

QQ音乐api 最新版,亲测可用

最近这个api出现了403问题,已经找到原因了原因是 歌曲不能再以第一参数当id了 要以倒数第5个 如以上的例子 002qU5aY3Qu24y当id,而且前面要加C100,完整的就是 http://ws.stream.qqmusic.qq.com/C100002qU5aY3Qu24y.m4a?fr...

2018-02-27 09:17:51

阅读数 8673

评论数 6

vue脚手架基本使用(包括vue-router的基本使用)

本篇文章主要写给刚刚使用vue-cli的新手们,话不多说感觉看下面代码吧! 首先在大前提vue-cli已经安装好的情况下,并且cnpm install后(官网使用的是npm,但这里推荐用cnpm比npm快而且npm有时候会有出现卡住的现象),这里有个小提醒就是关于是否开启eslint,这个是对...

2018-02-04 14:02:47

阅读数 8404

评论数 3

QQ音乐API整理

由于在网上看过很多音乐API都是一半可以用不是很全,有的API有经过改动,造成无法访问,今天来个大家总结一下QQ音乐的API,可能还不是很全,仅供参考,但亲测可用,数据获取方式用的都是jquery的jsonp形式获取数据,歌词除外: ## 歌曲信息搜索: var songName='青花瓷...

2017-12-15 10:26:59

阅读数 3153

评论数 9

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