- 博客(41)
- 资源 (1)
- 收藏
- 关注
原创 快应用中模板页插入tabBar页
/ '快应用是移动互联网新型应用生态,与手机系统深度整合,为用户提供更加场景化的体验。// 页面级组件的数据模型,影响传入数据的覆盖机制:private内定义的属性不允许被覆盖。// 跳转到应用内的某个页面,router用法详见:文档 -> 接口 -> 页面路由。// 当 titlebar 的文案与搜索的标题不一致时,请先设置 titlebar。title: '欢迎体验快应用开发1111',// title: '快应用示例模版',text: '购物车',text: '首页',text: '搜索',
2024-09-26 16:11:32 544
原创 微信小程序客服页面样式
/* pages/personal/service.wxss */page{ background: #F4F5F7;}.header{ height: 88rpx; position: relative; color: #212127; font-weight: bold; /* font-size: 34rpx; */ position: fixed; background: #FFFFFF; top: 0; left: 0; right: 0; .
2022-05-15 00:00:00 854
原创 小程序获取客服数据并按照信息发布时间排序
var app = getApp();//获取应用实例 /** * 页面的初始数据 */ data: { uId:"", uname:"", token:"", pageNum:1, pageSize:20, statusbar:0,// 小程序状态栏的高度 height:0, post:[], total :true// 判断是否加载更多 }, /** * 生命周期函数--监听页面加载 */.
2022-05-13 13:47:01 181
原创 数组对象去重更新
function RECENTLY_READ(){var daytime = new Date().getTime();var recentlys = JSON.parse(localStorage.getItem("RECENTLY_READ"))?JSON.parse(localStorage.getItem("RECENTLY_READ")):[];var text = {b...
2018-10-18 17:28:28 228
转载 动画原理和轮播简单原理
动画简单原理 在电脑屏幕上,应该每隔多少秒改变一次 一般屏幕刷新率 60hz 1000 / 60 每隔多少毫秒执行一次 setInterval(function(){ var left = parseInt(getStyle(ele).left); ...
2018-03-09 21:47:20 251
转载 阻止浏览器默认行为和拖拽
阻止浏览器默认行为 e.preventDefault() e.returnValue = false e.preventDefault ? e.preventDefault() : (e.returnValue = false) return false e.clientX ...
2018-03-08 22:20:01 5093
转载 获取事件对象和冒泡的阻止
如何获取事件对象 1、DOM.onclick = function(){ // window.event } IE chrome 2、DOM.onclick = function(e){ // e } IE9及以上版本 火狐 ...
2018-03-07 22:18:55 239
转载 DOM树、childNodes、节点的创建与操作
DOM树中有4中节点类型 元素节点 属性节点 文本节点 注释节点 element对象 node对象 两者统称为DOM对象 节点的属性 nodeType 必须要了解 nodeName ...
2018-03-06 23:00:39 905
原创 动画的一些基本原理和基础的轮播
把left的值变大,就会有动画 设置步长 1 获取div当前的left值 2 left + 步长 3 设置给div的left 4 循环执行1-3 当到达目标值时,停止运动 有的时候步长加上对应值不可能正好到达目标值 需要判断临界值...
2018-03-01 22:05:48 171
原创 DOM对象
文档对象模型 DOM Document Object Model js可以通过DOM来操作页面中的元素 获取DOM元素 document.getElementById('id') // 直接获取到的是DOM对象 // 获取到的是对应DOM对象的集合,是伪数组 如果想要获取集合中的DOM对象,则使用 elemen...
2018-02-28 21:09:31 178
原创 js中可以实现部分的事件
鼠标事件 click 点击 move 移动 mouseover/mouseeenter 移入 mouseout/mouseleave 移出 mousedown 鼠标点下 mouseup 鼠标松开键盘事件 keydown keyup keypress...
2018-02-27 21:57:12 232
原创 js操作样式
js可以改变页面中元素的样式 DOM.style.css属性名="值" DOM.style.css属性名 DOM.style只支持获取行内样式 也只能将样式设置在行内(无所谓) 如果css样式是aaa-bbb,js中应该写成aaaBbb 获取到的值和css属性后值一摸一样,所以要进行计算的话应该转换为Number 如:var wid=parseInt(...
2018-02-26 22:17:36 234
转载 HTML中的原生属性
HTML中的属性 HTMl中的原生属性属性名非js关键字或保留字 像id Dom.id="值"属性名为js关键字或保留字 js提供了别名 像class classname Dom.classname="值" HTML自定义属性Dom.setAttribute("属性名","属性值") Dom.getAttribute("属性名") 获取
2018-02-05 22:47:56 1167
原创 Dom
Dom Dom 文档对象模型D---->Document 文档O---->object 对象M---->model 模型 文档就是对应的HTML结构 如何通过document获取其他元素document.body body的Dom对象document.forms 页面中所有的form的Dom对象的集合document.images
2018-02-04 21:02:50 127
转载 部分函数
函数部分 如何声明函数function 函数名(){} 函数表达式var 变量名 = function(){} 调用函数函数名() 参数声明函数 function 函数名(形参){}调用函数 函数名(实参) 返回值function 函数名(){ return 值; 这个值,在调用函数后就可以通过一些
2018-02-03 20:54:30 825
转载 Date对象
Date对象 var date = new Date();得到当前系统日期 日期对象转换成字符串:toString()、toGMTString()、toUTCString() 在创建日期时可以在newDate()中添加参数new Date(年,月,日) 还可以使用字符串new Date("年 月 日")如果加上时间 new Date("年
2018-02-02 22:12:01 580
转载 Array对象
Array对象 属性length 长度index 下标 方法tostring() 转换字符串join() 转换字符串,按照对应的规则,如果没有写规则,则和tostring功能相同,和字符串的split正好相反reverse() 倒序排列数组(会改变原数组) 数组操作(会改变原数组)push([值1,值2,值3])在数组最
2018-02-01 22:12:04 126
转载 Math对象
Math对象 math对象和其他对象不同,不需要new就能直接使用 属性E 自然常数、LN2 loge2、LN10 loge10、LOG2E、LOG10E、SQRT1.2、SQRT2、PI math.pi 方法abs() 绝对值round() 四舍五入ceil() 进一floor() 去尾 平方根sqrt(值)
2018-01-31 22:13:32 103
转载 内置对象及String的方法
在js中提供了很多的内置对象包括:Object、Array、String、Number、Boolean、Data、Math这些内置对象中除了Math外,其真正的名字叫构造函数new构造函数可以得到实例对象object是对象中最接近顶端的对象一个对象下的方法的调用 xxx.方法名() Stringstr.length 字符串长度str.[index]
2018-01-30 22:36:10 281
转载 数组去重方法
方法一: var arr=[1,2,1,3,4,5];var arr2=[];for(var i=0;i if(arr2.indexOf(arr[i]) arr2.push(arr[i]);}}方法二: var arr=[1,2,13,4,1,2,5];var obj={};for(var i=0;i if(!obj[arr[i]]){
2018-01-29 22:24:17 164
转载 循环语句
for(变量声明;条件;变量步长){每次都执行的代码} 1、声明变量,2、条件判断,3、执行代码,4、执行步长 2~4循环执行,直到2的条件不成立遍历数组的写法 for(var i=0;iwhile循环 while的变量声明放在外边 while的条件在while括号里边 while的步长在大括号里 var i=0; while(i console.lo
2018-01-28 22:04:32 90
转载 流程控制语句
if(){} if(){} else{} switch()if(条件){语句块} 如果条件为真,则执行代码,如果为假则不执行。if(条件){ 只要条件为真,则执行大括号中的代码}if(条件){ 这个条件会进行强制类型转换,得到布尔值,如果是true,则执行if后边的语句,如果是false则执行else里边的语句}if(条件){ true时执行}e
2018-01-27 22:17:53 97
转载 数据类型
数据类型包括 原始数据类型 引用数据类型 原始值引用值内存分为栈内存和堆内存原始值在栈内存中引用值栈内存只是一个地址真正的数据存在堆内存中var a = 1;b = a;a = 10;var a = []b = []a.push(1)var a = []var b = []console.log
2018-01-26 23:14:48 115
转载 数据转换
number转String number类型.toString();其他类型转Number parseInt从字符串的第一位开始,如果是数字则保留,如果不是则返回NAN,但是parseInt("010")在主类浏览器中会跳过第一个零其他类型转Boolean Number转Boolean 0----false、非0数字----true、Nan----false、无穷大/
2018-01-25 22:24:08 124
转载 js的数据类型定义
js中包括(String(字符串) Number(数值) Boolean(布尔值) Undefined Null)Number又包括int(整型)、float(浮点型) 尽量不要在js中进行浮点数的计算,进制 包括二进制、八进制、十进制、十六进制八进制以0开始,后面跟着八进制的数字,在浏览器中输出的永远是十进制十六进制以0x开始,后面跟着十六进制的数字 isFi
2018-01-24 22:27:52 7904
转载 js中的变量命名法
1、变量的声明和赋值 var 变量名=值;2、使用变量 直接写变量名即可3、代码块 代码块可以将多行代码组成一个整体js中的命名法 帕斯卡命名法 复合单词(FirstClass) 单词首字母都大写 驼峰命名法 复合单词(firstClass) 第一个单词全小写,后边的单词首字母大写 匈牙利命名法 对应的单词前加上数据类型建议使用驼峰命名法命名规则 1
2018-01-23 22:51:40 308
转载 JavaScript的简单方法
JavaScript是一种解释型语言 解释型语言不需要编译,只需要一个解释器(执行环境)就可以执行对应代码弱类型 在声明变量时,不需要强调其数据类型 编译型 只需要编译一次,之后执行速度更快javascript之前只是用来完成页面上的一些效果javascript由ECMAScript + Dom + Bom三部分组成 ECMAScript js的核心语法
2018-01-22 22:26:25 109
转载 动画效果
动画效果 amimation:动画名 时间 次数; infinite 无限次循环多个方向 keyfiames 动画名{ from{ left:0; top:0; } to{ left:300px; top:0;}}
2018-01-21 19:30:28 108
转载 清除浮动和定位属性
清除浮动 .clearfix::after{ content:""; display:block; clear:both;line-height:0;height:0;visibility:hidden;}定位属性 position: static 默认没有定位的状态relative 相对定位(相对于自身位置进行定位)absolut
2018-01-20 19:24:46 157
转载 选择器
标签选择器 标签名{}ID选择器 以"#"开头群组选择器 选择器1,选择器2,选择器n{}伪类选择器 link 未被点击 visited 被点击后的状态hover 鼠标移入状态 active 鼠标点击顺序不能乱,依次是"l v h a"元素 块元素 block 行内元素 inline 行内块元素 inline-block inline-block
2018-01-19 22:12:48 94
转载 盒模型中一些属性的用法
content-box width heightpadding-box padding width heightborder-box border padding width heightpadding:留白、内填充 表示边框距离content-box的距离 标准盒模型中padding值会在原有的宽高上增加,不会改变原有的宽高padding是复合属性 padding-top 上 padding
2018-01-18 21:37:49 274
转载 字体的一些用法
font-size 字体大小 color 颜色 font-family 字体 font-weight 加粗 font-style 斜体 line-height 行高 text-align 字体对齐 left 默认 right 右对齐
2018-01-17 21:46:04 399
转载 行内元素
定义粗体文字定义加重语气定义大号字体定义着重文字定义斜体定义小号字定义下标字定义上标字定义删除字i和em 相同点:具有斜体的效果 不同点:em具有语义的强调big和small big:比默认大 small:比默认小
2018-01-16 21:52:33 122
翻译 透明属性方法
1、rgba()只能获取透明颜色,不能让图片等一些元素透明2、opactivr可以让整个元素的内部元素都透明(占用空间)3、dispaly:none;让元素隐藏,不占用空间
2018-01-15 22:11:50 303
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人