随笔分类 - 前端
摘要：思路分析 1. 使用 postcss pxtorem 自动将 px 转为 rem; 1. 结合当前浏览器窗口宽高及 orientation 来判断当前设备横竖屏状态； 1. 根据当前横竖屏状态采用不同处理逻辑； 创建项目 具体步骤 1. 安装命令 2. 打开 build/vue loader.con
阅读全文
摘要：背景 突然想听周董的《说好不哭》，于是上网易云、qq音乐发现都要购买。于是祭出中级方案，上咪咕音乐，果然没让我失望。但是当我听的正嗨的时候，突然弹出来一个这样的提示 这怎么能行，于是开始寻求解决之道...... 1. F12 打开控制台，查看 sources 标签页，一通 ctrl + f，以"该歌
阅读全文
摘要：思路分析 1. 通过 electron desktopCapturer 和 navigator 获取要进行录制的媒体源信息； 2. 使用 MediaRecorder 对视频流进行录制； 3. 将 MediaRecorder 保存到本地文件。 获取媒体源信息 1. 获取摄像头和麦克源信息 2. 获取当
阅读全文
摘要：从 github 上拉取 "electron sample apps" 后，运行 , 出现如下报错信息 解决方案 在 main.js 中增加 配置即可
阅读全文
摘要：今天发现原来JavaScript也可以用来开发桌面应用程序，顿时有一种很牛逼的感觉，于是马上就开始了Hello,World!，感受一下JavaScript的强大。 可以用来开发桌面应用的js框架有三种： 1.NW.js NW.js是Intel的工程师写的一个基于node.js和chromium的应用
阅读全文
摘要：上一节我们学习了webpack的安装和编译，这一节我们来一起学习webpack的加载器和配置文件。 要想让网页看起来绚丽多彩，那么css就是必不可少的一份子。如果想要在应用中增加一个css文件，那么webpack能不能处理呢？答案当然是可以。但是由于webpack只能本地处理JavaScript，因
阅读全文
摘要：webpack入门教程系列为官网Tutorials的个人译文，旨在给予想要学习webpack的小伙伴一个另外的途径。如有不当之处，请大家指出。 看完入门教程系列后，你将会学习到如下内容： 1.如何安装webpack 2.如何使用webpack 3.如何使用loaders 4.如何使用开发服务器 话不
阅读全文
摘要：今天在重构一个页面的时候，碰到了一个error，具体的error信息如下图中所示： 最后经过一番查找定位，终于找到了问题所在，原因就是在父组件引用子组件时多加了一个大括号。 import {Chart} from 'Chart'; 把{}去掉就可以了。
阅读全文
摘要：今天闲来无事，一时兴起看了下如果使用javascript来发送邮件。经过调研发现，nodeJs可以实现这个功能。 具体的步骤如下： 1.安装依赖 npm install nodemailer -g (安装的时间很长，也不知道为什么) 2.确保发件的qq邮箱已经开通了smtp服务，开通方法：http:
阅读全文
摘要：在网页中显示文字内容时，经常会碰到文字内容特别长的情况，那么这个时候为了使网页看起来比较美观和简洁，会对内容进行处理。下面我们就来看一看，如何使用css来对文字溢出部分增加...。 首先来看第一种情况，对单行文字处理。 页面显示的情况是这样的。 接下来，我们来写single-line的css，如下：
阅读全文
摘要：今天入门了一下express，首先安装依赖。 npm install express -g; npm install body-parser -g; npm install cookie-parser -g; npm install multer -g; 然后编写express.js，内容如下： 然
阅读全文
摘要：今天被一个小伙伴问到如何获取上传图片的像素，实现的方案如下。 首先拿到上传的文件(这里默认用户上传的文件类型是图片)，然后可以通过fileReader获取图片的base64字符串。接下来，就可以通过Image对象来获取图片的像素了。 具体代码如下： ps:发截图而不是代码的原因，就是为了避免那些"拿
阅读全文
摘要：今天我们来一起研究下JavaScript中的变量作用域问题，话不多说，直接上代码。 这是一个很简单的for循环，打印出i的值，就是循环的次数。在一些高级语言中，比如说java，c，c++等，结果会是0，1，2，3，4，然后运行到第六行的时候就会报错了。但是在JavaScript中却是有点不一样的，运
阅读全文
摘要：近来看到了一个新的知识点叫Js的事件冒泡，因此决定自己来研究一番。 大家应该都知道，Js中的事件处理分为三个阶段，1：事件的捕获阶段，2：处于目标阶段，3：事件的冒泡阶段。那么什么是事件的捕获和冒泡呢？ 从概念上来说，事件的捕获就是从最外层也就是从html标签开始向内一层层的寻找目标元素，直到捕获到
阅读全文
