自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

zhuhaomingoo的博客

本博文均为本人平时开发遇到的问题解决方法如有误请批评指正,我会一点点积累的。

  • 博客(20)
  • 问答 (6)
  • 收藏
  • 关注

原创 发布流程小工具

在平时工作中,build完忘了切换分支。在develop 分支上直接开发容易造成代码冲突,所以做了个小工具。包含了命令行主图颜色和异步运行动画。需要在package.json的script中配置deploy": "node ./deploy.js"即可。

2023-05-17 17:07:15 125

原创 js-由深拷贝浅拷贝,传值与传址-引发的关于堆(“heap”)栈(“stack”)的思考!

前端面试一定会都遇到输出值的问题,并且不止一道题而是几乎两页纸。这类问题大多都是看一个前端开发者的js基础,数据类型和变量作用域。今天我们就堆栈的概念来看看js中的变量是如何存储的。Js的数据类型可分为值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)。和引用数据类型:对象(Object)、数组(Arra...

2019-08-08 10:28:50 210

原创 H5转盘抽奖功能

做效果习惯性的先上X度转转,找了几个demo都不尽人意于是各取所长。要素:定时器,实现帧动画;随机数,实现任意动画步长;Css3 transition,也可以实现帧动画。定时器直接舍弃,动画用css实现算是省劲了,也不用担心性能问题。<div class="box"> <div class="img"> </div> <a ...

2019-01-23 15:39:46 2884 1

原创 微信小程序 webview获取环境问题

微信小程序允许了webview插入H5页面的能力,只要引入微信提供的JSSDK 1.3.2页面内便可部分使用小程序api。小程序也提供了页面内辨识环境的方法 window.__wxjs_environment === 'miniprogram' iOS系统内没有什么问题,但是部分安卓手机会辨别失效。是只是应为变量注入慢导致获取不到更改前:if(window.__wxjs_envi...

2018-12-13 14:22:56 2228

原创 position: sticky;实现悬停头部的效果。。。。

css h5实现滚动到一定位置的头部悬停效果,position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;top: 0;保证子为父的第一个元素。...

2018-07-10 15:33:56 1366

原创 candyjs入门篇

candy.js是基于h5新特性webscoket,可创建实时聊天室,也可私聊。后台管理系统依赖于openfire,在openfire里可以进行管理员以及用户的权限设置。这是candy的官网看着有点费劲,自己慢慢磨吧,http://candy-chat.github.io/candy/#customization;git地址:https://github.com/candy-chat;

2017-02-23 10:56:47 837

原创 box-sizing:border-box;的一些坑

近日在使用新属性box-sizing:border-box;的时候遇到了一些问题很致命,很费时间,情况就如下面的例子。给全局加了box-sizing:border-box;属性。文字里需要带入彩色的标签,高度是16px,左右padding各5px,line-height自然而然就是16了。但这时就会出现图一的情况文字上下并不是剧中的。从正常逻辑思维出发,我找不到一丝纰漏怎么改也不对怎么给都是剧中不...

2017-01-25 15:18:29 15163 8

原创 h5弹层之后阻止页面滚动

弹层阻止页面滚动

2017-01-24 10:41:17 1959

原创 混合开发原生嵌套H5页面

近段时间一直在替换原生页面,也快告一段落了。现在谈谈自己的心德与看法,如有什么错误的观点请指正,多多包涵。所谓的混合开发或者是混合模式,无非就是把H5页面嵌套在原生app里。当我们打开app时原生页面是随着安装包存在本地的,很快也很顺畅,无需加载过程。而当我们执行某个带有H5入口的操作时,就会加载进来我们的H5页面,就和普通页面一样需要等待一定的加载时间,而这个入口 就像点击了咱们前端的a标签

2016-12-31 10:34:43 7651

原创 ios字体与安卓字体设置

这些天一直在调样式,发现微软雅黑的字体:                                                                              font-family: "Microsoft YaHei";在IOS和安卓里呈现的是两种样式。而原生app又是微软雅黑字体。H5进去很是孤立的显示IOS的                 

2016-12-21 16:01:01 4870 1

原创 H5效果 对比展示商品

挺简单的效果一般人都能看得懂,就不多废话了 Document body,html{ width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; } .container{ width: 100%; height: 4

2016-12-01 18:03:28 1217

原创 $.fn. 给jQuery扩展插件

进来研究jquery扩展插件的方法,尝试了网上好多案例。最后还是感觉这种方式最为合适,易懂好掌握。先来看看实例:

2016-11-30 11:05:08 328

原创 跨域请求报错 Uncaught SyntaxError: Unexpected token :

找了一下午错,后台的大神说是json解析格式错误。看着貌似是json少个括号或者冒号。其实不然,ajax请求成功状态值200,但只走error不走success。主要是后台没有支持ajax跨域请求所以还要找后台的兄弟改改代码。public String articList( HttpServletRequest request, String callback)        th

2016-11-14 18:02:12 5687 1

原创 H5页面在手机上运行 在手机上运行web项目

今天研究了一天Node Js 突然发现个好玩意,让手机访问Node跑起来的项目。首先在gulpfile.js文件中定好端口:port: 8080然后用gulp的watch插件监听项目文件。gulp.task('watch', function() {  gulp.watch('sass/*.scss', ['gulp-sass']);  gulp.watch('

2016-11-07 17:47:23 7035

原创 ios文本框无法输入内容

-webkit-user-select:none;   -moz-user-select:none;   -ms-user-select:none;   user-select:none; 属性会又有兼容问题,导致在ios上文本框无法输入内容。文本框默认样式去除还要加个border-radius:0;

2016-11-03 13:41:43 4659

原创 动态生成script,切换脚本

load_js("scc","js/box_a.js");        $(".tab").on("click","span",function(){            var cls = $(this).attr("id");            for(var i=0;i                $("section").addClass("box_hide").

2016-11-01 11:28:53 543

原创 css的overflow:scroll与ios

周末了,现在把上周所遇到的问题以及学到的一些新知识做一总结。在上次的一个混合开发中,我的H5页面嵌入到原生app,由于是静态页,跳转都是用Angular在原生里做的处理,数据过长在于是就是用了:css的“overflow-y:scroll;”属性。在安卓系统中看页面无卡顿,滚动良好。可在ios系统中滚动卡顿甚至划不动的现象,原因是overflow:scroll;与ios自带的滚动相冲突取了

2016-10-30 09:57:25 1261

原创 js定时小广告推送

cunchu                        var stroage = window.localStorage;                $(".btn").on("click",function(){                var now = new Date().getTime();                stroage.set

2016-10-26 14:41:10 972 1

原创 angular textarea字符长度的限制

class="help-block" id="textcount">还可以输入300字class="form-control" id="txt" ng-change="changed()" rows="3" ng-model="article.summary">$scope.changed = function () { $scope.textcount=300-$scope.

2016-10-26 10:36:13 2942

原创 angular 将字符串数据转为DOM元素

ng-bind-html="data.summary|to_trusted" ng-click="goDetail(data)" >过滤器app.filter( 'to_trusted', ['$sce', function ($sce) { return function (text) { return $sce.trustAsHtml(text); }

2016-10-24 17:50:43 2645

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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