web前端
dbat.top
dbat.top
展开
-
发布流程小工具
在平时工作中,build完忘了切换分支。在develop 分支上直接开发容易造成代码冲突,所以做了个小工具。包含了命令行主图颜色和异步运行动画。需要在package.json的script中配置deploy": "node ./deploy.js"即可。原创 2023-05-17 17:07:15 · 151 阅读 · 0 评论 -
js-由深拷贝浅拷贝,传值与传址-引发的关于堆(“heap”)栈(“stack”)的思考!
前端面试一定会都遇到输出值的问题,并且不止一道题而是几乎两页纸。这类问题大多都是看一个前端开发者的js基础,数据类型和变量作用域。今天我们就堆栈的概念来看看js中的变量是如何存储的。Js的数据类型可分为值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)。和引用数据类型:对象(Object)、数组(Arra...原创 2019-08-08 10:28:50 · 225 阅读 · 0 评论 -
H5转盘抽奖功能
做效果习惯性的先上X度转转,找了几个demo都不尽人意于是各取所长。要素:定时器,实现帧动画;随机数,实现任意动画步长;Css3 transition,也可以实现帧动画。定时器直接舍弃,动画用css实现算是省劲了,也不用担心性能问题。<div class="box"> <div class="img"> </div> <a ...原创 2019-01-23 15:39:46 · 2934 阅读 · 1 评论 -
微信小程序 webview获取环境问题
微信小程序允许了webview插入H5页面的能力,只要引入微信提供的JSSDK 1.3.2页面内便可部分使用小程序api。小程序也提供了页面内辨识环境的方法 window.__wxjs_environment === 'miniprogram' iOS系统内没有什么问题,但是部分安卓手机会辨别失效。是只是应为变量注入慢导致获取不到更改前:if(window.__wxjs_envi...原创 2018-12-13 14:22:56 · 2326 阅读 · 0 评论 -
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 · 1392 阅读 · 0 评论 -
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 · 859 阅读 · 0 评论 -
box-sizing:border-box;的一些坑
近日在使用新属性box-sizing:border-box;的时候遇到了一些问题很致命,很费时间,情况就如下面的例子。给全局加了box-sizing:border-box;属性。文字里需要带入彩色的标签,高度是16px,左右padding各5px,line-height自然而然就是16了。但这时就会出现图一的情况文字上下并不是剧中的。从正常逻辑思维出发,我找不到一丝纰漏怎么改也不对怎么给都是剧中不...原创 2017-01-25 15:18:29 · 15272 阅读 · 8 评论 -
h5弹层之后阻止页面滚动
弹层阻止页面滚动原创 2017-01-24 10:41:17 · 1977 阅读 · 0 评论 -
混合开发原生嵌套H5页面
近段时间一直在替换原生页面,也快告一段落了。现在谈谈自己的心德与看法,如有什么错误的观点请指正,多多包涵。所谓的混合开发或者是混合模式,无非就是把H5页面嵌套在原生app里。当我们打开app时原生页面是随着安装包存在本地的,很快也很顺畅,无需加载过程。而当我们执行某个带有H5入口的操作时,就会加载进来我们的H5页面,就和普通页面一样需要等待一定的加载时间,而这个入口 就像点击了咱们前端的a标签原创 2016-12-31 10:34:43 · 7679 阅读 · 0 评论 -
ios字体与安卓字体设置
这些天一直在调样式,发现微软雅黑的字体: font-family: "Microsoft YaHei";在IOS和安卓里呈现的是两种样式。而原生app又是微软雅黑字体。H5进去很是孤立的显示IOS的原创 2016-12-21 16:01:01 · 4950 阅读 · 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 · 1258 阅读 · 0 评论 -
$.fn. 给jQuery扩展插件
进来研究jquery扩展插件的方法,尝试了网上好多案例。最后还是感觉这种方式最为合适,易懂好掌握。先来看看实例:原创 2016-11-30 11:05:08 · 338 阅读 · 0 评论 -
动态生成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 · 561 阅读 · 0 评论 -
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 · 4691 阅读 · 0 评论 -
js定时小广告推送
cunchu var stroage = window.localStorage; $(".btn").on("click",function(){ var now = new Date().getTime(); stroage.set原创 2016-10-26 14:41:10 · 983 阅读 · 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 · 2986 阅读 · 0 评论 -
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 · 2665 阅读 · 0 评论 -
css的overflow:scroll与ios
周末了,现在把上周所遇到的问题以及学到的一些新知识做一总结。在上次的一个混合开发中,我的H5页面嵌入到原生app,由于是静态页,跳转都是用Angular在原生里做的处理,数据过长在于是就是用了:css的“overflow-y:scroll;”属性。在安卓系统中看页面无卡顿,滚动良好。可在ios系统中滚动卡顿甚至划不动的现象,原因是overflow:scroll;与ios自带的滚动相冲突取了原创 2016-10-30 09:57:25 · 1301 阅读 · 0 评论