chyykk-CSDN博客

原创小程序自定义头部跟胶囊按钮对齐的实现方式

setTop(){var_this=thiswx.getSystemInfo({success:function(res){letnav_top=res.statusBarHeight+4;if(res.platform.toLowerCase()=='android'){nav_top+=4;}_this.setData({...

2021-06-16 10:00:56 577

原创 angular,ng安装不成功,ng不是内部或外部命令解决方法

首先,贴一下安装的官方文档,英语过得去的就去读一读,省去很多时间:https://angular.io/guide/setup-local读官方文档后,命令安装angular.js,node版本和npm版本是硬性要求,package.json.里面规定了对应版本:"engines": { "node": ">= 10.13.0", "npm": "^6.11.0", "yarn": ">= 1.13.0" }版本对应了,安装angular,基本没问题,

2021-02-07 10:34:20 2227 1

原创 v-bind:style关于vue实现内联样式绑定的问题

v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用单引号括起来) 来命名：<span class="avatar" :style="{backgroundImage:'url('+k.headImg+')'}"></s...

2018-12-21 17:01:22 1122

原创关于vue.js的搜索方式的写法

$router.push({path: '/path',query:{query:'查询内容'}})。新的页面接收查询的文字：this.$route.query;

2017-05-10 14:10:08 443

转载 60秒获取验证码的代码实现

<input type=""text" id="phone"><input type="button" id="btn_get">function checkPhone(){ var phone = document.getElementById('phone').value; if(!(/^1[34578]\d{9}$/.test(pho

2017-02-20 19:15:02 787

原创数组去重，数组分割

数组去重的方法1：function quC(arr){ arr.sort(); var re=[arr[0]]; for(var i = 1; i < arr.length; i++) { if( arr[i] !== re[re.l

2016-09-07 17:37:41 214

转载拖动事件的代码

<body> <div id="computerMove">点击我拖动</div> <script src="jquery-1.8.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ var $div = $("div#

2016-08-23 11:46:23 277

转载 js实现一个自定义的滚动条

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div模拟的自定义滚动条</title> <style type="text/css"> * { margin: 0; padding: 0

2016-08-23 10:39:50 1926

原创实现切换效果的样式

2016-07-08 17:36:24 315

原创实现图片居中的js。

function mtCenter(ele){ var wid = (ele).width();(ele).width(); (ele).css(“margin-left”,-wid/2+”px”) }

2016-07-07 14:52:56 1211

原创一些元素的css样式重置

input,textarea{ border:0; outline:0; margin:0; padding:0; outline:none; //去除默认外边框亮光}textarea{ resize:none; overflow:auto;}em{ font-style:normal;}ol,ul{ list-s

2016-06-16 11:50:45 547

转载全国省市的二级联动js方法

/** * Created by hanyan on 2016/6/15. */cityareaname=new Array(35);cityareacode=new Array(35);function first(preP,preC,VeryHuo,selectP,selectC){ a=0; if (selectP=='01') { a=1;tempopti

2016-06-16 11:22:11 658 1

原创渐变的用法

background:linear-gradient(to top,red 0%,red 50%,yellow 50%,yellow 100%)

2016-05-20 16:36:39 247

原创移动端媒体查询的一些尺寸参考

2016-05-09 10:07:26 19616

原创关于全局变量控制函数的执行情况的方法！

var can=true;var Height;document.body.addEventListener("touchstart",function(){ can=false;})document.body.addEventListener("touchend",function(){ var h= $("body").scrollTop(); if(h!=He

2016-04-19 16:45:47 355

转载京东话费充值，点击出现的css样式

html页面端的实现<ul class="xuanglod clearfloat" id="redTeam"> <li class="act"> 1个玩家 <s class="active"></s> </li> <li > 2个玩

2016-03-23 13:38:46 1859

原创点击相应的按钮出现相应的页面的实现

像京东详情页那样，产品那边，点击小的图片会使上面大图进行切换，很多轮播也会采用这手动鼠标hover后改变轮播里面的图片。那么这种是如何实现的呢？？以下就是我对这种实现方式的一点点小见解。以下代码是建立在jquery代码基础上，具体的如下：html端的代码<ul> <li onmouseover="atctiv(this)" title="sec1">1</li>

2016-03-23 12:54:56 896

转载清除浮动比较好用的方法

清除浮动通过对浮动元素的父元素加clearfloat实现清除浮动过程.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}.clearfloat{zoom:1}

2016-03-16 10:50:17 256

原创清除浮动比较好用的方法

给有浮动的父元素加上clearfloat的类，每做一次浮动，结束后都要清除浮动.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}.clearfloat{zoom:1}

2016-03-16 10:44:24 234

原创模态框的的实现

模态框的制作思路：两个div进行绝对定位。背景黑色透明度opacity 设0.8 对前端显示内容的框进行设置，加入模态框需要显示的样式即可。引入jquery关于html的布局：<input type="button" class="btn"><div class="mtqian"> <img src="images/close.png" class="clos

2016-03-03 17:01:55 1087

baidu_34157788的博客