总结的知识
文章平均质量分 56
FLTmiao
这个作者很懒,什么都没留下…
展开
-
前端规范之HTML代码规范
HTML代码规范(简称HTML5)使用正确的文档类型文档类型声明位于HTML文档的第一行:<!DOCTYPE html>如果你想跟其他标签一样使用小写,可以使用以下代码:<!doctype html>使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母:· 混合了大小写的风格是非常糟糕的。· 开发人员通常使用小写 (类似 XHTML)。· 小写风格看起来...原创 2018-04-27 15:53:20 · 573 阅读 · 0 评论 -
jquery生成二维码怎么添加图片(两种方法)
github项目地址:https://github.com/fengliting/erweima注意:这里实现的是第一个方法自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二维码插件,一种是别人有改动过的二维码插件,生成二维码的图片的时候有那么一些写的差别第一种:使用的是原生的qrcode.js生成二维码加上图片页面<div class="m...原创 2018-01-17 20:15:02 · 7083 阅读 · 0 评论 -
bootstrap的switch监听事件
今天运用了bootstrap的switch的控件,然后我想当点击switch的时候,会有一些dom的操作,但是我看了官方文档,里面的js拿过来使用的时候,是没有任何效果的我的switch写法:divclass="checkbox checkbox-switch">label>inputid="mySwitch"type="checkbox"data-on-t原创 2017-08-19 12:06:16 · 11525 阅读 · 5 评论 -
用vuejs写一个分页组件
今天记录用vuejs2来写一个分页组件有些注解定义我说的并不是很准确,主要是方便自己理解写的,请大家包涵 ...代码的github网址 : https://github.com/fengliting/vue-page,里面给了详细的注解和补充一些方法,如果喜欢给颗星星吧页面的html>解释:@on-bottompage="bottompage":点击提交分页原创 2017-12-06 14:39:04 · 2141 阅读 · 0 评论 -
自定义滚动条控制大的div滚动
最近有个项目的需求,就是有一个滚动的小滑块,可以控制一个大的div滚动,可能本人的描述有点偏差,要的效果类似下图这是小滑块可以控制大的div这是大的div滑动这个滑块我是使用 h5的特性 input做的 value默认为0//拿到input var dragscroll = $("#dragbar");//大的div的scroll原创 2017-12-05 18:32:45 · 462 阅读 · 0 评论 -
使用echarts的字符云显示的title与name不符合的问题
最近使用了echarts的字浮云做界面,然后发现当鼠标放上某一个name的时候,它显示的title和value跟我放的文字显示不一致,去看了官方网站也没有发现解决的办法,然后找了一些资料,发现可以实现,在这里记录下来,方便以后自己回顾!其实很简单,就是value值需要逆序排序,官方网站的例子data里面,可以看到value值是逆序去排序的 data: [ {原创 2017-12-05 17:02:02 · 1731 阅读 · 0 评论 -
如何去掉button、img、a点击时的边框
在做页面的时候,有时候会发现点击一些按钮会自带一些边框,这是浏览器添加的,但是自己并不想要,那么很简单,就是在给这些有按钮的地方去掉边框css添加:outline:none有时候发现点击img的时候也会有,但是添加这个css并没有解决,怎么回事?其实img本身是点击没有任何边框的,基本是自己添加了有点击效果的标签,例如a,看看自己写的时候是不是这样:这时候点击图片的时候就会原创 2017-12-13 10:42:54 · 11881 阅读 · 0 评论 -
使用谷歌浏览器出现黑色块或者点点
今天去下载了最新的谷歌浏览器,63.0版本的。这是开头,然后在测试公司项目的时候,发现点击出弹框的时候,鼠标不管出现在哪里,都会出现黑色的点点或者块,主要是自己上司电脑就是最新版本的,出现这个问题,要我解决,后面我自己也升级版本出现这个问题才知道的。类似下图问题后面去搜索了一下,是谷歌浏览器自己的原因,有些人电脑会有,有些不会。然后发现是硬件加速模式导致的。就是谷歌浏览器里原创 2017-09-29 16:41:52 · 8639 阅读 · 1 评论 -
html中点击a标签视频在新页面播放
今天刚好需要做一个点击视频,需要在新页面打开播放。一看到这里,我第一想法就觉得很简单啊,直接一个a标签,里面给一个target为blank,href值为视频播放地址不就好了。想好就开始干,当这样做完之后,我在测试页面点击的时候,发现并不是我所想的,它是打开新页面,并且下载视频。wtf。然后自己打开页面新,把视频链接拷贝进去,发现是可以在页面播放的,然后我刷新页面,在点击a标签,发现可以打开新页面播...原创 2017-09-29 16:30:25 · 17014 阅读 · 10 评论 -
jquery写的消息滚动条
先写出一个div,把要滚动的消息都放里面divclass="scroll-box"> ul>li>iclass="icon icon-volume-medium">i>spanclass="margin-left-10">1span>li>li>iclass="icon icon-volume-medium">i>spanclass="margi原创 2017-08-30 16:12:11 · 825 阅读 · 0 评论 -
grunt 根据部署环境配置环境参数
简要说明一下:我的项目是angular写的,然后使用了grunt进行压缩,然后里面有一些环境变量,每次上线前都要手动的把配置变量修改一下。有时候忘记了,提交上去,然后一起部署到线上,经常发生这种致命的错误,然后上头领导叫我写一下配置文件,能正确清晰的辨别哪个文件是线上哪个是线下。之前也试过几种方法,在这里也跟大家分享一下,比较简陋,别太介意第一种:就是把线上线下的环境变量都写出原创 2017-09-14 10:41:50 · 1356 阅读 · 0 评论 -
同步与异步的区别,同步函数与异步函数的区别
同步与异步的区别 同步的概念应该是来自与os中关于同步的概念;不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式),同步强调的是顺序性,谁先谁后,异步则不存在这种顺序性 同步:浏览器访问服务器请求,用户看得到页面刷新,重新发请求,等请求完,页面刷新,新内容出现,用户看到新内容,进行下一步操作。 异步:浏览器访问服务器请求,用户正常操作,浏览原创 2016-10-31 15:21:26 · 4243 阅读 · 0 评论 -
web前端性能优化的方法
1.减少http请求次数:CSS Sprites、JS、CSS源码压缩、图片大小控制合适:网页Gzip,CDN托管、data缓存、图片服务器 2.前端模板 JS+数据,减少由于HTTP标签导致的带宽浪费,前端用变量保存Ajax请求结果,每次操作本地变量,不用请求,减少请求次数 3.用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能原创 2016-10-31 15:03:20 · 1269 阅读 · 0 评论 -
前端开发涉及的知识点
前端开发涉及的知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、css基本功:布局、盒子模型、选择器的优先级、HTML5、CSS3、Flexbox数据类型:运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄露、跨域、异步装载、模板引擎、前端MVC、路由、模块化、Canvas原创 2016-10-31 14:46:33 · 587 阅读 · 0 评论 -
前端规范之CSS代码规范
CSS编码规范语法· 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。· 为选择器分组时,将单独的选择器单独放在一行。· 为了代码的易读性,在每个声明块的左花括号前添加一个空格。· 声明块的右花括号应当单独成行。· 每条声明语句的 : 后应该插入一个空格。· 为了获得更准确的错误报告,每条声明都应该独占一行。· 所有声明语句都应当以分号结尾。最后一条声明语句后...原创 2018-04-27 15:54:03 · 230 阅读 · 0 评论