Angular_的博客

原创 taro的createSelectorQuery()坑

（本来不想写的，但是这个坑害我花费了很多时间，写一下让大家避免踩坑）taro版本是：2.2.7，如果其他版本，其实解决的办法大同小异，逻辑上差不多问题：taro的createSelectorQuery在web端获取数据不正确，在小程序没问题？ createSelectorQuery获取dom实例信息 setTimeout(()=>{ Taro.nextTick(() => { // 使用 Taro.nextTick 模拟 setData 已结束，节点

原创 [mobx.array] Attempt to read an array index (2) that is out of bounds (1). Please

vconsole.min.js:11 [mobx.array] Attempt to read an array index (2) that is out of bounds (1). Please check length first. Out of bound indices will not be tracked by MobX使用react的时候报这个警告，要命的是这个组件有个倒...

原创 数据类型判断+数据深度拷贝+this指向

const father = { age: 56, name: ['老邓头', '臭屁爹', '老顽童'], eat: function() { console.log('==00老邓头我喜欢喝点小酒', this.age) }, children: { age: 28, name: ['小邓子', '小顽童'], eat: function(...

原创 简单登录注册例子实现redux功能

以登录存贮账号密码为例：actions部分：actions/login.js：export function updateAccount(value) { return { type: 'UPDATE_ACCOUNT', value }}export function updatePsW(value) { retur...

原创 react全家桶搭建本地环境

安装react基础架构：px create-react-app my-app cd my-app npm start安装react-router：npm install react-router-dom --save安装redux：npm install --save redux同时安装其附加包:npm install --save react-redux npm ...

原创 （前端网络）http协议：服务器 + url + ajax + http + 同源策略 + xss攻击 + http:缓存机制 + TCP/IP三次握手与四次挥手 + 域名解析过程 + 输入URL后

服务器：1、服务器：凡是在互联网中提供服务的服务器都是web服务器常见的web服务器有：nginx、apache、iis；本地服务器/远程服务器；2、客户端：我们把访问服务器的程序URL：如何访问服务器==》通过url访问 。 同源策略才不会跨域hostname是用于精准定位计算机的 ==》主机名，可以是 ip、域名 port是用于精准定位服务器的==〉端口，htt...

原创 （前端跨域）9种方案，常用4种

开发联调解决跨域：有时候跟后端联调会直接通过修改本地host文件指向后端域名来调试（个人感觉也还是很方便的）常用都4种：http proxy代理（推荐） *推荐，不需要后端*webpage-Server配置 CORS跨域资源共享 *前端直接发送一个请求，eg:axios ===》 后端通过设置请求头，接受该ip请求即可解决跨域（服务器端写允许） *先发送一个op...

原创 vuex与redux区别

之前大部分时间都是用vue全家桶，近段时间在用react全家桶，感觉2个框架都差不多，做了一下对比vuex数据流向：（Vuex是专门为Vue设计的状态管理框架,） view——>commit——>mutations——>state变化——>view变化（同步操作） view——>dispatc...

翻译 vue Echart热力图 百度地图

搬运某位兄台博客的：https://blog.csdn.net/yc_1993/article/details/52432005页面先引入：<script src="http://api.map.baidu.com/api?v=2.0&ak=53oVIOgmSIejwV7EfphPgTynOZbIiVYu"></script><template&gt...

原创 通过一组经纬度数据计算距离

latLng_calc_distance(arrs) { // 经纬度数据算距离 let sum = 0 const l = arrs.length function Rad(d) { return d * Math.PI / 180.0 } for (let i = 0, le = l - 1; i < le; ...

原创 加减乘除精度丢失问题

在浏览器上只要是浮点型一定会发生精度丢失问题

原创 关于app端rem适应不同手机屏幕计算方法

rem是相对根元素html，app端默认的html大小一般都是16px，也就是说1rem = 16px；然后用px和rem的比例计算出rem的值即可。现在一般设计稿都是做750尺寸的，所以我用750尺寸作为参考点，计算其他尺寸的手机，代码如下：;(function(win){ function setFontSize(){ var html = win.document....

原创 return、break、continue区别

break是跳出一层循环，continue是结束一趟循环 ,return才是结束所有层循环!如果有多层for循环,break会跳出当前这一层,去执行最外层循环(而不是退出所有层循环);而continue则结束当前次循环(继续)而去执行下次循环,但本层循环没有结束.(注意一层循环和一次循环的区别:一层循环包含若干(i)次循环) ...

原创 打印js

这个链接基本上写全：https://blog.csdn.net/YH555/article/details/5981849尝试了那么多次，只有ie的兼容模式才能起作用，同时页眉页脚的样式也是不能修改

原创 编码和解码有3种方式

1、escape 和 unescape2、encodeURI 和 decodeURI3、encodeURIComponent 和 decodeURIComponent

原创 解决mac上面svn连接不上的问题

这篇文章应该是都解决了http://ask.dcloud.net.cn/article/298

原创 自制echarts双y轴折线图

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

原创 前端自创SVN仓库管理代码

visualSVN server配合花生壳使用，可以创建一个外部版库visualSVN server安装部分第一步：安装svn，visualSVN server(位数可查看电脑是32还是64位的安装，不要安装错了)第二步：（这一步主要是看下面图片操作即可）安装好的svn server 创建新的仓库checkout项目的路径如果没有用户，需要创建用户，如果是新安装的svn server,是没有用户的...

原创 cropper裁剪图片和canvas合成图片

裁剪合成图片之前，首先需要去了解canvas和cropper。canvas1、先创建一个节点：var c=ocument.createElement("canvas");  2、给c创建一个绘画环境：var ctx = canvas.getContext("2d");3、可以对其设置宽高：canvas.width=330；canvas.height=440（看自己要多大设置）；

原创 meta标签 默认使用浏览器最高版本和默认使用的内核，强制竖屏

<!-- uc强制竖屏 --><meta name="screen-orientation" content="portrait"><!-- QQ强制竖屏 --><meta name="x5-orientation" content="portrait"><!—使用浏览器最高版本 --><meta htt...

原创 判断横竖屏和切换

//判断是不是横屏，0 180是竖屏if (window.orientation === 90 || window.orientation === -90 ){              }      window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", f

原创 ios上微信视频不能自动播放和禁止默认全屏

视频 MP4wx.config({ debug: false, appId: '', timestamp: 1, nonceStr: '', signature: '', jsApiList: [] }); document.addEventListener("WeixinJSBridgeReady", function () { 

原创 pc端跳转到移动端页面

if(navigator.userAgent.match(/(Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini)/i)){    location.href='http://dongguan.auto.qq.com/zhuanti/gqftxianApp.htm';  }

原创 web浏览器显示网站小图标

原创 Hbuilder打包安卓app需要的资料

据我的了解打包安卓app需要一些资料：1、安装APP的图标2、启动页的图标3、如果用上微信/qq，需要申请appid，微信到微信的开放平台，QQ到qq开放平台

原创 判断离开页面js

window.onbeforeunload = function() { var unloads = document.getElementById("abc").value; if(unloads == null || unloads == ""){ localStorage.wyshopifevalute='';//要执行 的事情} }

原创 微信web端返回自动刷新

在ajax或者dwr提交的url后面加时间戳。例如http_request.onreadystatechange = funcName（函数名）;http_request.open(“GET”, url, true);比如url是test .jsp那么我们在它后面加上?time=new Date();即url=test.jsp?time=new Date();2 ：在u

原创 电话号码变*js

利用正则表达式var ph = localStorage.phone;var ph = ph.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');

原创 app双击两次退出js

var backButtonPress = 0;$.back = function(event) {backButtonPress++;if (backButtonPress > 1) {// 通过按手机返回键,退出程序plus.runtime.quit();} else {plus.nativeUI.toast('再按一次退出应用');}setTimeout(

原创 微信/支付宝支付js

1、获取支付通道2、发起支付请求——从服务器请求支付订单3、请求支付操作 var ERROR_OK = 'S002';    mui.init()    /*选择微信还是支付宝支付*/    var channel = null;    var channel1, channel2;    // 1. 获取支付通道    function plusReady()

原创 Hbuilder打包安卓app步骤

1、配置app图标2、配置启动页3、如果有授权登录，需要申请appid，微信的到微信开放者平台https://open.weixin.qq.com/cgi-bin/index?t=home/index&lang=zh_CN4、打包的时候需要自己的证书文件，这个证书通过jdk来申请，按着步骤来操作即可http://blog.sina.com.cn/s/blog_821e2bb

原创 QQ/微信授权登录js

本页面只做微信/QQ的授权登录这个静态页面就没什么好说的了授权登录的js方面，之前找过h5的微信授权代码，其实思路是差不多的，但是那个代码打包出来到app上面一直不行，只能真机调试于是后来就换了另外一种方法，其实逻辑是一样的，但是这个代码可以打包使用                (function($, doc) { $.plusReady(function(

原创 手机点击复制js

一直想实现能够实现点击自动选中复制的功能，后来找找人代码，在电脑上面试非常成功，但是打包到手机之后那个代码就失效了，后来无奈之下只能调用手机的复制功能：点击选中文本的css:.fuzhi{-webkit-touch-callout: all;     -webkit-user-select: all;     -khtml-user-select: all;     -

原创 mui底部导航栏点击切换图片和颜色

其实在我不会用jquery。js之前，我觉得这个非常难做，但是现在用多了，觉得它非常实用。$('.footer>a').on('tap',function(){//点击$(this).children().css('color','#e9af29');//点击的那个变黄色$(this).siblings().children().css('color','#adaeaa');//同

原创 限制p元素之显示2行文字，同时出现省略号。

只需要给p元素添加属性即可，之前找了很多都不行  p {border: 1px solid #ccc;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}div的显示：