红尘紫陌博客

原创 彻底弄懂call和apply，bind的区别

apply方法apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入，且当第一个参数为null、undefined的时候，默认指向window(在浏览器中)，使用apply方法改变this指向后原函数会立即执行，且此方法只是临时改变this指向一次。call方法call方法的第一个参数也是this的指向，后面传入的是一个参数列表（注意和apply传参的区别,多个参数）。当一个参数为null或undefined的时候，表示指向window（在浏览器中），和

转载 最全的手写JS面试题

1 compose题目描述:实现一个 compose 函数// 用法如下:function fn1(x) { return x + 1;}function fn2(x) { return x + 2;}function fn3(x) { return x + 3;}function fn4(x) { return x + 4;}const a = compose(fn1, fn2, fn3, fn4);console.log(a(1)); // 1+4+3+2+

转载 微信H5页面前端开发，大多数人都会遇到的几个兼容性坑

最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。1、ios端兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。出现原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时

原创 JS ES5或者ES6简便方法

1.一组数据取最小值// 查找数组里面最小的元素值const arrs = [1, 2, 3, 4];// ES6 的语法如下const min = Reflect.apply(Math.min, arrs, arrs);console.log(min); // 1// ES5的语法如下：const min2 = Math.min.apply(arrs, arrs);console.log(min2); // 1// 或者我们使用 Finction.prototype 代码如

原创 产品经理二

原创 产品经理

1，干什么的 得到具体需求，转化为产品功能需求，得到大概功能规划，再调研同类竞品调研，看看有什么好的方案和坑，并最终确定功能逻辑，写成产品文档产品经理的工作流程：需求分析=>产品规划=>产品设计=》文档输出=》需求评审=》设计开发=》产品验收=》正式上线=》数据反馈=》需求分析产品经理的本质是：将用户需求整合资源形成产品落地，即问题解决着用户分析根据以下进行： 用户群，产品卖点，需求痛点，行为分析功能分析根据以下进行：产品调研，关键流程，功能点，产品结构2，...

原创 android的基础

一个控件绑定多个点击或者长按事件，想让执行一次，就return true,return false表示执行这个事件还没有结束还要执行另外一个事件

原创 android的基础 ImageView

ImageView的基本属性android:scaleType有一些值代表图片的渲染方式 fitXY 代表X,和Y轴都充满整个view fitCenter 保持宽高比 知道能够完全显示 centerCrop 保持宽高比 知道完全覆盖控件 裁剪显示要想加载一张网络图片先在网上找一个控件比如 glide先在gradle中引用在初始化，再在 AndroidManifest.xml中声明<uses-permission android:name="android

原创 android的基础CheckBox

CheckBox左侧的选择框的样式也是用drawable,(android:button="@...."),距离用paddingLeft//这是多选 监听其中一个check1= this.<CheckBox>findViewById(R.id.check1); check1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override

原创 android的基础 RadioButton

首先button的点击事件创建函数private void setListeners (){ Onclick onClick=new Onclick(); mBtnText.setOnClickListener(onClick); btn1.setOnClickListener(onClick); btn2.setOnClickListener(onClick); radioBtn.setOnClickListener.

原创 android基础EditText

EditText android:inputType 是决定弹出什么键盘的！ android:hint 输入框输入前的提示语android:maxLines 最大行数android:drawableLeft 输入框的左边的图标android:drawablePadding 图标距离文字的距离//EditText 监听输入内容的变化edit_1.addTextChangedListener(new TextWatcher() { @O...

原创 android 点击事件的写法

//第一种是在JAVA代码里写 private Button btn3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_button); btn3= this.<Button>findViewById(.

原创 android的基础 button 按钮

Button自定义背景颜色的形状1，先在res中的drawable新建的 Drawable Resource File 新建 Root Element 的shape文件<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid ..

原创 android的基础 4

TextView android:maxLines="1" //最多一行 android:maxLines="1" android:ellipsize="end" //一行超出出现省略号//一行跑马灯android:layout_width="300dp"android:layout_height="wrap_content"android:text="红尘紫红尘紫红尘红尘紫红尘紫红尘尘红尘红尘紫红尘紫红尘尘红尘尘红尘"android:textColor="#000"and.

原创 android的基础3

相对布局：(RelativeLayout)layout_alignParentBottom //父元素的下面，横向位置不变 值为truelayout_alignParentRight //父元素的右面，竖向位置不变 值为truelayout_toRightOf //值为id,为这个元素的右边layout_below //值为id,为这个元素的下边等等！...

原创 android的基础2

注意：对大小写有区别！常用的属性：android:id android:layout_marginandroid:layout_width android:layout_paddingandroid:layout_height android:backgroundandroid:orientation //线性布局的方向，横向或者竖向match_parent //上一级元素的尺寸wrap_content //内容的尺..

原创 android的基础（1）

androidx.constraintlayout.widget.ConstraintLayout：约束布局，LinearLayout：线性布局1，约束布局 是Google推出的新的布局组件，它出现的目的一是为了减少布局中ViewGroup的层级嵌套，二是为了适应更灵活的布局需求，它有点类似于RelativeLayout但是又比RelativeLayout强大很多，比如RelativeLayout中你可以让一个TextView在中横向居中，但是你很难让它处于横向30%的位置。如果在RelativeL.

原创 js 面试出现频次较高的算法题

原创 微信公众号二维码长按识别时，不是识别，而是放大

<template> <div class="wzhalertcode" :style="{visibility:txqrcodeFlag?'visible':'hidden'}"> <div class="qrcodeBox"> <div class="qrcodeBoxtitle">{{wzhtopstr}}</div> <img :src="txqrcodeImg.

原创 前进刷新，后退不刷新

首先在router/index.js中的routes中的每一项加上meta: { keepAlive: false}就按好像下面一样，注意，false代表不需要缓存，true代表需要缓存{ path: "/teamFun", name: "teamFun", component: teamFun, meta: { keepAlive: f...

原创 weback4.0版本学习（一）

先建立一个文件夹并进入：mkdir demo && cd demo再初始化：npm init -y//安装webpacknpm install webpack webpack-cli --save-dev打包方法 ：npx webpack，默认配置文件的名字：webpack.config.js。一，webpack.config.js的配置const path = require('path');// path.resolve(__dirname, .

原创 vue项目建立步骤

一 建立vue项目vue init webpack personMsg（最后一个是项目名）二 引入其他插件npm install axios –savenpm install qs --save 在main.js中添加importaxiosfrom"axios";importqsfrom"qs";Vue.prototype.$axios=axi...

原创 js 简便方法

filter用于对数组进行过滤。它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

原创 关于PHP5和PHP7版本下的变化！（刚开始xue）

对于php程序员来说，随着php不同版本对于部分函数变量机制的更新改进，往往会让大家因在不同版本下使用同一变量而出现不同结果时而产生疑惑。一、global变量机制<?php$x=5;$y=10;function myTest(){global $x,$y;$y=$x+$y;}myTest();echo $y; ?>在php5的环境下输出：15；...

原创 PHP中echo,print,print_r输出的区别？

echo() 函数输出一个或多个字符注释：echo() 函数实际不是一个函数，所以您不必对它使用括号。然而，如果您希望向 echo() 传递一个以上的参数，使用括号将会生成解析错误。提示：echo() 函数比print()速度稍快。提示：echo() 函数也有简写语法。在 PHP 5.4.0 之前，该语法只适用于 short_open_tag 配置设置启用的情况。用法：ech...

转载 ES6、ES7、ES8、ES9、ES10新特性一览

ES6的特性比较多，在 ES5 发布近 6 年（2009-11 至 2015-6）之后才将其标准化。两个发布版本之间时间跨度很大，所以ES6中的特性比较多。在这里列举几个常用的： 类 模块化 箭头函数 函数参数默认值 模板字符串 解构赋值 延展操作符 对象属性简写 Promise Let与Const ...

原创 lunix 命令行

find / -name httpdfind / -nameapachectlfind / -name httpd.conflinux下如何找到apache的安装目录注意 find 后有空格

原创 vue 中 用法

1.v-for和data属性<li v-for="(item, index) in message" v-on:click="addClassFun(index,$event)" :data-qt_id='item.qt_id' v-bind:class='{selectcolor:index==selectIndex}'> {{ item.type_name ...

原创 自己生成符合HBuilder的andriodSDK

keytool -genkey -alias （自己写的别名，什么都可以） -keyalg RSA -sigalg SHA1WithRSA -validity （这个是有效时间，是多少天，不要填太小） -keysize 2048 -keystore （这个是证书名字，以.keystore结尾）证书转化，注意路径keytool -importkeystore -srckeystore （这...

转载 uni-app目录用处

components uni-app组件目录，放可复用的组件 pages 业务页面文件存放的目录 static 存放应用引用静态资源（如图片、视频等）的地方，注意：静态资源只能存放于此 App.vue 应用配置，用来配置App全局样式以及监听 生命周期 main.js Vue初始化入口文件 mainfest.json 配置应用名称、appid...

原创 mui 获取本地的图片的绝对路径本，上传到OSS上

mui(".img ul").on("tap", "li.addImgge", function() { if (mui.os.plus) { var a = [{ title: "拍照" }, { title: "从手机相册选择" }]; plus.nativeUI.acti...

转载 js 时间

functionRefreshTime(targetDate){//获取本地当前时间，截止时间-当前时间=倒计时时间varToday=newDate();varendDate=newDate(targetDate);varleftTime=endDate.getTime(...

转载 evalJS跨webview回传参或执行方法

在H5+app的开发中，webview的操作是基础，在实际的应用中我们通常会发现不同的webview之间需要相互传递参数或者执行方法.准备工作：我们需要两个页面A和B，B是A的子页面，点击B中的某个按钮，把B中的参数传递给A并刷新A.实现方法：在A页面中首先要有一个接收参数并展示的方法：function showAG(ag){ document.g...

原创 mui 子页面返回父页面并执行父页面的方法

在子页面执行的方法if (window.plus) { plusready();} else { document.addEventListener("plusready", plusready,false);}function plusready() { var view = plus.webview.currentWebview().opener(); //传递参数...

原创 mui建立二级页面

mui.openWindow({ url: 'houseRelet.html', //id: 'target', extras: { htmlStr:htmlStr, time:showUserPickerButton.value }});在二级页面接受var htmlStr = plus.webview.currentWebview().htmlStr;必须在m...

原创 mui 跨域请求

mui 本身不能跨域需要引入mui.jsonp.js插件/** * MUI JSONP * varstion 1.0.0 * by Houfeng * [email protected] *///jsnop.js(function($, win, doc) { var callbackIndex = 0; //生成回调函数名 var createCallbackNa...

原创 引入JQUERY的手指跟随滑动

var startX, startY, moveEndX, moveEndY, X, Y;var flag=true;$(".mui-recommend .house-content ul").on("touchstart", function(e) { e.preventDefault(); startX = e.ori...

原创 JAVA 的数据类型

java语言提供了八中基本类型，六种数字类型（byte,short,int,double,long,float）,一种字符，一种布尔： byte： byte 数据类型是8位、有符号的，以二进制补码表示的整数； 最小值是-128（-2^7）； 最大值是127（2^7-1）； 默认值是0； ...

转载 HBuilder打包App方法(图文教程)

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。1，下载HBuilder，注册并登陆。首先打开“文件”-“新建”-“移动APP”，...

转载 利用HBuilder打包前端开发webapp为apk的方法

现在的前端开发可谓是，百花齐放啦，什么都可以做，只有想不到没有做不到的，今天就简单的介绍用vue，ng或者是react开发的单页应用如何打包为apk，在移动设备上运行。这里以vue为例，其他的差不多，大家可以根据自己的情况去查找相应资料。第一步，需要安装node，如果是做前端的er，这个应该就不用过多介绍了。第二步，使用vue-cli工具初始化vue项目，这里只是做一个测试的项目，所以...