前端
礼拜八
这个作者很懒,什么都没留下…
展开
-
检测二维数组内元素是否全相同
//检测二维数组内元素是否全相同function isAllEqual(array) {if (array.length > 0) {return !array.some(function (value, index) {if(index > 0){return value[0] !== array[index-1][0] || value[1] !== array[index-1][1];}});} else {return true;}}...原创 2021-04-09 14:36:37 · 1425 阅读 · 0 评论 -
微信小程序标签集合
微信小程序一些常用标签与html的对应关系html 小程序 <div></div> <view></view> <h1></h1>...<h6></h6><p></p><span></span> <view></view> <i class="icon"> <icon></原创 2020-10-15 08:49:23 · 1351 阅读 · 0 评论 -
flex布局思路
1.在一行水平垂直居中,不管子元素有多少,都在同一行显示,百分比也会被压缩。.aa{ display: flex; align-items: center; justify-content: center;}<ul class="aa"> <li></li> <li></li>...原创 2020-04-02 14:53:30 · 211 阅读 · 0 评论 -
Vue this-$event事件
原创 2020-03-06 13:59:33 · 2093 阅读 · 0 评论 -
js 百度地图自定义弹出信息窗口
效果图主要代码varhtml="<divclass='infoBoxContent'><divclass='title'>详情</div><divclass='infoBox-content'>"+"<divclass='line'><divstyle='float:left;'>&l...原创 2020-03-02 17:20:55 · 2688 阅读 · 2 评论 -
Echarts柱状图-Y轴分上下两行显示文字(避免文字遮挡)
// 创建图表配置数据this.options = { title: { left: 'center', text: this.title, }, tooltip:{ trigger:"axis" }, legend:{ data:[], y:'bottom' }...原创 2019-11-25 14:31:26 · 3293 阅读 · 0 评论 -
解决 Layui + Vue 动态渲染数据在 IE下 form.render() 无效 问题
前阵时间写了一遍关于 "layui+vue实现select动态加载后台数据" 的文章,用setTimeout +layui.form.render() 的方式来局部刷新的方式重新渲染页面,代码如下var new Vue({ el:"#app", data:{ items:null }, mounted:function () { this....原创 2019-04-22 10:12:52 · 1691 阅读 · 0 评论 -
Input 输入框限制只能输入数字或者带有两位小数的数字
限制只能保留两位小数点<input type="text" onkeyup="clearNoNum(this)"/>元clearNoNum:function(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 obj.value = obj.value...原创 2019-04-18 08:24:30 · 4066 阅读 · 0 评论 -
关于js/vue小数点失精算法修正
今天用vue做小数点转换百分比的时候遇到:0.55*100 =55.00000000000001,起初以为是vue计算方式有问题,后来想到js有小数点失精的问题,结果测试了一下果然是这个问题:js失精算法console.log(0.1+0.2); //0.30000000000000004console.log(0.07*100); // 7.000000000000001...原创 2019-05-05 16:06:09 · 6157 阅读 · 0 评论 -
Layui表单select 获取option的自定义属性
在Layui里面给了特定几个自定义属性title<select name="aa" lay-filter="selectClassify"> <option value="">请选择分类</option> <option v-for="x in classifyList":value="x.id" :title="x.name" :...原创 2019-04-25 15:12:21 · 8790 阅读 · 2 评论 -
为什么要前后端分离?有什么优缺点?
一、前戏前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的re...转载 2019-05-10 09:58:35 · 2659 阅读 · 1 评论 -
解决父元素display:flex布局下的子元素宽度无效问题
因为设置了display: flex; 导致block布局变成了flex布局, 所以在子元素宽度没有被撑破的情况下,子元素宽度是有效的,但是当子元素内容过多,此时宽度会比实际宽度小,所以如果想要在已经设置了flex布局的基础上,再进行子元素宽度的设置,可以应用下面的样式:(在该子元素上设置)width: 120px;flex-shrink: 0;...原创 2019-05-23 13:46:32 · 23559 阅读 · 2 评论 -
Vue 默认选中 Layui select
方法一:<select class="form-control" name="method" data-itemid="{{ $index }}"> <template v-for="option in methodOptions"> <option :value="option" v-if="option == api.method"...原创 2019-05-29 10:09:07 · 967 阅读 · 0 评论 -
onClick 单引号+双引号:传参的转义问题
示例:var data="111";1.外部双引号:var html="<div onclick=\"showData(' " + data + " ')\">AAA</div>";2.外部单引号:var html='<div onclick="showData(\' ' + data +' \')">AAA</div>';注...原创 2019-07-02 09:04:40 · 5712 阅读 · 0 评论 -
echarts柱状图的数据差距过大,显示太难看,如何解决
如图所示,在echarts图表展示时,会遇到数据量差距过大的情况,出现这种情况后,过小的数据不仅会影响美观性,往往还会影响交互(比如,点击事件等)option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }...原创 2019-09-20 15:18:11 · 27775 阅读 · 4 评论 -
jquery+ajax分页, 判断总共多少页
var rowSize;//总数据条目数var pageSize = 10;//每页条数,默认为10条var currentPageIndex = 1;//当前的页,默认为第一页var pageNum = 1;//总共需要展示的页数$.ajax({ url: "url", type: "Post", dataType: "json", success: ...原创 2019-04-02 16:44:50 · 934 阅读 · 0 评论 -
360浏览器兼容模式css错乱问题
解决360浏览器兼容模式css错乱问题有些时候在本地写好代码,不管是直接打开网页flie://,还是localhost:网页都没有问题,但是放到服务器上面,打开360浏览器后选择兼容模式,发现css错乱,而在本地没有任何问题。 下面给出两种解决方法:第一种:在head标签中添加一行代码:强制执行极速模式<meta name="renderer" content="w...原创 2019-03-27 09:24:50 · 4132 阅读 · 1 评论 -
解决layui动态加载复选框无法选中
问题描述1.最近用layui做后台界面,遇到layui跟ajax数据动态加载的checkbox,偶尔不能正常勾选,取消2.有分页时,最后一页数据过少会导致其他页下方数据无法选中3.页面没加载完或暴力测试时也会不能选中利用layui更新渲染方法和网上的一些方法去解决后极大的减少了无法选中的情况,但是暴力测试时偶尔还会出现,实在不知道什么原因,所以就用了一个折中的方法——自己写一个复选...原创 2018-12-29 14:15:49 · 26417 阅读 · 0 评论 -
纯前端实现上传图片到本地或服务器,并根据时间创建文件夹,无需后台
1.我们平时接触到的接口都是后台需要你给他传递几个参数,你就把参数对应的值 给他们就行了$.ajax({ type: "get", url: URl, dataType: "json", data:{ }, success: function (d) {2.当你给后台传图片时,你传的是一个文件 而不再是普通的string类型的值。而...原创 2018-12-29 14:39:49 · 22573 阅读 · 4 评论 -
非常全的 前端资源分享--只为更好前端
如果觉得以下内容对您有用,请收藏!! 一、团队组织网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究 ISUX 腾讯社交用户体验设计,简称ISUX,腾讯设计团队网站 CDC 腾讯用户研究与体验设计部 FEX 百度Web前端研发部出品 淘宝前端团队(FED) 用技术为体验提供无限...转载 2019-01-24 09:36:59 · 19943 阅读 · 2 评论 -
2019前端学习路线图
原创 2019-01-24 10:38:54 · 18695 阅读 · 0 评论 -
前端人员必看的CSS命名规范
作为前端的设计人员,对于CSS的接触,就像吃饭一样。所以CSS命名规范 命名是 前端人员必看的。文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解:所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core 通用...转载 2019-01-25 14:14:38 · 781 阅读 · 0 评论 -
layui+vue实现select动态加载后台数据
vue + layui 修改 获取到值加载不出来 -- 渲染问题 layui动态渲染之后,需要 layui.form.render(); 重新渲染一次数据//页面代码<select name="Classification" lay-verify="Classification" class="selector"> <option value="">原创 2019-01-25 17:35:32 · 2625 阅读 · 0 评论 -
纯前端解码、播放、录音、编码 AMR 音频,无须服务器支持
纯前端解码、播放、录音、编码 AMR 音频,无须服务器支持,基于amr.js 和 RecorderJs。特性方便的 API 实现解码、播放、录音、编码 AMR 文件。 支持 url 和 blob (即<input type="file">)方式获取 AMR。 支持将浏览器 <audio> 所支持的音频格式(例如 MP3 或 OGG 音频)转换成 AMR 音频。...原创 2019-02-22 16:53:31 · 8677 阅读 · 2 评论 -
解决 UEditor 富文本编辑器 图片无法左右对齐问题
官网下载地址http://ueditor.baidu.com/website/download.html项目一直在用ueditor富文本编辑器,一直是对编辑器的图片、音频、视频的及地图进行配置,使编辑器正常使用,没有认真使用过编辑器就行文章编辑,今天编辑部突然说编辑器有问题,发现 图片选择左对齐或右对齐,保存以后并没有左右对齐,仍是居中状态, 查看源码以后发现是配置问题。解决办法:...原创 2019-02-13 16:21:36 · 2489 阅读 · 1 评论 -
前端开发是否需要必备一门后台语言?
职业的特殊性决定了我们需要跟后端工作者频繁的沟通。如果只顾页面实现,不考虑后台,写出来的页面也有一部分是废弃代码,在后台进行数据交互的时候用不了。还有一方面就是从招聘信息可以得知,现在几乎所有公司前端开发岗位都明确要求会后台语言,在实际工作中可能也要做客户端和服务器端之间的数据交互等。所以答案是 需要1.更有利于巩固前端知识,对网站有系统整体的认识2.更有利于未来的职业发展与服务...原创 2019-02-20 08:35:39 · 3549 阅读 · 2 评论 -
前端开发到底要不要用cdn ?
为什么要用CDN?浏览器从服务器上下载CSS、js和图片等文件时都要和服务器连接,而大部分服务器的带宽有限,如果超过限制,网页就半天反应不过来。而CDN可以通过不同的域名来加载文件,从而使下载文件的并发连接数大大增加。 jquery一类的库文件被广泛使用,如果访问你网站的用户的浏览器之前在访问别的网站时通过和你相同的CDN已经加载了jquery,由于该文件已经被缓存了,就不用重新下载了。 ...原创 2019-03-22 16:53:09 · 5169 阅读 · 0 评论 -
如何刷新页面不保留上次input所选或所填的值?
比如一些输入数量或日期的input框,还有就是一些单选框和一些复选框,第二次进入页面,该input输入框都会显示一个上几次所选或所填的值,但是有时候我们需要刷新的时候进行清空还原默认的操作,我们可以这样:<input name="demo" value="" autocomplete="off"/>重点就是这个属性:autocomplete="off"...原创 2019-03-26 09:25:21 · 7313 阅读 · 1 评论 -
IIS下部署php项目
最近做一个项目,用到了图片上传和富文本编辑器,后台人员在忙其他项目,所以图片上传和富文本只能前端来实现了,做的时候也没用多想,用到了php的move_uploaded_file来实现图片上传,富文本用的是ueditor的php版本,可最好往服务器部署项目的时候发现后台用的是iis,项目运行中php文件直接被下载并不被运行,因为没有php环境,所以需要部署php环境。尝试iis下部署php环境...原创 2018-12-29 10:32:48 · 2676 阅读 · 0 评论