npm

Nuxt可以使用各种前端UI框架，这些框架一般都自带的有一些icon图标可供用户使用，但是一般项目开发的时候，UI框架自带的icon是不能满足实际项目需求的，这个时候我们可以自己找一些图片放到本地项目里，然后引用这个图片，但是总感觉这样不太好。 这个时候我们可以使用 Iconfont-阿里巴巴矢量图标库 下面就讲一讲怎么在nuxt中使用iconfont 一、普通没有颜色的矢量图标 1.到iconfont找好自己想要的图标，然后下载到本地 下载完以后解压一下，解压完的目录结构如下图所示： 2.在nuxt项目的assets目录下新建一个fonts目录，这个目录用来存放我们的字体和图标文件，然后在fonts下再新建一个iconfont目录，把刚才解压的这四个文件（iconfont.eot，iconfont.svg，iconfont.ttf，iconfont.woff）放到这个目录里来，如图所示 3.在assets目录下的css目录里新建一个iconfont.scss文件，然后把刚才解压出来的iconfont.css的内容粘贴到iconfont.scss文件内，然后把文件内引用刚才四个文件的路径修改的与本项目的路径一致，如下图所示 然后在index.scss文件内引入一下这个iconfont.scss文件，如下图所示 4.然后就可以在项目里引用这个iconfont里的图标了

Node.js安装及环境配置之Windows篇 https://www.jianshu.com/p/03a76b2e7e00 ######一、安装环境###### 1、本机系统：Windows 10 Pro（64位） 2、Node.js：v6.9.2LTS（64位） 二、安装Node.js步骤###### 1、下载对应你系统的Node.js版本: https://nodejs.org/en/download/ 2、选安装目录进行安装 3、环境配置 4、测试 三、前期准备###### 1、Node.js简介 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。 2、下载Node.js 打开官网下载链接: https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图： 四、开始安装###### 1、下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js 点击【Next】按钮 勾选复选框，点击【Next】按钮 修改好目录后，点击【Next】按钮

今天我来介绍一下 nodejs 如何实现保存微信小程序传过来的图片及其返回 首先 wx.uploadFile 绝大部分时候是配合 wx.chooseImage 一起出现的，毕竟选择好了图片，再统一上传是 实现用户图片上传 的正常逻辑。 1 // 添加图片 2 addImg: function () { 3 var that = this ; 4 console.log(9 - that.data.checkImgLength) 5 if (9 - that.data.checkImgLength >= 1 ){ 6 wx.chooseImage({ 7 count: 9 - that.data.checkImgLength, // 默认9 8 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 9 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 10 success: function (res) { 11 var tempFilePaths = res.tempFilePaths // 这里拿到的是图片在微信客户端的临时路径！！！ 12 let length = tempFilePaths.length; 13 let tempList =

翻译 | 《JavaScript Everywhere》第2章 项目简介（^_^） 写在最前面 大家好呀，我是毛小悠，是一位前端开发工程师。正在翻译一本英文技术书籍。 为了提高大家的阅读体验，对语句的结构和内容略有调整。如果发现本文中有存在瑕疵的地方，或者您有任何意见或者建议，可以在评论区留言，或者加我的微信：code_maomao，欢迎相互沟通交流学习。 (σﾟ∀ﾟ)σ..:*☆哎哟不错哦 第2章 项目简介 想象一下，你站在当地的一家小餐馆的店铺前，决定在那里点一个三明治。服务员把你点的菜都写在一张纸上，然后把纸递给厨师。厨师阅读订单，使用单独的配料来制作三明治，并将三明治交给服务员。服务员会把三明治拿给你吃。如果你想要一些甜点，这个过程会再次重复。 应用程序编程接口（API）是一组规范，它允许一个计算机程序与另一个计算机程序进行交互。 Web API的工作方式与订购三明治的方式几乎相同。客户端请求一些数据，该数据通过超文本传输协议（HTTP）传输到Web服务器应用程序，Web服务器应用程序接受请求并处理数据，然后将数据通过HTTP发送给客户端。在本章中，我们将探讨Web API的广泛内容，并通过将starter API项目克隆到本地计算机上来开始我们的开发。但是，在进行此操作之前，让我们先探讨将要构建的应用程序的需求。 在本书中

在此简单讲述一下个人的理解； 方法： 对于Hbuilder里的项目文件： 1。直接右键：转换成移动app，然后生成一个json文件manifest.json，在该json文件下配置好应用程序的图标、和功能权限设置 2。点击上方的菜单栏“发行”--》发行为原生安装包，载2进行一系列的打包操作，下载即可像用一般程序一样了 对于vue项目app: 在vue项目目录下打开终端并运行项目（yarn serve/npm serve） 然后打开vue脚手架（vue ui）：进入项目管理，配置项目将dist打包路劲： 在这里配置路径为：/storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/www/ 因为在配置原来路径为当前目录时在网页打开的浏览路径为： 谷歌远程移动端调试方式： 改好路径确认修改后到终端输入命令：yarn build 运行，即可生成一个dist包到我们的项目目录下，这时我们可以将该包拖拽到Hbuilder里，并通过步骤一再到步骤3的运行测试，即可生成一个完整app应用了 当然在手机端和电脑端先安装一个电脑控制手机的软件： 3.然后手机和电脑连接（软件上面有教程），再打开Hbuild:运行 手机运行——在手机上会自动安装一个Hbuilder软件并运行测试刚生成的项目 来源：

一 安装 使用npm 安装 npm install vue-scroller -d 二 引入 import VueScroller from "vue-scroller" Vue.use(VueScroller); 三 使用 < tab> < tab-item @ on-item-click= "e=>tabChange(0)" v-bind:selected= "selectTabIndex=='0'?true:false">未验收 </ tab-item> < tab-item @ on-item-click= "e=>tabChange(1)" v-bind:selected= "selectTabIndex=='1'?true:false">已验收 </ tab-item> </ tab> < scroller :on-refresh= "refresh" :on-infinite= "infinite" ref= "my_scroller" > < scroller> 或者下图(中间的是模板) 在methods方法中增加refresh和infinite2个方法。 methods: { /* * * 下拉刷新 */ refresh() { console.log( "refresh" ); this .pageNumber = 1 ; this .getOrderList(

安装vue-scroller npm i vue-scroller -D 在main.js中： import VueScroller from 'vue-scroller ' Vue . use (VueScroller ) 主要是两个方法：: on-refresh= "refresh "下拉刷新回调 : on-infinite= "infinite "上拉加载回调 < scroller : on-refresh= "refresh " : on-infinite= "infinite " > <!-- content goes here 这里写需要下拉刷新，上拉加载的元素，最好是单个元素，多个元素拉动时会出现小bug --> </ scroller > 如： <template> 　　<div id="main"> 　　　　<div class="header">xxxx</div> 　　　　<div class="scrollerBox"> 　　　　　　<scroller class="scroller" :on-infinite="infinite"//上拉加载的回调函数 　　　　　　　　　　　　　　　　　:on-refresh="refresh"//下拉刷新的回调函数 　　　　　　　　　　　　　　　　　:noDataText="'上拉加载更多数据''//上拉加载结束时

该项目是gin+vue的前后端分离项目，使用gorm访问MySQL，其中vue前端是使用 vue-element-admin 框架简单实现的； go后台使用jwt，对API接口进行权限控制。此外，Web页面在token过期后的半个小时内，用户再次操作会自动刷新token； 项目很小，适合gin新手学习！（后续有时间会补上相关教程） GitHub地址： https://github.com/Bingjian-Zhu/gin-vue 一、运行go后台项目 （1）把项目clone到GOPATH/src目录下 （2）在MySQL中新建blog数据库，运行文件夹/docs/sql中的mysql.sql脚本 （3）在文件夹/conf中修改配置文件api.ini中的数据库连接配置 （4）在gin-vue目录下运行： go run main.go 目前为止，gin后台项目成功跑起来了 （5）可能遇到的问题 如果在GitHub是用下载压缩包的形式，解压后请把文件夹gin-vue-master重名为gin-vue，然后再复制到/GOPATH/src目录下 二、使用Postman测试API接口 （1）登录，token过期时间设为5分钟 （2）使用token调用API接口 （3）API权限验证 当使用admin登录获取的token调用/api/v1/table/list接口时，能获取到数据