dengzhuang8619-CSDN博客

转载判断H5页面环境是否在小程序的webview中

用小程序提供的wx.miniProgram.getEnv可以获取环境参数，但是它有个问题就是无法在非微信环境下判断。所以在使用wx.miniProgram.getEnv前得先判断是否在微信环境中。解决方法：<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"...

2019-01-18 17:07:00 268

转载图片合成

一、界面样式和生成结果：①界面样式②生成结果二、所用技术： easeljs + interact.js，easeljs是方便对canvas进行操作，interact.js主要是用来调整图片的位置大小的。三、程序流程图：四、核心步骤及代码：① 上传图片/*上传图片*/document.getElementById('inpu...

2018-12-12 18:00:00 266

转载将博客搬至CSDN

最近打算将博客搬到CSDN里，在此发出通知，声明一下。转载于:https://www.cnblogs.com/daipianpian/p/9777523.html

2018-10-12 12:48:00 190

转载 Nginx: could not build the server_names_hash 解决办法

给一个服务器下增加了一些站点别名，差不多有十多个。重启nginx时候，提示：解决办法是在 nginx 配置文件的 http 段中增加如下配置：# vi /etc/nginx/nginx.conf...http { ... server_names_hash_max_size 512; server_n...

2018-10-08 17:25:00 221

转载 vue项目中打包编译后，CSS样式【-webkit-box-orient: vertical】打包后丢失问题

最近在做vue项目的时候页面处理多行文本样式时用到了-webkit-box-orient: vertical这个属性，本地跑项目没问题，但是打包放到服务器后发现这个属性丢失了。如下图：后来在网上查了一下，发现可能是optimize-css-assets-webpack-plugin这个插件的问题，导致打包时这个属性和注释混在了一起（个人猜测）,其实解决办法很简单，只需要在这...

2018-10-08 16:38:00 692

转载 nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)解决

nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)报错信息nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)nginx: [emerg] socket() [::]:80 failed (9...

2018-08-29 00:16:00 144

转载 nginx的使用(启动、重启、关闭)

1.首先利用配置文件启动nginx。命令:nginx-c/usr/local/nginx/conf/nginx.conf重启服务：service nginx restart2.快速停止或关闭Nginx：nginx -s stop3. 正常停止或关闭Nginx：nginx -s quit4. 配置文件修改重装载命令：nginx -s ...

2018-08-28 23:49:00 18205

转载 vue安装常用插件命令

1. 安装element-uinpm i element-ui -S2. 安装vuexnpm install vuex --save3. 安装axiosnpm install --save axios转载于:https://www.cnblogs.com/daipianpian/p/9430835.html...

2018-08-06 16:10:00 137

转载后台生成带参跳到指定页面的小程序码

方法步骤如下：1. 获取 access_token详见：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp14211401832. 生成小程序码接口B：适用于需要的码数量极多的业务场景 0）可接受页面参数较短 1）通过该接口生成的小程序码，永久有效 2）数量不做限制（截止今天，官方...

2018-06-28 17:09:00 105

转载模拟生成带参跳到指定页面的小程序码

一、准备工作微信公众平台接口调试工具小程序的唯一标识(appid)小程序的密钥(secret)二、获取access_token打开微信公众平台接口调试工具，在参数列表中输入小程序的appid和secret，点击检查问题，如果appid和secret正确，则可以返回正确的access_token结果（图中下方的红框）三、生成小程序码you三个接口，...

2018-06-28 17:01:00 253

转载解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法...

解决办法是给menu的default-active绑定route.path形如：<el-menu :default-active="$route.path" ...>每次渲染menu都会读当前path 设置为default-active转载于:https://www.cnblogs.com/daipianpian/p/9231848.html...

2018-06-27 00:02:00 340

转载使用命令安装vue插件

使用命令npm installelement-ui --save-dev 安装element-ui。--save-dev表示自动添加配置依赖到package.json文件的devDependencies中,开发环境如果只加--save表示自动添加配置依赖到package.json文件的dependencies中，生产环境转载于:https://www.cnblogs.com...

2018-06-25 19:44:00 237

转载 Retina显示屏-揭秘移动端的视觉稿通常会设计为传统PC的2倍

一、Retina显示屏简介retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina显示屏中，像素点1个变为4个。retina显示屏只是高清显示屏的一种随着苹果的 retina显示屏推出以来，很多厂商也开始推出自己的高清显示屏，如三星手机、魅族手机、小米电视机等，而目前市场的移动设备大都是高清显示屏...

2018-06-21 09:42:00 184

转载 image在div中有留白如何解决

解决办法：1.将img图片display:block，即可去掉div和img之间的空白；2.将div的line-height设置得足够小，也可以去掉空白，例如div{line-height:5px;}3.将font-size设为0，实际上也是改变了line-height；4. 改变vertical-align，让它不是baseline，比如设置vertical-al...

2018-05-31 16:32:00 615

转载微信小程序 —— 微信小程序解析html富文本插件wxParse

下载并把wxParse放到小程序的目录中github下载地址：https://github.com/icindy/wxParse一、基本使用方法1.Copy文件夹wxParse,把wxParse放在与page同一级目录- wxParse/ -wxParse.js(必须存在) -html2json.js(必须存在) -htmlparser.js(...

2018-05-30 23:32:00 288

转载小程序数组操作之删除

数据的删除在小程序开发的过程中，发现无法直接调用数组的删除方法，所以就自己写了一个，作用是删除数组中某个指定的值。 1 // 删除方法 2 remove: function(array,val){ 3 for (var i = 0; i < array.length; i++) { 4 if (array[i] == val){ 5 ...

2018-05-28 12:44:00 2041

转载 ECharts 上手

一、获取 ECharts你可以通过以下几种方式获取 ECharts。从官网下载界面选择你需要的版本下载，根据开发者功能和体积上的需求，我们提供了不同打包的下载，如果你在体积上没有要求，可以直接下载完整版本。开发环境建议下载源代码版本，包含了常见的错误提示和警告。在 ECharts 的GitHub上下载最新的release版本，解压出来的文件夹里的di...

2018-05-28 09:27:00 108

转载微信小程序-修改单选框和复选框大小的方法

方法有两种：一：采用css的zoom属性zoom缩放会将元素保持在左上角，并且会有毛边，可能会稍稍改变元素原来的形状。二：采用css3的transform:scale属性zoom缩放会将元素保持在中间，不会改变元素原来的形状，但是可能会有稍稍的模糊。整体来说zoom属性与transform:scale属性主要存在如下几点差异1、zoom的缩放是相对于左...

2018-05-22 23:24:00 780

转载 Touch穿透

一、前言相信很多移动开发者都有这样一个体会，那就是我们在移动端点击事件click对比touchend会有延迟，这是为什么呢？其实这是因为览器在click后会等待约300ms去判断用户是否有双击行为，手机需要知道用户是不是想双击放大网页内容。如果300ms内没有再一次click，那么就判定这是一次单击行为，所以我们基本上都用（touchstart／touchend），但...

2018-04-19 09:24:00 115

转载微信小程序通过JS动态修改页面标题setNavigationBarTitle

wx.setNavigationBarTitle({title:'当前页面'})转载于:https://www.cnblogs.com/daipianpian/p/8794430.html

2018-04-11 11:02:00 530

转载 vue-cli脚手架构建了项目如何去除Eslint验证（语法格式验证）

1.创建工程的时候，提示是否启用eslint检测的。Use ESLint to lint your code? No2.在webpack.base.conf.js里面删掉下面:{ test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('s...

2018-03-27 11:48:00 175

转载【VueJS】VueJS开发请求本地json数据的配置

VueJS开发请求本地json数据的配置，旧版本是build/dev-server.js，新版本是build/webpack.dev.conf.js。VueJS开发请求本地json数据的配置，早期的vue-lic下面有dev-server.js和dev-client.js两文件，请求本地数据在dev-server.js里配置，最新的vue-webpack-templat...

2017-12-11 21:44:00 394

转载【VueJS】sublime text3支持VueJS语法高亮显示插件vue-syntax-highlight

1.sublime text3支持VueJS语法高亮显示插件vue-syntax-highlightgithub地址：https://github.com/vuejs/vue-syntax-highlight2.下载vue-syntax-highlightgithub包下载完成得到vue-syntax-highlightgithub包...

2017-12-11 12:12:00 283

转载【VueJS】windows环境安装vue-cli及webpack并创建VueJS项目

1. 安装node.js, Node.js安装包及源码下载地址为：https://nodejs.org/en/download/。这次node.js不是主角，默认已安装好了，通过npm –v查看node.js是否安装好以及安装的node.js版本如果你安装的是旧版本的 npm，可以通过 npm 命令“npm install npm -g”来进行版本升级。...

2017-12-09 01:10:00 165

转载微信内置浏览器下拉出现网址解决办法

微信h5页面下拉露出网页来源的解决办法，将document的touchmove事件禁止掉就行了//禁止页面拖动document.addEventListener('touchmove', function(e) { e.preventDefault();}, false);转载于:https://www.cnblogs.com/daipianpian/p/7609224.h...

2017-09-29 00:27:00 231

转载 hls流媒体视频防盗实现

HLS流媒体视频防盗实现一、Windows安装FFmpeg1.1 安装版本1.1.1 网址：https://ffmpeg.org/1.1.2 选择Windows版本：https://ffmpeg.org/download.html#build-windows1.2 解压安装：1.2.1 下载并解压FFmpeg文件夹，它会生成一个类似名为“ffmp...

2017-09-28 23:45:00 532

转载 p标签间距问题

用<p></p>标签写文本时，控制行与行之间的高度最好用line-height，不要用margin或padding；因为P标签本身就带有一定的上下间距，且自带的间距在模拟器上和真机上，相差较大，模拟器上间距正好时，真机上间距往往过大。所以最好用line-height控制间距。转载于:https://www.cnblogs.com/daipi...

2017-03-14 00:15:00 965

转载特殊形状图片之遮罩蒙版CSS3-Mask效果

前不久做了一个项目，需要一个小效果，就是获取用户头像以心形的形状展现在页面上，开始小五想的实现方式是canvas画图或CSS3的clip（剪切），发现都不理想，和设计稿里的图形美观度相差太大，而且实现起来太麻烦，后来，小五采用了一个CSS3的新增属性完美的解决了这个问题，今天就来和大家分享一下。首先来解释一下遮罩、蒙版：和PS中的蒙版、Flash中的遮罩层很类似遮罩：...

2017-03-14 00:06:00 679

转载微信视频播放全屏问题

在ios和安卓手机里的微信下播放视频时，会遇到不少问题，例如需要手动点击，视频才会播放，并且视频会跳出微信框，出现控制条，如果视频不是腾讯视频，播放完毕会出现腾讯视频的广告推送，今天我们就来看一下如何规避这些问题。解决办法：给video标签加一些属性，调用h5原生video。下面是我写的一个小例子的html核心部分：<video id="videoALL...

2017-03-13 23:55:00 322

转载微信二维码长按无法识别问题解析

近来在写H5页面时发现在手机端微信里长按识别二维码有时会出现不能识别的bug，最近就对这些可能导致二维码不能识别的bug做了一下研究，写出来，和大家分享一下。一、微信识别二维码的原理机制我们先来看一下微信识别二维码的原理机制： “微信识别二维码采用的逻辑是截屏识别，当客户端发现用户在网页的img标签内进行长按操作时，会立刻截屏并且启动二维码识别算法。所以这...

2017-02-20 22:17:00 1669

转载将自己写的代码进行闭包封装

引用Zepto时，为防止$与jQuery或其他JS库的$冲突，对Zepto中的$进行闭包 1 <script src="js/zepto.min.js"></script> 2 <script type="text/javascript"> 3 $(function($){ 4 var clientWidth=$...

2016-09-03 12:10:00 85

转载安卓下点击a标签不跳转；点击a标签在手机真机上会调出手机键盘的解决办法...

安卓下点击a标签不跳转的解决办法，是不用href做跳转的链接，改为用JS控制跳转1 <a href="javascript:;" ontouchstart="window.location.href='https://www.baidu.com/'"><img src="xxx"></a>这样写虽然解决了安卓下点击a标签不跳转的问题，但...

2016-09-03 12:06:00 345

转载使用JS判断客户端、浏览器、操作系统类型

一、JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。核心代码如下：方法一： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8...

2016-09-03 11:26:00 175

转载基于浏览器的HTML5地理定位

地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理和一个基于浏览器的HTML5地理定位的小demo，获取浏览器经纬度，并用腾讯地图（大家可以选择自己喜欢的地图）显示出来，实现的最终效果如下图所示：一、检测浏览器是否支持：if (na...

2016-08-26 17:27:00 78

转载第一个Three.js程序——加入相机

转载于:https://www.cnblogs.com/daipianpian/p/5797702.html

2016-08-22 23:47:00 75

转载第一个Three.js程序——动手写一个简单的场景

三维场景基本要素：步骤：代码：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <sc...

2016-08-22 22:59:00 164

转载 JS表单验证-12个常用的JS表单验证

最近有个项目用到了表单验证，小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下，和大家一起分享~~~ 1. 长度限制 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-...

2016-08-12 23:38:00 98

转载 PHP命名大小写敏感规则

一直觉得PHP中各种大小写规则理不清，就连工作多年的老手们也不一定能对PHP大小写敏感问题足够了解。在PHP中，大小写敏感问题的处理比较乱，大家一定要注意。即使某些地方大小写不敏感，但在编程过程中能始终坚持“大小写敏感”是最好不过的。下面整理了一些大小写问题注意点：大小写敏感1. 变量名区分大小写所有变量均区分大小写，包括普通变量以及$_GET,$_POST,$_REQUEST...

2016-07-30 17:27:00 165

转载 4、CreateJS介绍-PreLoadJS

需要在html5文件中引入的CreateJS库文件是preloadjs-0.4.1.min.jsHTML5文件如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>4、Cr...

2016-01-12 12:57:00 135

转载 3、CreateJS介绍-SoundJS

需要在html5文件中引入的CreateJS库文件是soundjs-0.5.2.min.jsHTML5文件如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3、CreateJS介绍-SoundJS&...

2016-01-12 12:52:00 202

空空如也

空空如也