sinat_31900531的博客

原创 vue-cli2和vue-cli3

1. vue-cli官网2. 对比：https://gitpress.io/@rainy/vue-cli3https://juejin.im/post/5bdec6e8e51d4505327a8952

原创 mac效率工具

一、alfred(增强版Spotlight)Alfred是Mac上最好用的快速启动工具，修复了大量问题， Alfred能够让我们使用键盘去完成应用的搜索和启动，信息的本地和Web搜索，查询字典，剪切板查看，系统控制等等功能，简单易用，能够大大提高使用的Mac的效率，此外，Alfred还具有大量扩展插件可以安装，动力组增强包提供了很多优秀的功能，绝对是高效率使用的Mac的必备工具。通过Op...

原创 chrome 调试

参考资源：使用大全：https://www.cnblogs.com/soyxiaobi/p/9598761.htmlChome调试的6个技巧：https://cloud.tencent.com/developer/news/158028调试相关：https://www.jb51.net/article/123340.htmchrome performance使用指南：https://...

转载 iTerm2 + Oh My Zsh 打造舒适终端体验

参考资源：https://segmentfault.com/a/1190000014992947（Solarized配色方案不用安装，因为iterm2自带了）iterm2使用的一些快捷键：https://www.jianshu.com/p/558d6ea9d0dbautojump的安装:https://segmentfault.com/a/1190000011277135...

转载 homebrew

原文：https://www.jianshu.com/p/934edae009e1Homebrew到底是什么个东西？linux系统有个让人头疼的通病，那就是软件包依赖，好在当前主流的两大发行版本都自带了解决方案，Red hat有yum，Ubuntu有apt-get。那么我们用Mac OSx系统怎么办？别担心，这一切Homebrew可以帮你搞定。Homebrew是一款Mac OS平台下的...

原创 macbook使用指南

macbook第一次关机：https://jingyan.baidu.com/article/d8072ac490bc15ec95cefddc.html直接看苹果的官网就ok：https://support.apple.com/zh-cn/explore/new-to-mac一、触控板的使用官方教程：https://support.apple.com/zh-cn/HT204895...

原创 markdown 教程

markdown教程菜鸟教程：https://www.runoob.com/markdown/md-tutorial.html在线编辑器：https://c.runoob.com/front-end/712

原创 Windows如何在虚拟机上安装苹果系统（Mac OS）

1. 下载软件VMware Workstation 15（虚拟机软件） 下载地址：https://www.vmware.com/cn/products/workstation-pro/workstation-pro-evaluation.htmlunlocker3.0（帮助虚拟机识别mac系统的插件） 下载地址：https://www.52pojie.cn/forum....

原创 前端页面中的各种宽高和位置

坐标系：以屏幕的左上角为原点，水平向右为x轴，竖直向下是y轴。一、宽高（1）clientHeight、clientWidth→元素宽高（height+padding，不包含边框），可以理解为元素可视区域高度（2）offsetHeight、offectWidth→元素宽高（height+padding+border，包含边框），可以理解为元素的可视高度（3...

原创 长连接/websocket/SSE等主流服务器推送技术比较

参考链接：https://mp.weixin.qq.com/s/unagcn33kfCnMrlI-Oslig

原创 better-scroll的学习资源

1. 中文文档https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/2.当 better-scroll 遇见 Vuehttps://zhuanlan.zhihu.com/p/274070243.better-scroll踩坑合集https://www.jianshu.com/p/6338a80332814.be...

原创 频繁使用的封装组件

1. star评分组件（1）实现方法一，适用于切出每个图标的情况，可以传入分数和图标的大小。<template> <div class="score" :class="starSize"> <span v-for="(itemClass, index) in itemClasses" :class="['star', itemClass]" :k...

原创 bundler的配置

参考链接：https://blog.csdn.net/u013358387/article/details/71576660问题一：安装依赖项的时候，很多依赖项报错，只需根据提示更改依赖项的名称即可。（有一个依赖项安装失败，又没有修改提示，选择不安装即可）。问题二：输入指令ubuntu提示权限不够（1）直接按xftp右键修改文件权限，记得勾选（包含子目录）。（2）chmod -R 77...

原创 Element-ui环境配置

官方文档：http://element-cn.eleme.io/#/zh-CN/component/installation一、完整引入1. 在项目目录下执行：npm i element-ui -S2. 在main.js中写入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.c...

原创 在开发vue项目时，如何在手机上查看页面

前提条件： 手机和电脑在一个局域网。（用手机给电脑开热点，都连校园网也行）一、vue-cli 3.0以下的版本(1) 在项目路径下，通过npm run dev启动项目,打开http://localhost:8080/#/(2) 查看电脑的ip地址，并替换掉localhost① 打开黑窗口，输入ipconfig，找到② 问题：使用webpack构建项目时，只能用...

原创 前端单元测试、集成测试、UI测试

一、单元测试（1）断言assert业界流行的断言库： Chai Assertion Library既有行为驱动开发（Behavior-Driven Development）（简写BDD）， 又有驱动测试开发(TDD)（2）mocha单元测试框架mocha是一款功能丰富的javascript单元测试框架，它既可以运行在nodejs环境中，也可以运行在浏览器环境中。...

原创 Vue源码全方位深入解析

一、资源1. Vue.js解密文档：https://ustbhuangyi.github.io/vue-analysis/prepare/2. flow类型注释官方文档：https://flow.org/en/docs/types/二、环境配置1. flow(1)npm install --global flow-bin 全局安装(2) 新建一个文件夹，比如flow-t...

原创 CSS预处理器使用指南

阮一峰大神的网址：http://www.ruanyifeng.com/home.htmlSass：1. 阮一峰教程：http://www.ruanyifeng.com/blog/2012/06/sass.html2. 在线Sass转css：https://www.sassmeister.com/3. 官方文档：https://www.sasscss.com/docs/Styl...

原创 Excel如何快速将科学计数法数字变成正常形式

1. 首先要把用空格分隔的文本粘贴到Excel表格的各列中选中数据——数据——分列——分隔符号——勾选空格——下一步——完成（直接就替你转换格式了）2. 转换格式参考文献：https://jingyan.baidu.com/article/0bc808fc0151681bd485b915.html3. 复制excel没有显示浮点数全部的位数怎么办？全选——设置单元格格式——...

原创 小程序开通腾讯云nodejs环境

腾讯云为小程序提供的解决方法①Koa2+mysql+wafer-sdk ②集成微信开发工具一键上传部署 ③调试免费域名+环境1. 开发微信开发者工具，点击云开发。2. 填写相关信息、3. 搜索腾讯云https://cloud.tencent.com/，进入小程序云开发，然后注册账号并绑定微信开发者账号。4.打开这个链接：https://console.q...

原创 Latex 编辑伪代码指南

重点：WinEdt和word中的伪代码模板不同，记得在网上搜索对应的模板1. 安装编辑latex的软件：https://jingyan.baidu.com/article/a3aad71a16114ab1fb0096e7.html，在WinEdt文件夹下打开WinEdt.exe2. 伪代码模板https://www.cnblogs.com/hqium/p/6439312.html（复制...

转载 vue和小程序的对比

链接： http://www.cnblogs.com/zhangruiqi/p/9412948.html这篇文章实在太棒了！ 可以说是精彩绝伦！vue 和 react 和小程序部分对比1. 标签内属性:vue: :key = "index" (直接字符串)react: key={index} (单括号)小程序: key="{{index}}" (字符串内双括号)...

原创 全网首发mpvue课程小程序全栈开发 --- 学习总结

环境搭建①启动一个mpvue项目# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-project# 安装依赖$ cd my-project$ npm install# 启动构建$ npm ru...

原创 作为管理员上传小程序代码后，小程序官网的开发版本显示未绑定开发者

原来是AppId不对！！！！原因： 之前在微信开发者工具中都是用测试号进行开发，后来在微信小程序官网注册了AppId，因此本地的代码没有绑定正确的AppId。步骤： 一、在工具中找到项目详情，修改appId。 二、点击工具中的上传，填写版本号和描述，就上传成功了！...

原创 ES6模块系统与Node.js模块系统比较

一、区分1. import命令会被 JavaScript 引擎静态分析，先于模块内的其他模块执行（叫做”连接“更合适）。2. import()函数，完成动态加载，异步加载。import()类似于 Node 的require方法，区别主要是前者是异步加载，后者是同步加载。ES6 import()返回一个 Promise 对象。3.require是运行时加载模块，只有运行时才知道,同步加载。...

原创 github客户端与git使用指南

目录一、环境配置1. 首先本地安装git2. 到github使用邮箱注册账号3. 将github与git关联起来4. github客户端安装（可选）二、git指令三、github客户端使用指南1. 基本概念2. 对版本的基本操作3. 分支branch4. 团队协作5. 贡献开源项目流程6. 额外的功能四、git服务器搭建一、环...

原创 CSS使用技巧

1. 将font-size和line-height设置为相同的值，消除文字上下无意义的空白，减少占用的空间。2.清除position:relative进行定位，会占用原来位置的空间，改用margin负值。3. 实现文本单行居中，多行最后一行不居中的效果。/* html */<view> <text></text></view&gt...

原创 相对路径与绝对路径

./ ：代表文件所在的目录（可以省略不写）../ ：代表文件所在的父级目录../../ ：代表文件所在的父级目录的父级目录/ ：代表文件所在的根目录

原创 ubuntu指令总结

1.  关闭xshell仍可以在后台运行程序 nohup 指令 &amp;2. 给指定文件夹设置权限chmod -R 777 文件夹路径 

原创 Vue遇到的坑

1. 给router-link 标签添加事件@click 、@mouseover等无效的情况自定义组件绑定原生事件，router-link会阻止click事件，需要加.native修饰符。@click.native="displayArticle('hot')"2.Vue2.0通过二级路由实现页面切换index.js中的路由配置/一级路由对应的组件中向二级路由跳转：//二级路...

原创 React遇到的坑

1. 列表渲染问题：（1）调用map函数要提供默认值 （2）箭头函数函数体不能加{} （3）列表元素要提供key属性const numbers = [1, 2, 3, 4, 5];const listItems = (numbers || []).map((number, index) => <li key={index}&g...

原创 react-router3与react-router4之间的不同

（1）插件的选择（3选择react-router，4选择react-router-dom）react-router 为 React Router 提供核心路由功能，但是你不需要直接安装 react-router；如果你写浏览器端应用，你应该安装 react-router-dom；如果你写 React Native 应用，你应该安装 react-router-native；当你安装 rea...

原创 今天开始学习React，todo-list的实现、项目初始化、react-redux的使用

class Todo extends React.Component { constructor(props) { super(props) this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this) this.state = { list:...

原创 window下初始化vue、express、koa2项目

一、前端：1. 安装node（集成了npm）在官网下载，然后安装，通过node -v和npm -v测试是否安装成功2. 全局安装vue-cli$ npm install -g vue-cli// vue-cli 3之后的版本$ npm install -g @vue/cli查看vue-cli版本：$ vue --version // 或$ vue -V3...

原创 基于vue和node的阿里云服务器ubuntu环境配置

（1）使用xftp把代码传输到服务器上（注意server的代码必须要有运行所需的依赖库）后端代码的位置：打包后前端代码的位置（nginx提供的路径）：（2）安装git前的报错问题报错一：sudo: unable to resolve host解决方法：是因为/etc/hosts下的主机名和/etc/hostname下的主机名不一致所导致的错误将/etc/ho...

转载 在指定文件夹下运行命令行

原创 window环境下mongodb的安装和配置

按照下文的内容配置好后，先通过net start MongoDB启动数据库服务，然后运行mongo连接数据库。http://www.runoob.com/mongodb/mongodb-window-install.html菜鸟教程https://zhuanlan.zhihu.com/p/29986675配置服务http://mongoosejs.net/docs/models.h...

原创 三目运算符var docRole = userinfo.docRole == 0 && '医师' || '管理员';

userinfo.docRole == 0  //'医师'userinfo.docRole != 0  //'管理员'