自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 丢开height属性,让div自适应

早初,当我们设计某些板块内容时,我们总会给它一个height值,让它刚好适合内容大小,比如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><st...

2019-12-09 18:43:32 37041 10

原创 《产品经理学习旅程:新产品要做哪些数据统计?》

一、监听广告点击次数网站有很多大大小小的广告位,用户每点击一次就记录一次,如果涉及到用户支付下单的,还可以记录成交量,最后算转化率。二、监听网站访问量用户每次访问网站就记录一次三、用户统计(一)注册用户1、总注册量2、三个月对比的注册量(折线图)3、一个月注册量(柱形图,可以看到一个月每天的注册量)(二)转化率 【根据不同网站的业务需求可以自定义】1、总注册量 / 总访问量...

2019-10-13 13:26:22 102 1

原创 《产品经理学习旅程:用户是怎么体验一款新产品的》

一、表现层用户对产品的第一印象,包括色调、风格等二、框架层用户进入产品后,对产品的整体印象。比如菜单是怎么设计的,每个菜单分别对应什么功能,怎么找到需要的内容,是通过列表还是搜索框。三、结构层用户开始使用产品后,对产品的感知。例如,从购物到完成支付的流程是如何的,在各个环节是否有信息提示等。四、范围层更深入使用某个功能时,用户对功能的感知。例如,聊天功能是否支持自定义表情,是否支持发...

2019-10-09 10:28:43 68

原创 《产品经理学习旅程:怎么定义产品需求》

一、建立起对这个项目的基本认识1、概念层面:可以百度一下你要做的这个系统的概念。比如:什么是访客管理系统2、产品层面:简单地做一下竞品分析,去找别的类似的已经做好了的系统,看看这类型系统通常有什么功能3、用户层面:对用户群体的了解,思考什么样的目标用户会产生这种需求二、做需求调研(一)项目背景调研 为什么要做这个网站,背后的动机是什么?用户存在的痛点是什么?提出这个项目需求...

2019-09-26 09:37:06 121

原创 《产品经理学习旅程:怎么设计一款新产品》

一个完整的产品流程如下:1、产品定义2、需求调研3、用户画像4、竞品分析5、功能模块详细设计6、商业模式7、原型设计8、得出功能明细表和时间规划9、项目评审,项目开发10、测试11、上线运营12、功能迭代那么产品经理在每个流程中要做什么呢?一、产品定义1、找出用户痛点:你是发现了用户的哪些痛点来产生要做这个产品的念头2、解决用户痛点的方式:这个产品是怎么去解决用户...

2019-09-13 16:23:13 176 1

原创 angular2--实现星星评分功能,可点击可传值

实现效果如下一开始给星星赋值变量为3,所以初始化时,有3颗星星被点亮;后面进行点击操作的时候,就根据点击的位置星星就会变亮啦~~html<div class="stars"> <img [src]="pic.flag == 0 ? pic.grayStar: pic.yellowStar" alt="" *ngFor="let pic of lists; let i =...

2019-09-01 17:59:10 174 1

原创 angular2--下拉更新和上拉加载更多

效果如下:(1)页面往下拉做刷新页面操作(2)页面往上滑到底部时,加载更多数据## 标题html<ons-page> <ons-toolbar> <div class="left"></div> <div class="center">上拉加载下拉更新</div> <div class="righ...

2019-09-01 17:04:35 87

原创 screenXY、clientXY、pageXY和offsetXY的区别

一、下拉更新(一)移动端浏览器触摸事件(二)screenXY、clientXY、pageXY和offsetXY的区别1、screenXY是指用户点击的点距离用户电脑屏幕XY的距离2、clientXY是指用户点击的点距离浏览器XY的距离3、pageXY是指用户点击的点距离页面XY的距离,包括滚动的,是对于整个页面来讲的4、offsetXY是指用户点击的点距离父元素的XY的距离;off...

2019-08-31 18:25:40 81

原创 解决:wamp一直显示橙色无法变绿

昨天打开wamp还好端端的,今天来运行的时候就发现它从红色变成橙色后就变不了绿色了,下面一起来解决问题吧一、首先看一下是哪个程序启动不了1、按下图步骤查看mysql的运行情况,如果Start键不可点击的时候,证明mysql是在正常运行中的,排除出错2、同样的步骤看一下Apache,发现它并没有启动,而且点击了start也运行不了,但我们就将问题锁定在了Apache上二、检查端口是都被...

2019-08-31 11:28:45 2023 1

原创 angular2--input框实现密码眼睛切换

一、html<ons-page> <ons-toolbar></ons-toolbar> <div class="background"></div> <div class="content"> <div class="r-psw-cnt"> <!--input框类型和眼睛的路径都存为变量-...

2019-08-31 10:46:29 82

原创 js实现灯泡开关状态切换

<img id="myimage" onclick="changeImage()" src="img/pic_bulboff.gif" width="25" height="45"><script> function changeImage() { var myimage = document.getElementById('myimage'); if(myi...

2019-08-18 12:40:05 771

原创 js正则表达式验证手机号和邮箱

一、验证手机号//验证手机号function isPhoneAvailable(number){ var phoneReg = /^1[3-578]\d{9}$/; if(phoneReg.test(number)){ return true; }else{ return false; }}二、验证邮箱//验证邮箱function isMailAvailable(ma...

2019-07-06 11:08:58 1066

原创 步骤:申请google地图api_key,并成为结算用户

一、创建google账号地址:https://www.google.com/二、创建项目地址:https://cloud.google.com/maps-platform/三、成为结算用户google地图部分api需要付费才可以使用,成为结算用户可以免费领取$500的金币,一年内免费有效;使用完之后,需要升级为付费用户才可以继续使用。四、申请google地图API秘钥...

2019-07-02 15:02:23 6721 5

原创 Google地图--实现自动搜索地址和点击获取地图经纬度

一、实现效果1、在搜索框输入地址,自动出现可定位地址选择2、搜索地址后,刷新地图标注3、点击地图其他区域,显示经纬度和点击的地址二、HTML<div class="r-inputs"> <div> 经度:<input type="" name="" id="address_lng" value="经度" /> 纬度:<input ty...

2019-07-02 12:53:30 5189 5

原创 angular2--cordova解决ios的app界面状态栏和页面重叠问题

方法一:cordova工程打包文件里的../Classes/MainViewController.m,修改viewWillAppear方法:- (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; if (HEIGHT==812.0 || HEIGHT==896.0) { ...

2019-06-25 21:24:24 307

原创 angular2--cordova禁止ios底部向上滑动

在cordova工程下的config.xml文件里配置:<preference name="WebViewBounce" value="false" /><preference name="DisallowOverscroll" value="true" />

2019-06-25 21:06:36 286

原创 angular2--cordova设置禁止ios和Android横屏

在cordova工程下的config.xml文件里配置:<preference name="orientation" value="portrait" />

2019-06-25 21:01:16 115

原创 PHP--入门学习

一、基础入门(一)运行环境1、LAMP:linux apache mysql php2、LNMP:lnmp nginx mysql php(Q:linux和window的对比)(二)PHP基础知识1、基础语法2、面向对象3、MVC(二)MYSQL基础知识1、DDL(Data Definition Languages)语句:数据定义语言,这些语句定义了不同的数据段、数据库、表...

2019-06-25 18:36:15 136

原创 百度地图API搜索关键词定位,点击获取经纬度

一、实现效果如下二、获取百度地图秘钥AK(1)申请秘钥地址 http://lbsyun.baidu.com/apiconsole/key(2)创建应用(3)选择应用类型我这个demo是在浏览器运行的,所以我选择浏览器端的应用类型,IP白名单根据要求填写,填写完成后就可以获取秘钥了。三、demo实现(1)填写申请的秘钥<script type="text/jav...

2019-06-13 20:11:14 1978

原创 angular2--实现类似大众点评的左右分类栏目效果

一、主要实现效果如下显示1、左边为侧栏导航,右边为对应左边分类的子菜单列表。2、左边菜单点击时,右边的对应的子菜单就会滚到页面的顶部;同理,右边的子菜单滚动时,左边的侧栏导航也会去到对应的分类处。二、页面实现 html<div class="content" #content (scroll)="scrollFn($event)"> <!--左边导航栏 S-->...

2019-05-31 12:06:27 207

原创 angular2--怎么在angular2框架内使用iframe嵌入一个抽奖大转盘

实现效果如下:我想在angular2框架内实现一个抽奖转盘的效果,在源码库里下载到的代码基本都是使用jquery框架和js技术的,和angular2使用的ts不符合,很难改动。那么能不能使用html+js实现这个页面,再把它嵌入到ng2里面呢?答案是可以的。1、把实现了的大转盘抽奖页面(如turntable)整个文件夹放到ng2的assets文件夹下,turntable里面的文件不用改动...

2019-05-24 15:13:31 729

原创 angular2--使用iosSelect实现选择出生年月日的三级联动

实现效果如下所示:官方文档:http://zhoushengfe.com/iosselect/website/index.html1、使用npmnpm install iosselect2、下载相关文件下载文件到项目目录中,在angular.json中引入css和js文件,路径按需调整。3、在typings.d.ts定义变量declare var IosSelect: any...

2019-05-22 16:01:37 304

原创 angular2--使用JsBarcode生成条形码

1、下载js文件JsBarcode.all.min.js2、在angular.json文件里引入js3、在typings.d.ts文件里定义变量declare var JsBarcode: any ;4、html<!--条形码 S--><div class="code-top"> <img id="imgcode" /></div...

2019-05-21 15:09:28 559

原创 angular2--使用qrcode生成二维码

1、在项目根目录安装依赖npm install --save qrcode2、在typings.d.ts文件里定义变量declare var QRCode: any ;3、html<!--二维码 S--><div class="code-img"> <div id="qrcode"></div></div><...

2019-05-21 12:21:32 1149

原创 angular2--引入插件cordova-plugin-qrscanner实现扫一扫功能

具体实现效果如下所示:1、在cordova打包功能添加插件cordova plugin add cordova-plugin-qrscanner2、在typings.d.ts中定义插件declare var QRScanner: any ;下面就可以实现代码啦~一、html前端显示配合onsenui框架进行页面开发:<ons-page> <ons-tool...

2019-05-21 10:56:52 651 2

原创 小程序---自定义data-*属性和获取值,url链接带参数和获取值

在view里定义data-*(为任意单词),绑定点击事件taskDetail<view class='r-task-list' wx:for="{{taskLists}}" data-id='{{item.objectId}}' bindtap='taskDetail'>在js的taskDetail里,利用e.currentTarget.dataset.*接收data-的值t...

2019-04-06 17:41:40 3285

原创 解决:bmob数据库类型,invalid type for key 'user_id', expected 'Pointer', but got 'String'

我用的是bmob作为数据库进行数据的存储,如上图所示,例如user_id字段,它是pointer类型,关联到user表。当我想直接使用set操作进行数据插入时,发现报以下错误:query.set('user_id',‘XXXXXXX’);invalid type for key 'user_id', expected 'Pointer', but got 'String'错误的意思就...

2019-04-06 16:56:11 725

原创 angular2+onsenui--怎么在angular2项目里引入onsenui框架

在angular2项目里安装onsenui框架,这里使用npm命令。一、在目录下,shift+鼠标右键–在此处打开命令窗口键入命令:npm install onsenui ngx-onsenui --save安装成功后会显示相应的框架版本号二、修改app.module.ts增加如图所示的红色框部分:import { OnsenModule, CUSTOM_ELEMENTS_SC...

2019-03-28 17:34:54 242 1

原创 cordova--启动第三方地图app

一、需要安装的插件(1)cordova plugin add com.lampa.startapp //通过URI接口打开第三方APP并跳转到该url(2)cordova plugin add cordova-plugin-appavailability --save //检测是否安装第三方App(3)cordova plugin add cordova-plugin-inappbrows...

2019-03-07 11:47:10 548

原创 angular2--怎么实现城市列表选择功能,类似于通信录功能

实现效果如下:一、右侧有26个字母,用户点击字母的时候,列表会跳到对应字母的城市区域二、页面滑动的时候,经过的城市区域,在右侧字母列表处有高亮提示三、用户选择一个城市的时候,选择的城市信息会显示在头部==》当前城市位置代码实现步骤:一、在头部定义一个盒子,用于接收用户选择的城市<div class="city-box"> <div class="city-hea...

2019-03-06 20:41:53 408

原创 angular2--如何搭建cordova环境

参考链接:https://www.cnblogs.com/woodk/p/5213916.html

2019-03-05 14:50:15 307 5

原创 jq怎么兼容html富文本标签

可以定义一个隐藏的input框,value属性用于接收带有html标签的文本<input type="hidden" id="catelog" value='{$activity->catalog}' /><div id='text'></div>js首先获取input框value的值,然后写入divvar catelog=$("#catelog...

2019-02-26 18:37:10 713

原创 利用::before在文字前增加虚线

<p class="content">选择靠谱的驾校,货比三家。不要一味的追求低价,要从驾校规模、训练场地、驾校教练、收费是否合理等方面综合考虑</p>.content{ padding: 12px 0; position: relative; line-height:25px;}.content::before { position:...

2019-02-22 15:49:55 1295

原创 angular2--怎么利用经纬度获取两地的实际距离

参考百度api开发平台:http://lbsyun.baidu.com/jsdemo.htm#i5_5它是这么写的,然后我现在要改一下,换成拿到了两地的经纬度,计算实际距离,基于typescript开发。一、首先你需要去百度开发平台去申请一个秘钥 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2....

2019-02-22 15:20:32 240

原创 解决:input框当type为number时maxlength失效

慕客网标明的用法是适用type为text和passswod的当我input框设置type为number的时候怎么限制输入长度呢?使用outinput就可以啦<input type="number" name="phone" id="phone" value="phone" oninput="if(value.length>11)value=value.slice(0,11)"

2019-02-21 11:15:11 1353

原创 怎么使用cordova命令打包android APP【debug版本】【带签名版本】

一、创建cordova项目(1)在文件夹目录D:\test\【此路径可自定义】下,shift+鼠标右键==>在此处打开命令窗口输入:cordova create test com.cordova.test test (创建cordova工程 <文件夹名> <包名> <app名

2019-02-15 12:34:10 1078 1

原创 angular2--input框输入数字不换行

今天在做项目的时候发现一个很神奇的问题,就是我input框输入的内容,要是中文就可以正常的在div容器里自动换行,但是输入数字的话就不行。解决办法:在包裹的容器外面加上word-wrap: break-word;overflow: hidden;...

2019-01-14 20:18:21 288

原创 jq实现图片懒加载

<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title>懒加载实例</title> <style type="text/css&quo

2019-01-10 19:55:59 869

原创 angular2--怎么删除数组中的某个元素

Array.prototype.indexOf = function (val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1;};Array.prototype.remove = function (val) { v...

2019-01-09 17:07:01 3063

原创 angular2--怎么实现多选功能

实现效果如下,实现多选和取消的功能:这里我定义一个数组为labelLists,用来存放上面列举的标签,数据格式如下,其中isSelect为标识该标签是否已选:html:html页面使用*ngFor来循环遍历数组;[ngClass]为动态添加一个点击后的active样式,判断条件为当前点击的标签的isSelect属性为true;(click)事件就来做具体的点击效果切换。<ul&g...

2019-01-09 16:39:41 456

提示
确定要删除当前文章?
取消 删除