![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
huch_shyh
码农
展开
-
立即(自)执行函数 定义全局变量 var _hmt = _hmt || [] 百度统计代码引发的思考
相信大家对下面的这段代码肯定不陌生,前端同学可能都写过或者在扒别人网站时都见过:var _hmt = _hmt || [];(function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?xxxxxxxxxxxxx"; var s = docum原创 2018-05-26 17:36:50 · 16060 阅读 · 0 评论 -
不透明度百分比 16进制值对照表;rgb色值16进制转化原理
不透明度 16进制值100% FF 95% F2 90% E6 85% D9 80% CC 75% BF 70% B3 65% A6 60% 99 55% 8c 50% 80 45% 73 40% 66 ...原创 2018-09-01 21:56:48 · 4022 阅读 · 0 评论 -
在React-Native、React中 设计模式之模板方法模式的应用
大家在写Java、Android程序时,肯定都会用到设计模式之模板方法模式(一次性实现一个算法的不变的部分,并将可变的行为留给子类来实现)。 搭Android框架时,都会去写一个基类BaseActivity:基类:public abstract class BaseActivity extends AppCompatActivity { @Override protected voi...原创 2018-08-24 22:45:57 · 949 阅读 · 0 评论 -
Regular、Normal、Medium、Light 对应的font-weight值
开发中设计师所出的设计图描述字重的地方往往是这样的: 如上2图描述字重的地方用的是Regular,知道这对应的font-weight值是多少吗?字体粗细:‘font-weight’属性名称: font-weight取值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 8...原创 2018-08-28 22:13:13 · 59266 阅读 · 4 评论 -
h5 ios中软键盘弹起后 fixed定位失效
position: fixed;在ios手机中会存在一个失效情况: 如果页面有输入框存在,点击输入框软键盘弹起后会发现原先fixed定位在顶部的View不见了,ran’h原创 2018-08-21 15:20:17 · 8835 阅读 · 1 评论 -
h5 移动端 监听软键盘弹起、收起
前面一篇博客 h5 安卓 键盘弹起界面适配 修改webview高度提到了在Adnroid中如何监听软键盘的弹起与收起,是利用的窗口的高度发生变化 window.onresize事件来做突破点的,但是ios中软键盘的弹起收起并不触发window.onresize事件。 总结: 1.在ios中软键盘弹起时,会引起$(‘body’).scrollTop值改变,但是我们可以通过输入框的获取焦点情况来...原创 2018-08-21 13:18:32 · 35586 阅读 · 14 评论 -
签名算法 待签名参数按照字段名的ASCII码大小排序 Android、JS中实现
验签是作为一个api接口避免裸奔的必要手段之一,原理就是前后端约定一套签名规则,首先前端在请求api接口时会增加一个sign参数,其值来源是对所提交的参数按照约定的签名规则去生成;接着后端同样会针对其接收到的参数(除sign外)按照约定的签名规则也生成一个sign,然后对2者进行比较,如果不一致则认为此次请求是未非法无效的,不予处理。参考微信公众平台的签名算法:签名生成规则如下:参与签名的字...原创 2018-08-11 22:27:11 · 6025 阅读 · 0 评论 -
css 0.5px 间隔细线 | border 细线的实现 参考WeUI
在Android中系统是识别0.5dp的,但是在web中浏览器内核在遇到0.5px时会向上取整为1px。 前端UI设计的间隔线都是设计0.5px,这时候用border-bottom: 1px solid #e6e6e6; 效果还是很粗的,UI复核页面的时候肯定不过关的。 下面说一下参考WeUI的解决方案: WeUI间隔线 先看WeUI源码的实现 提取核心:.weui-...原创 2018-07-31 17:55:16 · 9646 阅读 · 0 评论 -
brew nvm 安装指定版本node
一般通过brew install node 安装的都是相对brew版本的最新版,这时候我们想切换指定的node版本时,就比较麻烦了,网上之前说的安装brew tap brew tap homebrew/versions 目前已失效了homebrew/versions was deprecated 那么我们还有其他途径吗?有的,通过nvm:brew install nvm //...原创 2018-06-01 14:45:51 · 2930 阅读 · 0 评论 -
mac 安装Node、npm 升级Node、npm
先看Node.js中文网对Node、npm的定义Node.js中文网 Node npm 安装npm在Node v0.6.x版本之后,内建于Node系统。通过npm可以协助开发者安装、卸载、删除、更新Node.件,并且可以通过npm发布自己的插件。那么就好办了,先安装Node后就自带npm了。通过官网直接下载Node的.pkg包 中文官网download 官网download...原创 2018-05-31 16:31:22 · 33325 阅读 · 2 评论 -
js 变量提升 函数提升 作用域
再说这个知识点前,我们先了解下javascript语言的本质。简单来说js是一个脚本语言,是介于标记语言(例html中使用的标签<.. /> 等是一种被动的,被用来浏览\显示的,无行动能力)与编程语言(具有逻辑性和行为能力,这是主动的)之间,特点是不需要编译,可以直接书写,但依赖解释器来负责解释执行。 js代码解析原则js引擎首先在读取js代码时默认执行2个步骤: 1....原创 2018-05-30 20:15:32 · 1402 阅读 · 0 评论 -
react react-native 日期插件 m-date-picker / rmc-date-picker的使用
m-date-picker 基于 React,提供了 iOS 风格的日期选择方式,与原生 Datepicker 非常相似。 主页: https://github.com/react-component/m-date-picker Demo: http://react-component.github.io/m-date-picker/examples/popup.html 推荐: ★★★★★...原创 2018-06-20 20:44:40 · 7546 阅读 · 4 评论 -
input maxlength 属性不起作用
大家经常会遇到限制某个输入框的最大长度的需求,比如一个要求输入手机号的输入框:<input type="text" placeholder="请输入手机号码" maxlength="11" />如果是上面的写法的话,maxlength属性是有效的。但是type=”text”有一个不好的体原创 2018-06-05 22:39:37 · 41708 阅读 · 3 评论 -
input onchange事件不触发 oninput onpropertychange onchange 实时监听
做前端的同学,经常会跟输入框打交道,免不了要做实时监听文本输入的需求。Android中实现obj.addTextChangedListener(new TextWatcher() { @Overridepublic void beforeTextChanged(CharSequence s, int start, int count, int after) {...}@Ove...原创 2018-06-05 17:21:30 · 6370 阅读 · 1 评论 -
js 最多保留2位小数 另一个思路
h5中一个很常见的需求,就是在有一个输入金额的地方,保证用户只能输入最多2位小数。 那么看到这个需求很多同学,首先就想到了Js中Number对象的toFixed方法,默认是四舍五入的。接着就是码代码了: <input type="tel" onChange={(event)=>{ //保证只有出现一个. let money = this....原创 2018-05-24 17:09:36 · 4673 阅读 · 0 评论 -
npm ERR! cb() never called! 解决办法
执行npm i 命令时,出现了npm ERR! cb() never called!错误 解决方案: 1、首先清除你的npm缓存: sudo npm cache clean -f 一般情况执行完后再试下 应该就OK了 2、如果1方法不奏效的话,只能采用升级覆盖安装:清除完缓存后,安装最新版本的Node helper: npm install -g n 告诉助手(n)安装最新的稳定...原创 2018-09-07 20:54:01 · 51985 阅读 · 1 评论