随笔分类 - 前端
摘要：用小程序提供的wx.miniProgram.getEnv可以获取环境参数，但是它有个问题就是无法在非微信环境下判断。所以在使用wx.miniProgram.getEnv前得先判断是否在微信环境中。 解决方法： 解决完成，iOS 和 Android都没问题，亲测有效！！！
阅读全文
摘要：一、界面样式和生成结果： ① 界面样式 ② 生成结果 二、所用技术： easeljs + interact.js，easeljs是方便对canvas进行操作，interact.js主要是用来调整图片的位置大小的。 三、程序流程图： 四、核心步骤及代码： ① 上传图片 调整图片位置大小 ③ 输入文字
阅读全文
摘要：给一个服务器下增加了一些站点别名，差不多有十多个。 重启nginx时候，提示： 解决办法是在 nginx 配置文件的 http 段中增加如下配置： 如果128还不够，那么就按32的倍数往上加。 下面是在中文wiki上摘抄的一段说明： 保存服务器名字的hash表是由指令 server_names_ha
阅读全文
摘要：最近在做vue项目的时候页面处理多行文本样式时用到了-webkit-box-orient: vertical这个属性，本地跑项目没问题，但是打包放到服务器后发现这个属性丢失了。如下图： 后来在网上查了一下，发现可能是optimize-css-assets-webpack-plugin这个插件的问题，
阅读全文
摘要：1. 安装element-ui 2. 安装vuex 3. 安装axios
阅读全文
摘要：方法步骤如下： 1. 获取 access_token 详见：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183 2. 生成小程序码 接口B：适用于需要的码数量极多的业务场景 0）可接受页面参数较短 1）通过该接口生成的小
阅读全文
摘要：一、准备工作 二、获取access_token 打开微信公众平台接口调试工具，在参数列表中输入小程序的appid和secret，点击检查问题，如果appid和secret正确，则可以返回正确的access_token结果（图中下方的红框） 三、生成小程序码you三个接口，我采用的是接口B 接口B：适
阅读全文
摘要：解决办法是给menu的default-active绑定route.path形如：<el-menu :default-active="$route.path" ...>每次渲染menu都会读当前path 设置为default-active
阅读全文
摘要：使用命令npm install element-ui --save-dev 安装element-ui。 --save-dev表示自动添加配置依赖到package.json文件的devDependencies中,开发环境 如果只加--save表示自动添加配置依赖到package.json文件的depe
阅读全文
摘要：解决办法： 1. 将img图片display:block，即可去掉div和img之间的空白； 2. 将div的line-height设置得足够小，也可以去掉空白，例如div{line-height:5px;} 3. 将font-size设为0，实际上也是改变了line-height； 4. 改变ve
阅读全文
摘要：下载并把wxParse放到小程序的目录中 github下载地址：https://github.com/icindy/wxParse 一、基本使用方法 1. Copy文件夹wxParse,把wxParse放在与page同一级目录 2.引入必要文件 3. 数据绑定 var article = '<div
阅读全文
摘要：数据的删除 在小程序开发的过程中，发现无法直接调用数组的删除方法，所以就自己写了一个，作用是删除数组中某个指定的值。
阅读全文
摘要：一、获取 ECharts 你可以通过以下几种方式获取 ECharts。 从官网下载界面选择你需要的版本下载，根据开发者功能和体积上的需求，我们提供了不同打包的下载，如果你在体积上没有要求，可以直接下载完整版本。开发环境建议下载源代码版本，包含了常见的错误提示和警告。 在 ECharts 的 GitH
阅读全文
摘要：方法有两种： 一：采用css的zoom属性 zoom缩放会将元素保持在左上角，并且会有毛边，可能会稍稍改变元素原来的形状。 二：采用css3的transform:scale属性 zoom缩放会将元素保持在中间，不会改变元素原来的形状，但是可能会有稍稍的模糊。 整体来说zoom属性与transform
阅读全文
摘要：一、前言 相信很多移动开发者都有这样一个体会，那就是我们在移动端点击事件click对比touchend会有延迟，这是为什么呢？ 其实这是因为览器在click后会等待约300ms去判断用户是否有双击行为，手机需要知道用户是不是想双击放大网页内容。如果300ms内没有再一次click，那么就判定这是一次
阅读全文
摘要：wx.setNavigationBarTitle({title: '当前页面'})
阅读全文
摘要：1.创建工程的时候，提示是否启用eslint检测的。 Use ESLint to lint your code? No 2.在webpack.base.conf.js里面删掉下面:
阅读全文
摘要：1. 安装node.js, Node.js安装包及源码下载地址为：https://nodejs.org/en/download/。 这次node.js不是主角，默认已安装好了，通过npm –v查看node.js是否安装好以及安装的node.js版本 如果你安装的是旧版本的 npm，可以通过 npm
阅读全文
摘要：微信h5页面下拉露出网页来源的解决办法，将document的touchmove事件禁止掉就行了 //禁止页面拖动document.addEventListener('touchmove', function(e) { e.preventDefault();}, false);
阅读全文
摘要：HLS流媒体视频防盗实现 一、Windows安装FFmpeg 1.1 安装版本 1.1.1 网址：https://ffmpeg.org/ 1.1.2 选择Windows版本：https://ffmpeg.org/download.html#build-windows 1.2 解压安装： 1.2.1
阅读全文
浙公网安备 33010602011771号