- 博客(107)
- 收藏
- 关注
RSS订阅原创 写代码
1. script 写在head里面 不会加载之后跳转写在 body里面的话 会发现有一个一闪而过的页面2. 公告滚动，可以使用marginTop 但是看着比较僵硬 所以使用 animate 把滚动的时间的每次滚动间隔调大一点 看着就不会很僵硬了还有一种思路 是两个复制，然后scrollTo 慢慢滚动。看着很好看 ...
2018-12-07 18:27:45
149
原创 移动端兼容性
1. 移动端 部分安卓手机不支持 scrollTo();2. 部分安卓机 使用滚动的时候 加5点高度var that = this; const box = document.getElementById("box"); // 滚动条到底部 box.onscroll = function() { var scrollTop = box....
2018-12-03 18:43:00
212
原创 vue3.0 去掉#解决步骤
问题描述：微信分享 会自动去掉#后面的参数，所以你分享的话都是去首页。需求：微信分享需要去的不是首页，而是内部的详情页。解决步骤：1. 修改 mode为history，默认的是hash模式，这样子就会去掉了#2.修改服务器的配置，代码如下：location / { try_files $uri $uri/ /index.html; } locatio...
2018-11-28 14:54:10
3328
原创 vux tabbar组件 keep-alive使用
问题描述：vue使用了vux组件，一级页面使用了tabbar组件，但是两个一级页面需要缓存，以保证切换的消耗量。开启缓存后，出现了底部的选中项混乱，每次点击都是慢一拍。解决方案：定义组件的时候，我不是传参来表示了。而是直接使用computed函数来判断selected的值。通过判断path的值，来判断是否选中盖页面。代码：selected() { let path...
2018-11-15 14:26:41
921
原创 代码命名规范
1. jQuery的变量名 必须要以$开头2.class类名 以驼峰法命名3.文件名 以下划线连接4.js的函数命名 以下划线连接5.普通变量名 使用驼峰法命名6.每一个函数必须要注释（变量，作用），尤其是公共的样式7.公共的js写在common.js，公共的api写在api.js8.图片放在image文件夹下，且必须要有一个public文件夹9.第三方插件放在a...
2018-09-09 23:16:21
567
原创 小程序 界面响应速度优化
1.首先是是setData可以使针对性渲染数据。假设是产品上拉加载更多，第一次可以渲染 list[0]，后面可以渲染list[i]。可以减少响应速度，也不会造成渲染崩溃。渲染崩溃的数据是 100 万。2.懒加载针对一些图片，我们可以使用懒加载模式。可以使用scroll-view，判断滑到指定位置，赋值图片。此模式一般是使用在多图列表上。3.按需加载小程序部分是不会使用到的，...
2018-08-04 15:20:47
6869
原创 button的边框
.btn::after{ border: none;}<button class='btn'>立即报名</button>去掉边框
2018-05-17 14:14:14
5124
原创 弹性居中
弹性居中布局.box{ display: flex; align-items: center;}可以用于表格，.box{ display: flex;}.item{ flex: 1;}弹性均分布局.box { display: flex; flex-direction: row;}从左向右排序.box { display: flex; flex-w...
2018-05-17 11:49:26
1131
原创 canvas 的createRadialGradient动画
<canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">您的浏览器不支持 HTML5 canvas 标签。</canvas><script>var c=document.getElementById("myCanvas&qu
2018-04-28 09:17:01
881
原创 导航栏特效
var that = this;wx.getSystemInfo({ success: function (res) { that.setData({ wh: res.windowHeight, navh: (res.windowHeight * 0.55 - res.windowHeight * 0.08) / 6 * 0.8, ...
2018-04-13 13:59:05
443
原创 textArea高度适应内容
css样式#textarea { display: block; margin: 0 auto; overflow: hidden; width: 550px; font-size: 14px; height: 18px; line...
2018-03-24 16:14:17
240
原创 超出多行文本隐藏，显示省略号
display: -webkit-box; word-break: break-all; text-overflow: ellipsis; //显示省略号 font-size: 32rpx; overflow: hidden; //隐藏 -webkit-box-orient: vertical; -webkit-line-clamp:2; /...
2018-03-22 10:01:01
277
原创 关于input有默认的cookie值时，背景色胡变黄
就是比如说你选择了记住密码，那么你下次登入的时候，会发现背景色为黄色。解决方案：input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important;}可以直接解决...
2018-03-21 16:17:43
1149
原创 移动端字体小于12px的解决方案
1.移动端的字体大小最小为12px。两种解决方案：第一种，使用transform: scale(0.7);css的属性，可以缩放大小。第二种，使用display:table;display: table-cell;给其套一个父元素，使用table布局方式。也可以解决。第一种比较简单。第二种就一大堆css样式。.label-parent { display:table; heigh...
2018-03-21 16:15:35
22667
原创 scroll-view布局
1. 纵向滑动<!--垂直滚动，这里必须设置高度--><scroll-view scroll-y="true" style="height: 200px"> <view style="background: red; width: 100px; height: 100px" ></view> <view style=&quo
2018-03-15 18:18:40
666
原创 swiper轮播图的动画
1. indicator-dots：是否显示小圆点，默认为false2. autoplay： 是否自动轮播3. interval：间隔时间多长4. duration： 动画时间5. circular：是否采用衔接滑动，也就是无缝滑动。6. vertical：是否纵向滑动，默认是横向滑动。7. display-multiple-items：同时显示的滑块数量，默认是1个。这里会出现一个问题，如果把值...
2018-03-14 20:47:16
1354
原创 代码
1.script引用之后外部js之后，里面不可以写js代码，不会执行。今天，学到了好多。就是看文档有点难受，还没写就又要我写网站。2.“破/译/成/功” 这样子直接写宽为20px，不会直接得到想要的效果。需要在每个字后面加一个空格。“WDASW” 跟上面一样，也需要空格，不然直接挤在一行上面是需要的效果图。每个字之间如果要调高度的话，我们可以使用line-height，线高。3.学会使用trans...
2018-03-13 21:18:47
222
原创 文章内容过长显示省略号
.messages { padding: pxToRem(5) 0; height: pxToRem(42); overflow: hidden; text-overflow:ellipsis; word-break: break-all; display:
2017-12-03 23:51:36
689
原创 vue v-for 嵌套
<div v-for="data in list"> <div v-for="detail in data.details"> </div></div>可以使用嵌套，但是有一个条件，details 必须要是list子项里面的一个属性。比如说：var list = []; list[i].details = {};i是指所有的子项都必许=需要有这个属性。
2017-11-21 10:37:54
2780
原创 vue.js获得当前元素的文字信息
1.获得当前点击的内容 <li @click="problem1"> 1. <span class="blue">关于公众号使用问题</span> <img src="../img/right.png" alt=""/></li>当我点击这个li标签的时候，我想要获得span里面的文字，可以使用这个方法： problem1: function(e){
2017-11-20 22:55:24
14992
原创 setTimeOut中的this问题
在使用vue的时候，一般this指针用的比较多。但是在一些问题上，this指针会报错，因为this会一直更改所指向的对象。所以建议在使用this的时候我们在函数里面定义一个that= this，那样就不会出现指向不明的问题。尤其是在setTimeOut中会出现这个问题。 load: function (e) { var that = this; if(e >= al
2017-11-18 23:28:43
526
原创 一个完整最少代码的上拉加载（mint-ui的loadmore 和 vue）
这是一个上拉加载的最减代码，其中上拉的数据加载你们自己弄，我这只做的一个演示。html代码：<div id="content"> <mt-loadmore :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" :auto-fill="false" ref="loadmore"&
2017-11-18 00:14:40
12666
原创 代码的编写
1.当图片的大小大于div是，我们可以使用背景图加上“background-size=100%”，那么图片就会完全填充与div中。 代码： background: url("../images/userJoin/coverage3.png"); background-size: cover;2.字体类型设置 使用的是英文，中文一般不支持；而且不能单独拿出来使用，需要和别的属性一起
2017-10-19 15:47:54
317
原创 jQuery之密码验证
密码验证代码： <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"> .error{ color:red; }
2017-09-04 21:11:25
543
原创 jQuery插件之 Growl
Growl代码： <script src="https://static.runoob.com/assets/jquery/jquery.growl/javascripts/jquery.growl.js" type="text/javascript"> <link href="https://static.runoob.com/ass
2017-09-04 21:06:09
515
原创 jQuery插件之Autocomplete
Autocomplete代码： <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js">查询
2017-09-04 21:03:02
225
原创 jQuery插件之Accordion
Accordion1.简单的使用： 折叠 <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css"> <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquer
2017-09-04 20:49:30
311
原创 jQuery插件之Validate
Validate1.功能jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了套有用的验证方法，包括URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。2.使用还是先导入jQuery，毕竟是在jQuery基础上开发的一套方法。导入的方法好多，百度的，菜鸟网的
2017-09-04 19:39:11
257
原创 自己的错误
error11.在使用点击事件，需要得到输入框的值时，需要把这个获取输入框的值放在点击事件中。这个问题，我想了好久，自己猜发现的问题。
2017-08-15 18:16:26
241
原创 JQuery
jQuery1.基本概念jQuery是一个js的库，能帮我们轻松实现一些原本可能比较麻烦的功能。jQuery有两个版本，压缩版，未压缩版。压缩版小，但是没有排版和注释，不便于阅读。未压缩的大，有排版和注释。也可以通过CDN（内容分发网络）来引用jQuery。菜鸟网的cdn，百度的cdn好处：省事，速度更快2.语法$(选择器).action();$:定
2017-08-14 20:59:35
214
原创 消除内联元素的空隙
消除内联元素的空隙1.产生的原因当我们使用"display:inline-block"把块集元素转换为内联元素时，每两个内联元素之间有一定的空隙。这个空隙是由于我们换行产生的。当我学到了节点（node）时，就发现了这个问题产生的正真原因。这些是常见的节点以及节点类型值元素节点 Node.ELEMENT_NODE(1)属性节点
2017-08-12 15:01:33
1380
原创 BOM浏览器对象模型
BOMBrowser object model的缩写，浏览器对象模型1.常用对象Window窗口，浏览器的窗口定义的全局变量和全局函数都是使用window方法全局变量是window的属性，可以直接访问window.a。浏览器的宽度：window.innerWidth浏览器的高度：window.innerHeight常用的方法:Open()打开一个新的窗口，需要三
2017-08-10 20:20:17
281
原创 DOM文档对象模型
DOM1.文档对象模型 整个文档是由一系列节点对象组成的一棵树节点（node）：包括元素节点（1），属性节点（2）和文本节点（3） 元素节点：var th = document.getElementById("th1");alert(th.nodeType);alert(th.nodeName);alert(th.nodeValue);Th代表了一个元素节
2017-08-10 20:15:26
283
原创 事件的注册
事件的注册事件一共有三种注册方法：（1）使用onXXX属性，比如onclick="fun()"（2）通过js去设置元素的onXXX属性（3）通过addEventListener注册案例： var a = document.getElementById("div"); //第一种 function focus1(){ a.sty
2017-08-08 21:20:51
297
原创 常用事件
常用事件1.鼠标事件（1）鼠标单击事件（onclick）案例：鼠标单击文字会发生改变单击事件测试 function fun(){ //获取到指定元素 var p1 = document.getElementById("p1"); p1.innerText = "我被单击了！"; p1.style.
2017-08-08 20:48:42
341
原创 算法
算法算法1.累加/累积初始化：初值一般为0或者1.累加为0，累积为1.循环控制条件：一种是固定次数；次数不固定，当满足条件是结束循环确定累加/积项的变化： var num = Number(prompt("请输入一个自然数")); var sum = 0; for(var i = 1;i <= num;i ++){ sum += i
2017-08-07 20:49:13
266
原创 正则表达式
正则表达式1.正则表达式为什么要有这个正则表达式：因为查找是一个比较复杂的东西，我们更加准确快速找到自己想要的。什么是正则表达式：正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑定义规则：1、使用/规则/修饰符 修饰符可以省略var patt= /h
2017-08-06 16:39:40
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人