自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

sxs161028的博客

认真做事,善良待人,生活不会亏待每一个善良的人

  • 博客(28)
  • 问答 (3)
  • 收藏
  • 关注

原创 微信小程序授权登录以及用户信息相关接口调整导致授权框不弹出

前言:4月8号升级了小程序业务后提交了版本并上线。突然一个同事说体验版的点击“登录”按钮无效。当时觉得应该不会呀,这几天一直用手机调试,每天也在不停的登录授权,弹框一直有的呀。然后为了验证同事的效果,速将PC版的缓存全部清除,然后一脸懵逼,果然怎么点“登录”都无效果,然后继续用手机测试,也无效果了。然后在微信里看正式版的小程序,发现暂无异常。几个同事都第一反应:肯定是微信官方又改了啥。要不然代码一直没动,咋突然这样呢。果然,唉。官方已发部了调整说明文档,大家可以参考:微信官方说明没办法,人家是腾讯,

2021-04-10 10:47:05 2176

转载 ES6 Promise用法

1.什么是promisePromise是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。Promise对象有以下两个特点。对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺

2020-12-17 15:08:20 231

原创 js中typeof的用法与说明

typeof是一个一元运算符,返回的是字符串,对于不同的操作数,返回的结果不同。使用typeof是一个运算符,有2种使用方式:typeof(表达式):对表达工做运算。和typeof(变量名):对变量做运算。返回值返回值的返回类型是字符串‘undefined’ ----未定义的变量或值‘boolean’ ----布尔类型的变量或值‘string’ ----字符串类型的变量或值‘number’ -----数字类型的变量或值‘object.

2020-08-31 14:39:27 752

转载 圣杯布局与双飞翼布局的理解

圣杯布局与双飞翼布局是前端开发中是经常用到的一种布局方式,掌握该方式对开发是非常有用的。圣杯布局与双飞翼布局最终要实现的功能相同,都是为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。实现效果图如下:两者的实现方法略有差异,但都遵循以下要点:两侧宽度固定,中间宽度自适应中间部分中DOM结构上优先,这样以便先行渲染允许三列中的任意一列成为最高列圣杯布局1.DOM结构首先定义出整个布局的DOM结构,主体部分是由container包裹的center,left,right三列,其中cen

2020-08-27 16:54:01 529 1

原创 css四种引入方式 | link和@import引入方式的区别

css的引入方式css的引入方式有四种:内联样式,嵌入样式,链接样式,导入样式。1.内联样式内联样式也叫行内样式,指的是直接在HTML标签中的style属性中添加css的样式。<div style="font-size:20px;color:#333">我是行内样式/内联样式</div>...

2020-08-26 15:02:53 1157

原创 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 4807

原创 微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示

一、前言项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次,是基于微信小程序开发而提炼出一个简单方便使用的方法,网页开发中同样可用。这次使用的还是字体,主要是字体这个比较通用,颜色,大小都可以自己定义。当然了,来的最快的其实是用图片代替。二、微信小程序中评分功能实现1.css文件中引入字体文件。也可以点此下载字体@font-face { font-family: 'FontAwesome'; src: url('https://netdna.boots

2020-07-22 14:32:57 3772 5

原创 如何基于layui的laytpl实现数据绑定

1.前言一开始用layui做了几个管理系统,所以用起来觉得确实很容易上手,管理后台最常用的就是form和table以及弹窗类。layui提供的form table layer已经是很简洁好用了,抛开底层的封装不说,给我们展现出来的使用方法我觉得是非常简化了。管理用到的除了form table layer之外,经常会有一些统计数据展示或者详情页这种内容展示。那么一些用到的统计数据(除图表),如文字...

2020-04-18 10:33:28 1528 1

原创 css超简单实现div页面居中【适合做弹出框】

1.前言现在项目中用到弹出框的话大部分都是直接用控件的。不过有控件虽方便,但有时候会有冲突的地方。我上次用layui的弹出框控件,然后也用到了百度的编辑器uEditor,然后一切都好好的,结果编辑赋值不成功。我也不知道什么问题。如果有知道原因的大神,求赐教!所以说一旦有不兼容的弹出框,就自己画了。画多了,就习惯了。今天就分享一个方法【文章最后会改进的】2.详情代码是这样的,一个div.point无宽

2017-08-15 14:13:34 986 3

原创 如何简单方便的用字体代替页面中常见常用的小图标小按钮(上)

一、前言今天要学习的内容:今天主要是稍微总结一下,页面中如何用字体代替图片,省事,省时,方便,实用! 小苏啰嗦:人都是有惰性的。真的。刚开始我们有一个经验丰富的美工,加上我们关系又非常好,以至于每次我都是等着她把设计图给我,我才开始码html。遇到图片的地方,会切的就自己切了,不会的,就直接让美工切图给我。成了一个不动脑子的码农!现在,美工换人了,新的美工太忙了。加上可能对我们前端交互不熟悉,现在

2017-08-12 11:59:10 1567

原创 进阶篇之纯css+字体实现五角星(半颗星)评分

1.前言 之前写了一篇实现五角星打分效果的demo。这个demo用来实现打分效果绰绰有余,那么有时候我们在统计评分的时候,就会有半颗星或者1/3颗星星这样的那要如何实现呢?来来来,纯字体+css实现! 2.详情 1.下载字体 webFontIcon 我不会把压缩文件上传,会的童鞋可以教教我(微信:1048725765),感谢赐教,这样我就可以把字体上传以供大家下载了。 2.css样式

2017-07-28 12:04:24 3683 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 25923 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 2258 2

原创 css实现接地气的checkbox框

1.前言 我做的项目中,很少默认用原生的样式,甚至连下拉框都很少用select框,不过,原生也有原生的好处,来得快,没有什么大问题。如果是自己用html+css去拼接的话,样式会好看一点。不过应人而异了。我还是比较喜欢去拼接一些。那今天就教大家如何在自己的项目中做接地气的checkbox框呢? 2.详情 1.css样式body{font-family:'微软简行楷'}ul li{list-s

2017-07-27 11:19:39 443 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 5467 2

原创 完整版文本框即时输入数据监听并下拉显示匹配数据

1.前言 好多小童鞋,对以jq为主的前端并不是特别熟悉,但并不代表你是菜鸟,说不定你是其他方面的资深老司机,好吧,我才是菜鸟,今天主要写一个完整的demo来看看怎样文本框+下拉框即时匹配数据。 2.详情 还是那句话,不说太多废话,直接代码来。如果你是新手,可以直接copy成.html格式的文件,本地预览看到效果,如果看不到效果,那说明什么呢?<!DOCTYPE html><html xmln

2017-07-20 14:24:48 2540 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 5366 1

原创 百度地图api将可视区域定位到当前所在位置

1.前言 开头不说点什么,总是有点不习惯。还是说点什么吧,关于百度地图,我用的次数还是比较多的,没办法,需求呀。好吧,在用百度地图的时候,确实有过很多需求,不过好在百度地图很强大,每次需求在探索后都能满足功能。以后将百度地图中所遇到的一些常见的功能整理一下,也方便一些童鞋参考。我的有一个项目中,就是要一开始将地图的可视区域定位在当前位置。其实很简单,网上一搜一大堆。 2.详情 说的再多,不如贴

2017-07-19 18:05:52 3721 1

原创 手把手教小白如何用css+js实现页面中图片放大展示效果

1.前言 很多童鞋会在项目中遇到一些上传图片,展示图片的操作,但是图片呢有大有小,为了页面的美观,有时候我们需要将图片展示成固定宽高度,但是呢,领导就会说,我想看大图片,怎么办?想看就看呀,来来来,我教你! 2.详情 说太多也没有用,直接贴上代码。新手小白,可以直接复制代码到本地运行。需要注意一下几点将代码中的jquery.js的库文件链接改成自己的路径 .将图片也改成自己的路径与

2017-07-19 15:09:25 5068 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 6915

原创 当日历遇上奇葩需求

之前做过一个短租的项目,一些精美的图片加上页面设计,整体出来的效果还是让人很满意的,所以说,现在软件行业不好混了,都是“看脸”的时代了。做的不好看的统统要被pass掉的。所以现在各式各样的网站都在追求美呀!之前做的项目中,有一个是要显示日历并显示相关内容,还可以操作日历的。好吧,只有想不到的,没有做不到的,总之,我就用html+css画了这样的一个日历,看上去其实还是可以的吧。当然了,基本操作还是能

2017-07-13 18:23:37 309 1

原创 浅谈js分页的几种方法

一个项目中必然会遇到分页这种需求的,分页可以使数据加载更合理,也让页面显示更美观,更有层次感!那么js分页到底如何实现呢?下面我就来讲一下三种循序渐进的方法1.自己纯手写分页更深入的去理解分页的意义如分页的原理,其实,尝试自己去写一些分页方法是再合适不过的了,可以封装成一个分页方法,但是呢,这里呢,我就写一下最简单的指定的分页方法 ,就不去封装了。就以下图为例:上图是个非常普通的分页。第一个文本框可

2017-07-06 11:56:33 1353

原创 浅谈jQuery Pagination Ajax 分页插件的使用

插件介绍此插件是jquery的ajax分页插件。分页切换时无刷新也无延迟,因为是一次性加载的。如果你用到此插件作分页的时候,涉及到的数据量大,建议不要使用此插件,因为加载慢会导致用户体验不好!插件使用此插件使用比较简单。主要引入以下文件就可以用了 1.jquery.js依赖库 2.pagination.css 这个主要是样式,我们在元素使用的时候将分页列表放在class类为pagination

2017-07-05 17:42:56 6140 1

原创 浅谈我的前端之路

其实我以前倒是挺喜欢写一些文章的,而且我比较喜欢写散文之类的,感觉自己上学那会,那800字的作文,都是20分钟就可以搞定的。每次写作文前,只要有一个灵感,然后思路泉涌,然后就一气呵成。但是现在,感觉自己倒是不会写了,而且写出来的东西也都是白话文,看着没劲,可能是现在除了写一些代码,并没有看一些好的文章,导致脑子里没有词汇,所以必然不会写出流利可供欣赏的文章了!也不知道从几何时,每天好忙的感觉,但是我

2017-07-05 16:09:37 725 4

原创 浅谈layer.open的弹出层中的富文本编辑器为何不起作用!

很多童鞋都喜欢用贤心的layui框架。是的,我也喜欢用,方便,简单。但是呢,有时候项目中的需求会不一样,导致我们用的时候,显示效果可能会不一样,好吧。这样的话,个别遇到的问题总是解决不好,但是呢还是那句话,多研究一下,就都会有解决方法的。最近做的项目需求就是富文本编辑器要在弹出框中显示,好吧。本来以为可以没任何阻碍,后来发现编辑器在弹出框中总是不灵活,甚至图标都打不开。我想很多童鞋的写法是这样的:1

2017-07-05 10:11:27 4924 4

原创 浅谈js中如何动态添加表头/表列/表格内容

浅谈js中如何动态添加表头/表列/表格内容我想很多童鞋用js动态向表格中添加数据很熟悉,而且也觉得非常简单!是的,对于写页面的童鞋来说,最喜欢写查询的页面了,动态向表格绑定数据。用for循环就可以轻松搞定。 如果我们的业务需求有所变化,可能我们要的数据就不是这样一条一条的中规中矩的。如果你还是新手,又没有人教你,在网上又搜不到方法,可以告诉你一个简便的方法,那就是让后台写服务的同事在后台把数

2017-07-04 16:06:47 7992 2

原创 新手如何正确开启页面与后台数据的交互之路

如果你是一个新手!如果你已经学会了如何运用html+css绘制出想要的页面!如果你也基本学会了jquery!这个时候,你可以写页面之间的交互了!那么初学者写页面交互要注意哪些事项呢?下面我就跟初学者浅谈一下如何将所需要的数据录到后台数据库中,当然了,前提是后台开发者已给你写好了这样的一个接口,你去调用!那么在调用接口之前,我们要做什么呢?我们一定要做好调接口之前的一些逻

2017-07-03 17:09:33 4714 1

原创 说一说Jquery中的empty()与remove()的区别和用法

今天在改一个新人写的代码,好吧,我承认改代码与自己写代码要来的痛苦。主要是在测试一个table。table中有一列是同删除操作。我的删除功能是 这样的,当点击删除的时候,判断这个table中的tr行,是否大于1,如果大等于1的话,我就查询上一页的数据(因为此页仅有的一条数据将会从数据库中删除)。如果大于1的话,就继续重新查询这条数据。(本来以我的作风就不再调用查询接口查询数据,我会直接将tab

2017-07-03 14:36:43 2448 2

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除