随笔分类 - html+js
摘要：1、需求： 要写一个讨论区的h5页面，当然包含了输入框并且输入框限制字符数 30 个，测试发现在ios手机输入emoji表情后输入框内就会超出所限制的字符长度，（说白了就是只要输入表情就会超出原有的30个字符） 这里呢 我们可以从两个方面去研究，第一：要么直接限制输入表情；第二：想办法计算得出表情的
阅读全文
摘要：页面添加监听 mounted () { if (window.history && window.history.pushState) { // 向历史记录中插入了当前页 history.pushState(null, null, document.URL); window.addEventList
阅读全文
摘要：使用的场景：欲做一个直播间，并且拉流地址支持 .flv、.m3u8、mp4。同时播放控件需要自定义，支持直播回放、直播时移、微窗显示。 其次，捎带记录一下讨论区功能。 期间使用了 video-player (.flv 格式的直播暂时不支持播放) aliplayer （这个忘记是什么原因了总之也没用成
阅读全文
摘要：转自他人博客、方便自己查看 ，不喜勿扰 进程、线程 进程是系统分配的独立资源，是 CPU 资源分配的基本单位，进程是由一个或者多个线程组成的。 线程是进程的执行流，是CPU调度和分派的基本单位，同个进程之中的多个线程之间是共享该进程的资源的。 浏览器内核 浏览器是多进程的，浏览器每一个 tab 标签
阅读全文
摘要：大家应该对他很熟悉，是的就是过滤器，但是我对他还真是用的不多， 直到今天项目里牵扯到一个数组更新页面没发生变化，想解决办法的时候在别人的代码里看到filter奔着尝试的想法试一试 没成想确实解决掉了，可能是我还是有些菜。 之前也不知道怎么解决类似的问题，忘记了 ，但是今天既然用到它了就记录一下 ，
阅读全文
摘要：一,什么是MVVM? 在MVVM框架下视图和模型是不能直接通信的，只能通过ViewModel进行交互，它能够监听到数据的变化，然后通知视图进行自动更新，而当用户操作视图时，VM也能监听到视图的变化，然后通知数据做相应改动，这实际上就实现了数据的双向绑定。并且V和VM可以进行通信。 图片示例如下: M
阅读全文
摘要：//ajax 的get post封装 function ajaxF( method , url , json, callback ){ var xhr = new XMLHttpRequest() || new ActiveXObject("Microsoft.XMLHTTP"); var str
阅读全文
摘要：// 编写一个函数，功能判断任意一个数是否是素数，如果是素数返回true 否则返回false function isPrimerNumber( m ){ //判断m是否是素数 //如果是素数 在2--(m-1)区间内 没有能够被m整除的数 for( var i = 2 ; i < m ; i++ )
阅读全文
摘要：1 // 方法一 2 var strHref = "http://网址ip/index.html?a=参数1&b=参数二&c=参数三" 3 var intPos = strHref.indexOf("?") 4 console.log(intPos) // 22 5 var strRight = s
阅读全文
摘要：/*定义滚动条的整体样式*/ ::-webkit-scrollbar { width: 140px !important; height: 14px !important; } /*定义了轨道的样式*/ ::-webkit-scrollbar-track { /*-webkit-box-shadow
阅读全文
摘要：字符串扩展 ES6为字符串扩展了几个新的API： includes()：返回布尔值，表示是否找到了参数字符串。 startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。 ES6中提供了`来作为字符串模板标记。我
阅读全文
摘要：最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex 编译之后的效果很明显，界面的布局也很合理，看起来很清晰。那么究竟这个属性是干嘛用的呢？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的
阅读全文
摘要：1 、OOP的基础问题 1.1什么是面向过程和面向对象？ 面向过程：专注于如何去解决一个问题的过程步骤。编程特点是由一个个的函数去实现每一步的过程步骤，没有类和对象的概念。 面向对象：专注于由哪一个对象来解决这个问题。编程特点是出现了一个个的类，从类中拿到这个对象，由这个对象去解决具体的问题。 对于
阅读全文
摘要：HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touch
阅读全文
摘要：javascript面试题 1.你能描述一下渐进增强和优雅降级之间的不同吗? 优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增
阅读全文
摘要：jQuery 面试问题和答案 JavaScript 是客户端脚本的标准语言，而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一，并且现在已经很少有不用jQuery 而使用原生 JavaS
阅读全文
摘要：1.jQuery的介绍 jQuery的使用: 查找标签 选择器 1.基本选择器 2.层级选择器 3.属性选择器 4.基本筛选器 5.表单常用筛选 筛选器方法 操作标签 样式类操作 位置 文本操作 属性操作 jquery中attr和prop的区别 文档处理 1.添加 1.添加到指定元素内部的后面 父元
阅读全文
摘要：实现思路：小球的移动，是通过改变小球的left和top值来改变，坐标分别为(x,y)当x/y值加到最大，即加到父级的宽度或者高度时，使x值或者y值减小，同理当x值或者y值减到最小时，同样的使x值或者y值增加，以上的思路可以实现小球的碰壁反弹 小球与小球之间的碰撞，要判断小球在被撞小球的哪个方向，从而
阅读全文
