全栈
文章平均质量分 90
前端阳光
公众号《前端阳光》抓不住爱情的我 总是眼睁睁看她溜走 世界上幸福的人到处有 为何不能算我一个
展开
-
三面面试官:运行 npm run xxx 的时候发生了什么?
面试官:npm run xxx的时候,发生了什么?讲的越详细越好。 我(嘿嘿,稳了,这次我要30k): 嘻嘻!...原创 2022-03-25 14:49:42 · 1428 阅读 · 1 评论 -
“模块机制” 有十三问——读《深入浅出Node》第二章有感
我尝试用一种自问自答的方式记下笔记,就像面试一样,我自个儿觉得有意思极了,希望你也喜欢第一问: CommonJS规范是干嘛的CommonJS规范为JavaScript制定了一个美好的愿景——希望JavaScript能够在任何地方运行。CommonJS规范的提出,主要是为了弥补当前JavaScript没有标准的缺陷,以达到像Python、Ruby和Java具备开发大型应用的基础能力,而不是停留在小脚本程序的阶段第二问: 那你知道CommonJs模块包含什么吗?CommonJS对模块的定义十...原创 2021-03-31 21:25:14 · 158 阅读 · 0 评论 -
“初学Node.js” 有四问——读《深入浅出Node》第一章有感
1、为什么叫Node?它自身非常简单,通过通信协议来组织很多Node,非常容易通过扩展来达成构建大型网络应用的目的。每一个Node进程都构成这个网络应用中的一个节点,这是它名字所含意义的真谛。2、你能说说Node的特点吗?作为后端JavaScript的运行平台,Node保留了前端浏览器JavaScript中那些熟悉的接口,没有改写语言本身的任何特性,依旧基于作用域和原型链,区别在于它将前端中广泛运用的思想迁移到了服务器端。下面我们可以看看node相较于其他语言的一些特点:1. 异步I/O关于异步.原创 2021-03-30 20:45:59 · 212 阅读 · 0 评论 -
商业级web阅读器项目(下下下)
7-3 书城首页(标题+搜索框布局)界面效果如图’<template> <div class="search-bar" :class="{'hide-title':!titleVisible}"> <transition name="title-move"> <div class="search-bar...原创 2019-10-12 09:59:23 · 369 阅读 · 0 评论 -
商业级web阅读器项目(下下下)
6.书城首页、搜索页、列表页和详情页开发6-1 书架搜索框布局实现效果如图所示组件代码<template> <div class="search-bar"> <div class="search-bar-title-wrapper"> <div class="title-icon-back-wrap...原创 2019-10-11 23:56:15 · 235 阅读 · 0 评论 -
商业级web阅读器项目(下下)
4.阅读器–阅读进度、目录、全文搜索功能开发4.12. 全文搜索功能实现(搜索算法+数组降维)该方法 中,q为输入的关键词,在全篇电子书中,查找关键词,返回关键词所在的位置。 doSearch(q){ return Promise.all( this.currentBook.spine.spineItems.map(...原创 2019-10-07 20:15:02 · 718 阅读 · 0 评论 -
我的课程表(技术栈:Vue+node+vant+mysql)
1.首页:可惜不能放视频只能贴图为敬先看一波首页如图 所示,首页为课程通知页面,提醒今日和明日上什么课。先贴上代码:<template> <div class="index"> <!--头部采用vant组件--> <van-nav-bar title="课程通知...原创 2019-10-06 23:53:55 · 2612 阅读 · 0 评论 -
商业级web阅读器项目(下)
萨达原创 2019-09-26 23:28:59 · 742 阅读 · 1 评论 -
商业级web阅读器项目(上)
1.技术难点分析阅读器开发:分页算法、全文搜索算法、引入web字体、主题设计离线存储机制设计:LocalStorage+IndexDB实现各种复杂手势+交互动画,如何兼容手势+鼠标操作利用vuex+mixin实现组件解耦+复用 科大讯飞web在线语音合成API开发2.项目准备字体图标项目依赖包+项目配置准备web字体viewport配置rem设置+自适应布局实现思路g...原创 2019-09-22 20:37:21 · 1133 阅读 · 3 评论 -
VueCli3.x全栈开发-微信聊天(node/express/mongodb/vuecli3.x)
登陆,注册功能,以及后端所需要的接口等已经在上一个项目实现:微信朋友圈1.通讯录组件AddressBook.vue 的搭建<template> <div class="address-book"> <Header title='通讯录' btn_icon='user-plus'> ...原创 2019-08-30 15:53:03 · 335 阅读 · 0 评论 -
VueCli3.x全栈开发-微信朋友圈(node/express/mongodb/vuecli3.x)
1.项目演示2.express 搭建服务器2.1.初始化项目$ npm int 2.2.安装自动重启工具nodemon$ npm install -g nodemon2.3.修改package.json中的script:"scripts": { "start":"node server.js", "server":"nodemon server.js" ...原创 2019-08-20 21:59:46 · 1192 阅读 · 0 评论 -
06----3小时 用 websocket 实现聊天室 之实现聊天功能
服务端(app.js)//接受用户发送的信息 socket.on("sendMessage",data=>{ //把消息广播给所有人 io.emit("receiveMessage",data) })客户端// 聊天功能$('.btn-send').on('click', () => { // 获取到聊天的内容 var...原创 2019-08-19 23:18:10 · 407 阅读 · 0 评论 -
05----3小时 用 websocket 实现聊天室 之在聊天室里广播告诉所有人该有的消息
1.告诉有人进来了1.1服务端(app.js)//广播告诉所有人 有人进来了 io.emit("addUser",data);1.2客户端(index.js)// 监听添加用户的消息socket.on('addUser', data => { // 添加一条系统消息 $('.box-bd').append(` <div class="...原创 2019-08-19 20:51:22 · 508 阅读 · 0 评论 -
04----3小时 用 websocket 实现聊天室 之实现简单登陆
index.js/* 1. 连接socketio服务*/var socket = io('http://localhost:3000')var username, avatar/* 2. 登录功能*/$('#login_avatar li').on('click', function() { $(this) .addClass('now') .sibl...原创 2019-08-19 18:40:31 · 488 阅读 · 0 评论 -
03----3小时 用 websocket 实现聊天室 之项目静态页面搭建
创建一个public文件夹,把所有静态资源都放进public文件夹中,如图所示由于要使用public的静态资源,必须使用express 中的语句// express使用静态资源app.use(require('express').static('public'));此时index .html<!DOCTYPE html><html lang="en"> ...原创 2019-08-19 17:15:26 · 549 阅读 · 0 评论 -
02----3小时 用 websocket 实现聊天室 之项目基本配置
参考文档 socket.io先引入 socket.io插件npm install --save socket.io服务端代码(app.js)//创建了http服务器var app = require('http').createServer();var fs = require('fs');app.on('request',(req, res) =>{ fs...原创 2019-08-19 15:22:33 · 179 阅读 · 0 评论 -
用 websocket、JQuery开发仿微信聊天
项目展示登陆界面不同的端口 登陆 属于不同的用户登陆两个端口号后的 界面原创 2019-08-19 10:51:00 · 1023 阅读 · 0 评论 -
exception: connect failed mongoDB连接失败的解决方案
**如图所示,就是当 输入 mongo时出现的头疼**上百度查了很多都不管用。 最后还得靠大佬原创 2019-03-29 21:52:08 · 3576 阅读 · 2 评论 -
@media 媒体查询不起效果的原因
今天早上高高兴兴学小bootsrap,可是到了媒体查询,死活没效果,如图是我写的代码可是效果是这样的*(默认颜色为黑色)于是向群里大佬询问,大佬一语道破*...原创 2019-03-10 15:53:37 · 5620 阅读 · 3 评论