- 博客(28)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 微信小程序授权登录以及用户信息相关接口调整导致授权框不弹出
前言：4月8号升级了小程序业务后提交了版本并上线。突然一个同事说体验版的点击“登录”按钮无效。当时觉得应该不会呀，这几天一直用手机调试，每天也在不停的登录授权，弹框一直有的呀。然后为了验证同事的效果，速将PC版的缓存全部清除，然后一脸懵逼，果然怎么点“登录”都无效果，然后继续用手机测试，也无效果了。然后在微信里看正式版的小程序，发现暂无异常。几个同事都第一反应：肯定是微信官方又改了啥。要不然代码一直没动，咋突然这样呢。果然，唉。官方已发部了调整说明文档，大家可以参考：微信官方说明没办法，人家是腾讯，
2021-04-10 10:47:05
2295
转载 ES6 Promise用法
1.什么是promisePromise是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。Promise对象有以下两个特点。对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺
2020-12-17 15:08:20
246
原创 js中typeof的用法与说明
typeof是一个一元运算符，返回的是字符串，对于不同的操作数，返回的结果不同。使用typeof是一个运算符，有2种使用方式：typeof(表达式)：对表达工做运算。和typeof(变量名)：对变量做运算。返回值返回值的返回类型是字符串‘undefined’ ----未定义的变量或值‘boolean’ ----布尔类型的变量或值‘string’ ----字符串类型的变量或值‘number’ -----数字类型的变量或值‘object.
2020-08-31 14:39:27
811
转载 圣杯布局与双飞翼布局的理解
圣杯布局与双飞翼布局是前端开发中是经常用到的一种布局方式，掌握该方式对开发是非常有用的。圣杯布局与双飞翼布局最终要实现的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。实现效果图如下：两者的实现方法略有差异，但都遵循以下要点：两侧宽度固定，中间宽度自适应中间部分中DOM结构上优先，这样以便先行渲染允许三列中的任意一列成为最高列圣杯布局1.DOM结构首先定义出整个布局的DOM结构，主体部分是由container包裹的center,left,right三列，其中cen
2020-08-27 16:54:01
564
1
原创 css四种引入方式 | link和@import引入方式的区别
css的引入方式css的引入方式有四种：内联样式，嵌入样式，链接样式，导入样式。1.内联样式内联样式也叫行内样式，指的是直接在HTML标签中的style属性中添加css的样式。<div style="font-size:20px;color:#333">我是行内样式/内联样式</div>...
2020-08-26 15:02:53
1180
原创 Array.from()用法|个人总结
使用js写一个方法生成0000-9999一万个数字（4位数）答案：Array.from({length:10000},(_,i)=>${i}.padStart(4,0))padStart与padEndpadStart(len,str) 根据给定长度自动在字符串的前面补充想要补充的字符串（只返回修改后的字符串，不修改原字符串）/*举个例子*/var day=new Date().getMonth()+1; //day=8;//如果想显示2020-08-22的话day=`${day}`
2020-08-25 14:45:08
4847
原创 微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示
一、前言项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次，是基于微信小程序开发而提炼出一个简单方便使用的方法，网页开发中同样可用。这次使用的还是字体，主要是字体这个比较通用，颜色，大小都可以自己定义。当然了，来的最快的其实是用图片代替。二、微信小程序中评分功能实现1.css文件中引入字体文件。也可以点此下载字体@font-face { font-family: 'FontAwesome'; src: url('https://netdna.boots
2020-07-22 14:32:57
4021
5
原创 如何基于layui的laytpl实现数据绑定
1.前言一开始用layui做了几个管理系统，所以用起来觉得确实很容易上手，管理后台最常用的就是form和table以及弹窗类。layui提供的form table layer已经是很简洁好用了，抛开底层的封装不说，给我们展现出来的使用方法我觉得是非常简化了。管理用到的除了form table layer之外，经常会有一些统计数据展示或者详情页这种内容展示。那么一些用到的统计数据（除图表），如文字...
2020-04-18 10:33:28
1581
1
原创 css超简单实现div页面居中【适合做弹出框】
1.前言现在项目中用到弹出框的话大部分都是直接用控件的。不过有控件虽方便，但有时候会有冲突的地方。我上次用layui的弹出框控件，然后也用到了百度的编辑器uEditor，然后一切都好好的，结果编辑赋值不成功。我也不知道什么问题。如果有知道原因的大神，求赐教！所以说一旦有不兼容的弹出框，就自己画了。画多了，就习惯了。今天就分享一个方法【文章最后会改进的】2.详情代码是这样的，一个div.point无宽
2017-08-15 14:13:34
1002
3
原创 如何简单方便的用字体代替页面中常见常用的小图标小按钮（上）
一、前言今天要学习的内容：今天主要是稍微总结一下，页面中如何用字体代替图片，省事，省时，方便，实用！ 小苏啰嗦：人都是有惰性的。真的。刚开始我们有一个经验丰富的美工，加上我们关系又非常好，以至于每次我都是等着她把设计图给我，我才开始码html。遇到图片的地方，会切的就自己切了，不会的，就直接让美工切图给我。成了一个不动脑子的码农！现在，美工换人了，新的美工太忙了。加上可能对我们前端交互不熟悉，现在
2017-08-12 11:59:10
1595
原创 进阶篇之纯css+字体实现五角星（半颗星）评分
1.前言 之前写了一篇实现五角星打分效果的demo。这个demo用来实现打分效果绰绰有余，那么有时候我们在统计评分的时候，就会有半颗星或者1/3颗星星这样的那要如何实现呢？来来来，纯字体+css实现！ 2.详情 1.下载字体 webFontIcon 我不会把压缩文件上传，会的童鞋可以教教我（微信：1048725765），感谢赐教，这样我就可以把字体上传以供大家下载了。 2.css样式
2017-07-28 12:04:24
3756
9
原创 html超级简单实现点赞（收藏）和取消赞效果
1.前言 我们经常会遇到对一些列表呀进行点赞呀收藏数据等效果呀。今天就用html+css实现超级简单易上手的点赞和取消赞的demo展示。 2.详情 1.css样式.like{ font-size:66px; color:#ccc; cursor:pointer;}2.html内容<p class="like">❤</p>3.js代码<script typet="text/jav
2017-07-28 10:34:56
26257
16
原创 简单实现大方接地气的五角星评分
1.前言 如何在页面中实现五角星评分呢？鼠标放上去有动态效果并可以点击。来来来，demo走起来！ 2.详情 1.css样式 .cleanfloat::after{display: block; clear: both; content:""; visibility: hidden; height: 0;} ul li{list-style:none; float:left; font-size
2017-07-28 10:17:12
2282
3
原创 css实现接地气的checkbox框
1.前言 我做的项目中，很少默认用原生的样式，甚至连下拉框都很少用select框，不过，原生也有原生的好处，来得快，没有什么大问题。如果是自己用html+css去拼接的话，样式会好看一点。不过应人而异了。我还是比较喜欢去拼接一些。那今天就教大家如何在自己的项目中做接地气的checkbox框呢？ 2.详情 1.css样式body{font-family:'微软简行楷'}ul li{list-s
2017-07-27 11:19:39
452
2
原创 完整版百度地图点击列表定位到对应位置并有交互动画效果demo
1.前言 将地图嵌入到项目中的需求很多，好吧，我一般都是用的百度地图。那么今天就主要写一个完整的demo。展示一个列表，点击列表的任一内容，在地图上定位到该位置，并有动画效果。来来来，直接上demo 2.详细流程 1.引入文件<script type="text/javascript" src="http://api.map.baidu.com/api?v1.5&ak=AFb5d4d8279a
2017-07-21 14:52:35
5496
2
原创 完整版文本框即时输入数据监听并下拉显示匹配数据
1.前言 好多小童鞋，对以jq为主的前端并不是特别熟悉，但并不代表你是菜鸟，说不定你是其他方面的资深老司机，好吧，我才是菜鸟，今天主要写一个完整的demo来看看怎样文本框+下拉框即时匹配数据。 2.详情 还是那句话，不说太多废话，直接代码来。如果你是新手，可以直接copy成.html格式的文件，本地预览看到效果，如果看不到效果，那说明什么呢？<!DOCTYPE html><html xmln
2017-07-20 14:24:48
2544
8
原创 完整版ajax+百度echarts实现统计图表demo并随着窗口大小改变而自适应
1.前言 百度Echarts会常用到我们的项目中做统计，api很详细，demo也非常之多，我们常用的是应有尽有了，做一些小项目的时候，百度echarts的demo已足够用了。今天呢。主要是跟小白讲一下，如何用ajax+百度Echarts实现我们动态数据的绑定呢？ 2.详情 写一个很全的demo.接口的url自己换，数据结构自己换。引入百度echarts库 <script type="tex
2017-07-20 10:25:56
5371
1
原创 百度地图api将可视区域定位到当前所在位置
1.前言 开头不说点什么，总是有点不习惯。还是说点什么吧，关于百度地图，我用的次数还是比较多的，没办法，需求呀。好吧，在用百度地图的时候，确实有过很多需求，不过好在百度地图很强大，每次需求在探索后都能满足功能。以后将百度地图中所遇到的一些常见的功能整理一下，也方便一些童鞋参考。我的有一个项目中，就是要一开始将地图的可视区域定位在当前位置。其实很简单，网上一搜一大堆。 2.详情 说的再多，不如贴
2017-07-19 18:05:52
3731
1
原创 手把手教小白如何用css+js实现页面中图片放大展示效果
1.前言 很多童鞋会在项目中遇到一些上传图片，展示图片的操作，但是图片呢有大有小，为了页面的美观，有时候我们需要将图片展示成固定宽高度，但是呢，领导就会说，我想看大图片，怎么办？想看就看呀，来来来，我教你！ 2.详情 说太多也没有用，直接贴上代码。新手小白，可以直接复制代码到本地运行。需要注意一下几点将代码中的jquery.js的库文件链接改成自己的路径 .将图片也改成自己的路径与
2017-07-19 15:09:25
5089
4
原创 用css3的cursor:zoom-in/zoom-out实现微博看图片放大镜效果
1.前言 css3的出现解决了很多让人头疼的问题，至少我想很多童鞋都这样认为。css3的cursor属性大家用的应该是非常的多的，我想用的比较多的像cursor:pointer;cursor:help;cursor:text;等等。很少人用到cursor:zoom-in/zoom-out;今天就来讲一下这两个属性值的用法。 2.简介 zoom-in/zoom-out 就是让元素的鼠标形状变成“
2017-07-17 16:41:11
6958
原创 当日历遇上奇葩需求
之前做过一个短租的项目，一些精美的图片加上页面设计，整体出来的效果还是让人很满意的，所以说，现在软件行业不好混了，都是“看脸”的时代了。做的不好看的统统要被pass掉的。所以现在各式各样的网站都在追求美呀！之前做的项目中，有一个是要显示日历并显示相关内容，还可以操作日历的。好吧，只有想不到的，没有做不到的，总之，我就用html+css画了这样的一个日历，看上去其实还是可以的吧。当然了，基本操作还是能
2017-07-13 18:23:37
312
1
原创 浅谈js分页的几种方法
一个项目中必然会遇到分页这种需求的，分页可以使数据加载更合理，也让页面显示更美观，更有层次感！那么js分页到底如何实现呢？下面我就来讲一下三种循序渐进的方法1.自己纯手写分页更深入的去理解分页的意义如分页的原理，其实，尝试自己去写一些分页方法是再合适不过的了，可以封装成一个分页方法，但是呢，这里呢，我就写一下最简单的指定的分页方法 ，就不去封装了。就以下图为例：上图是个非常普通的分页。第一个文本框可
2017-07-06 11:56:33
1366
原创 浅谈jQuery Pagination Ajax 分页插件的使用
插件介绍此插件是jquery的ajax分页插件。分页切换时无刷新也无延迟，因为是一次性加载的。如果你用到此插件作分页的时候，涉及到的数据量大，建议不要使用此插件，因为加载慢会导致用户体验不好！插件使用此插件使用比较简单。主要引入以下文件就可以用了 1.jquery.js依赖库 2.pagination.css 这个主要是样式，我们在元素使用的时候将分页列表放在class类为pagination
2017-07-05 17:42:56
6158
1
原创 浅谈我的前端之路
其实我以前倒是挺喜欢写一些文章的，而且我比较喜欢写散文之类的，感觉自己上学那会，那800字的作文，都是20分钟就可以搞定的。每次写作文前，只要有一个灵感，然后思路泉涌，然后就一气呵成。但是现在，感觉自己倒是不会写了，而且写出来的东西也都是白话文，看着没劲，可能是现在除了写一些代码，并没有看一些好的文章，导致脑子里没有词汇，所以必然不会写出流利可供欣赏的文章了！也不知道从几何时，每天好忙的感觉，但是我
2017-07-05 16:09:37
735
4
原创 浅谈layer.open的弹出层中的富文本编辑器为何不起作用！
很多童鞋都喜欢用贤心的layui框架。是的，我也喜欢用，方便，简单。但是呢，有时候项目中的需求会不一样，导致我们用的时候，显示效果可能会不一样，好吧。这样的话，个别遇到的问题总是解决不好，但是呢还是那句话，多研究一下，就都会有解决方法的。最近做的项目需求就是富文本编辑器要在弹出框中显示，好吧。本来以为可以没任何阻碍，后来发现编辑器在弹出框中总是不灵活，甚至图标都打不开。我想很多童鞋的写法是这样的：1
2017-07-05 10:11:27
4956
4
原创 浅谈js中如何动态添加表头/表列/表格内容
浅谈js中如何动态添加表头/表列/表格内容我想很多童鞋用js动态向表格中添加数据很熟悉，而且也觉得非常简单！是的，对于写页面的童鞋来说，最喜欢写查询的页面了，动态向表格绑定数据。用for循环就可以轻松搞定。 如果我们的业务需求有所变化，可能我们要的数据就不是这样一条一条的中规中矩的。如果你还是新手，又没有人教你，在网上又搜不到方法，可以告诉你一个简便的方法，那就是让后台写服务的同事在后台把数
2017-07-04 16:06:47
8045
2
原创 新手如何正确开启页面与后台数据的交互之路
如果你是一个新手！如果你已经学会了如何运用html+css绘制出想要的页面！如果你也基本学会了jquery！这个时候，你可以写页面之间的交互了！那么初学者写页面交互要注意哪些事项呢？下面我就跟初学者浅谈一下如何将所需要的数据录到后台数据库中，当然了，前提是后台开发者已给你写好了这样的一个接口，你去调用！那么在调用接口之前，我们要做什么呢？我们一定要做好调接口之前的一些逻
2017-07-03 17:09:33
4721
1
原创 说一说Jquery中的empty()与remove()的区别和用法
今天在改一个新人写的代码，好吧，我承认改代码与自己写代码要来的痛苦。主要是在测试一个table。table中有一列是同删除操作。我的删除功能是 这样的，当点击删除的时候，判断这个table中的tr行，是否大于1，如果大等于1的话，我就查询上一页的数据（因为此页仅有的一条数据将会从数据库中删除）。如果大于1的话，就继续重新查询这条数据。（本来以我的作风就不再调用查询接口查询数据，我会直接将tab
2017-07-03 14:36:43
2459
2
空空如也
请大神赐教手机web页面如何分享到微信，qq空间
2017-08-17
有没有大神知道frozenui列表下拉刷新
2017-08-07
js如何将页面table导出到excel文件
2017-07-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人