TKG09-CSDN博客

原创 .vue文件 v-html 样式重置

1：直接写在style模块，但是需要注意需去掉scoped，否则不生效；2：如果为了不污染全局样式，即scoped是必要的情况下，可在updated里面通过jq，或者js操作响应标签的css，如：<div class='brief' v-html='myHtml'></div>updated() { $('.brief').find('p').c...

2019-11-21 14:58:34 443

原创监听storage数据变化

window.addEventListener('storage',function (e){ if(e.key == 'selectInfo'){ var selectInfoObj = JSON.parse(e.newValue) that.reseverBtnText = '（ '+selectInfoObj.seatName+' 低消'+selec...

2019-11-21 14:49:42 811

转载 area 标签区域点击

area 标签与 a 标签非常相似，不同的是，它不是文本型的链接，而是区域型的链接。area 是整个 html 规则中唯一支持非矩形热区的标签，它的 shape 属性支持三种类型。<ul><li>圆形：circle 或者 circ，coords 支持三个值，分别表示中心点的 x,y 坐标和圆形半径 r。</li><li>矩形：rect 或...

2019-05-31 15:57:08 1652

转载 CSS counter计数器(content目录序号自动递增)详解

https://blog.csdn.net/qq_37815596/article/details/80046996

2019-05-30 16:51:00 353

转载力荐35个最好用的Vue开源库！

力荐35个最好用的Vue开源库！原创：前端之巅前端之巅作者｜Nada Rifki译者｜无明无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，Vue.js 和 Nuxt.js 拥有不断成长壮大的社区，每天都会出现一些很好的软件包。在下文中，我们将...

2018-12-28 21:07:56 803

转载 javascript 参数带空格

在javascript中，如果函数中的参数值本身带有空格，如果不对空格加以处理，就会产生意想不到的报错，为了对空格进行处理，要使用escape和unescape对空格进行处理，例如把下面代码复制，然后运行： <!DOCTYPE html PUBLIC "-//W3C//DTD XhTmL 1.0 Transitional//EN" "http://www.w3.org/TR/xht...

2018-08-15 18:28:20 919

原创前后端分离

好处后端只需写接口，可以一套接口用于app，网站等应用；前后端技术人员可以专注于各自技术领域；减少开发过程的步骤，只需前端写完页面对接接口。不用前端写模板静态页，后端处理逻辑，有样式问题再找前端修改；很适用于spa项目，局部刷新对前端组件化等实现提供便利；减少服务器压力；修改前端的bug只需前端处理，修改接口的bug只需后端来处理，很多问题的修改无需前后端协调，提高效率；约定

2017-12-14 10:33:43 441

转载 Vue.js 2.0 移动端拍照压缩图片预览及上传

Vue.js 2.0 移动端拍照压缩图片预览及上传2017-03-04 21:55 本站整理浏览(35)在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到了无法调用plus的H5+接口的问题，所以最后拍照上传功能还是使用inp

2017-04-01 18:23:59 26441 33

原创实用的Window 尺寸 JavaScript 方案（涵盖所有浏览器）

实用的Window 尺寸 JavaScript 方案（涵盖所有浏览器）var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight |

2017-02-28 10:31:00 419

转载事件DOMContentLoaded和load的区别

他们的区别是，触发的时机不一样，先触发DOMContentLoaded事件，后触发load事件。DOM文档加载的步骤为解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded加载图片等外部文件。页面加载完毕。//load在第4步，会触发DOMContentLoaded事件。在第6步，触发load事件。用原

2016-12-22 15:21:21 511

转载手机端页面自适应解决方案—rem布局

只需在页面引入这段原生js代码就可以了1234567891011121314151617(function (doc, win) { var docEl = doc.documentEleme

2016-12-22 15:01:04 854

转载 Javascript 严格模式详解

作者：阮一峰日期： 2013年1月14日一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：　　- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为

2016-12-22 14:47:57 277

转载阻止冒泡方法

JS事件流其中一种是冒泡事件，当一个元素被触发一个事件时，该目标元素的事件会优先被执行，然后向外传播到每个祖先元素，恰如水里的一个泡泡似的，从产生就一直往上浮，到在水平面时，它才消失。在这个过程中，如果你只希望事件发生在目标元素，而不想它传播到祖先元素上去，那么你需要在“泡泡”离开对象之前刺破它。　　我在文档中写了一个层，点击以外隐藏该层，并为之设置了简单的样式，现在我希望点击该层以外的

2016-12-20 18:10:54 408

转载 z-index

概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。层级关系的比较1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素，position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素，即z-

2016-12-06 17:47:34 337

转载 textarea

监听textarea的onchange、onpropertychange、oninput、onkeyup事件，一旦触发事件就检查textarea里面的内容。内容为空，按钮就隐藏。不为空按钮就出现这4个事件的区别：onchenge触发条件：当前对象的属性改变（由键盘或鼠标触发）且对象失去焦点onpropertychange是当前对象属性改变就会触发但是是IE专属oninput和o

2016-12-01 15:38:41 513

转载 js判断与过滤emoji表情的方法

使用JS过滤emoji表情的主要原因：input标签中输入emoji表情，提交表单后插入数据库报错。原因是因为UTF-8编码有可能是两个、三个、四个字节。Emoji表情是4个字节，而MySQL的utf8编码最多3个字节，所以数据插不进去。于是找到两个解决方案： 1.将Mysql的编码从utf8转换成utf8mb4 2.前端JS校验过滤掉emoji表情下面主要粘下过滤em

2016-11-23 19:05:36 22464

原创 css3实现文本溢出以省略号形势显示

overflow: hiddentext-overflow: ellipsiswhite-space: nowrap

2016-11-04 17:13:10 669

转载 WebApp开发技巧大全

转载自http://jingyan.baidu.com/article/48206aeaf20729216bd6b35e.html ，仅为自学使用

2016-10-25 11:24:11 462

转载 H5开发问题总结和jquery bug列表

localstorage sessionstorage 存取对象的问题， local 和session 都无法直接存取对象，当你定义一个 json 以后通过setItem 和getIem 后发现无法正常使用，应为local session 都是支持字符串的存取，所以这是需要两个步骤第一就是在存的时候吧json 转化成字符串，当取出的时候再把字符串解析成json 例如J

2016-09-28 16:24:36 2120

转载 H5项目常见问题及注意事项

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一个数字，可以带小数// mini

2016-09-28 15:50:49 438

转载速算

十几乘十几：口诀：头乘头，尾加尾，尾乘尾。例：12×14=？解: 1×1=1 　２＋４＝６　２×４＝８ 12×14=168 注：个位相乘，不够两位数要用0占位。　　２.头相同，尾互补(尾相加等于10)：口诀：一个头加１后，头乘头，尾乘尾。例：23×27=？解：２＋１＝３　　２×３＝６　　３×７＝21

2016-09-28 15:48:12 298

转载 WEB APP、HYBRID APP与NATIVE APP 差异分析

更多134编者按：这3类主流应用你都了解吗？设计师除了要有视觉功夫，对不同形式的APP也应当了然于胸，今天百度的同学写了一篇非常全面的总结，帮你迅速搞定3类主流APP的设计方法，附带一大波避雷针，带你巧妙跳过APP设计的雷区，涨姿势是分分钟刻不容缓的事咯！目前主流应用程序大体分为三类：Web App、Hybrid App、 Native App。一、Web Ap

2016-09-28 12:04:15 664

TKG09的博客