古墩古墩

2020年3月21日

nuxt中可以在页面的head中单独引入，也可以在nuxt.config.js文件中设定的默认head中引入，自己看情况而定；那么有两种方式可以将第三方库引入到项目里面：一种是npm 一种是CDN，下面都说一下：第一种npm的方式下载到本地引入： npm install --save jque Read More

posted @ 2020-03-21 18:21 古墩古墩 Views(2641) Comments(0) Diggs(0)

如何在nuxt中引入scss

安装scss所需要的依赖： npm install --save-dev node-sass sass-loader 在assets文件夹下创建一个scss的入口文件，比如是main.scss，里面写上自己的自定义样式在nuxt.config.js进行配置然后在每个页面都可以用这个公共scss文 Read More

posted @ 2020-03-21 17:17 古墩古墩 Views(4850) Comments(0) Diggs(0)

创建nuxt项目

英文官网地址：https://zh.nuxtjs.org/ 中文官网地址：https://www.nuxtjs.cn/ github上的一个基于nuxt的服务端渲染项目：https://github.com/Sandop/NuxtPC 创建一个nuxt项目：确保安装了npx（npx在NPM版本5.2 Read More

posted @ 2020-03-21 12:03 古墩古墩 Views(3565) Comments(0) Diggs(0)

2020年3月18日

微信分享

import global from '@/js/global.js'; import api from '@/js/api.js'; import tools from '@/js/tools.js'; var url=encodeURIComponent(window.location.href Read More

posted @ 2020-03-18 20:31 古墩古墩 Views(234) Comments(0) Diggs(0)

2020年3月17日

微信JSSDK

地址：https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3#.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E5.BC.95.E5.85.A5J Read More

posted @ 2020-03-17 22:30 古墩古墩 Views(154) Comments(0) Diggs(0)

2020年3月16日

js将多维数组变成一维数组

方法一、apply结合concat拉平数组 let arr=[[1,2,3],[4,5],[6]]; console.log([].concat.apply([],arr)); //输出 [1, 2, 3, 4, 5, 6] 上面的方法是使用apply结合concat，缺点是只能将二维转一维，多维数 Read More

posted @ 2020-03-16 16:18 古墩古墩 Views(5202) Comments(0) Diggs(0)

2020年3月14日

socket.io简单总结

1.服务端： io.on('connection',function(socket)); 监听客户端连接,回调函数会传递本次连接的socket，一般的代码就写在这个回调里 io.sockets.emit('String',data); 给所有客户端广播消息，String就是自定义的事件名称，data Read More

posted @ 2020-03-14 23:06 古墩古墩 Views(563) Comments(0) Diggs(0)

用socket.io.js和express实现一个简单的对话框

服务端用node.js，使用express npm install --save express npm install --save socket.io 在目录里创建一个app.js作为node项目的入口 app.js代码： // 使用 express 框架 var app = require(' Read More

posted @ 2020-03-14 22:21 古墩古墩 Views(333) Comments(0) Diggs(0)

2020年3月9日

jquery动态给子元素绑定事件，将元素内容添加到另一个元素中

$("#video_grid_box").on("dblclick",".miniStreamView",function($event){ for(let i=0;i<$("#video_grid_box").children().length;i++){ if($("#video_grid_bo Read More

posted @ 2020-03-09 23:40 古墩古墩 Views(1431) Comments(0) Diggs(0)

css实现左右滑动

<div class="minVideoViewBox"> <div class="miniStreamView"></div> <div class="miniStreamView"></div> <div class="miniStreamView"></div> <div class="min Read More

posted @ 2020-03-09 17:51 古墩古墩 Views(7733) Comments(0) Diggs(0)

公告