10 2018 档案
摘要：当css里面含有背景图片，用webpack打包时会报如下错： 如何处理这个问题呢？ 我们需要借助于 file-loader 和 url-loader 这2个包。 下面具体说一下步骤： 1.安装 file-loader 和 url-loader url-loader：引入的图片编码，生成dataURl
阅读全文
摘要：1.在 src 文件夹下面新建 css 文件夹，创建 common.css 整个文件目录如下图： 2.css建立好后，需要引入到入口文件，这里我们引入到base.js中 如下图： 3.终端安装 style-loader 和 css-loader 4.在 webpack.config.js 中 通过配
阅读全文
摘要：所谓热更新，就是在浏览器能同步刷新你的代码。webpack 热更新依赖 webpack-dev-server。具体实现步骤如下： 1.局部安装依赖 webpack-dev-server 2.在 webpack.config.js 配置相关参数 更多的配置可查看：https://webpack.js.
阅读全文
摘要：关于计算2点之间的距离都依赖了腾讯地图，所以请先在腾讯地图官网申请key。具体流程看下图： 下面具体讲计算2点之间距离的方法。 方法一： 1.通过 wx.getLocation(Object object) 获取用户当前的经度，纬度: 2.通过 腾讯地图 逆解析 你的目的地地址，获取经度，纬度： 3
阅读全文
摘要：上一篇我们稍微提到了webpack.config.js。今天主要来说下如何配置多入口，多出口。 我们之前写到的webpack.config.js，具体代码如下： 上面的entry 和 output 就是单一的入口和出口。 下面我们创建一个多入口，多出口的实例。 准备工作如下： 1. 新建文件夹：pa
阅读全文
摘要：准备工作 1.新建文件夹：webpack-demo（下面我们简称该文件夹为根目录）,在根目录下面建两个文件夹，分别为src和dist。 1).src文件夹：用来存放我们编写的javascript代码，可以简单的理解为用JavaScript编写的模块。 2).dist文件夹：用来存放供浏览器读取的文件
阅读全文
摘要：webpack可用于打包所有的脚本，图片，样式表及其他资源。 今天来讲一下如何安装webpack 及 创建package.json。webpack依赖于npm和 node，所以本文是假设你已安装好了node 和 npm 的情况下进行的。 npm 安装包可分为 全局安装 和 局部安装。 全局安装的命令
阅读全文
摘要：在Bootstarp 中我们可以使用 popover 插件做一些内容的展示， 代码如下： 这样子写的话，如果父级有overflow:hidden属性，你会发现超出容器的部分会显示不出。 如何解决呢？ 我们只要在上面代码中添加一个属性：data-container="body" 即可。效果如下图： 官
阅读全文
摘要：SVN提交忽略node_modules 1.空白处右键>选中TortoiseSVN>设置(settings) 2.常规设置(General)>Subversion>编辑(edit) 3.弹出的config文件中，去掉global-ignores前的#。如果是"文件夹" global-ignores
阅读全文
摘要：常见高度获取方法： 1.平滑滚动到顶部 2.平滑滚动到底部 3.判断滚动条滚动到底部 var nScrollHeight = $(".js_scroll_area")[0].scrollHeight; //var nScrollHeight = $(".js_scroll_area").prop("
阅读全文
摘要：1、数组转字符串 需要将数组元素用某个字符连接成字符串，示例代码如下 2、字符串转数组 实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代码如下：
阅读全文
摘要：1.向数组中添加json数据 返回结果： 2.新增 json 键值对 返回结果：
阅读全文
摘要：使用百度Ueditor插入图片的时候，如果图片大于你的编辑框宽度，下面会出现滚动条，如下图： 我们如何设置它的最大宽度为100%呢？ 找到ueditor\ueditor.config.js，修改它的initialStyle,添加img{max-width:100%}就可以了，修改结果如下图：
阅读全文
摘要：字体图标在网页中非常常见了。为了方便在小程序里面重复使用，自定义了一个图标组件，方便控制它的大小，颜色，自定义点击事件。 自定义图标组件的代码如下： 下面的代码是icon文件夹下面的4个文件 index.wxml: <view class="custom-class ss-font ss-icon-
阅读全文
摘要：微信头部导航栏可能通过json配置： 但是有时候我们项目需求可能需要自定义头部导航栏，如下图所示： 现在具体说一下实现步骤及使用方法： 步骤： 1.在 app.json 里面把 "navigationStyle" 设置为 "custom" 这样子之后就只会保留右上角胶囊按钮了。 2.计算相关值 因为
阅读全文
摘要：微信小程序图片预览提供了一个wx.previewImage接口，如下图： 现在我需要对网盘文件里的图片预览，但是网盘从后台返回的数据是各种类型的文件，如下图所示： 那么我们需要解决2个问题： 1.从这些列表中提取出只是图片类型的列表，并将它的url存入数组中； 2.获取当前你点击图片的索引值。 解决
阅读全文
