首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    原生javascript 实现瀑布流

    于是,我真的实现了 *^0^* -------------- 无论是 jquery 还是原生 js for 循环都是一个非常重要的用法 只要打开脑洞,就会有更加异想天开的解决方法...offsetHeight + _blank; }; }; } // 加载完成后执行 window.onload = function() { WaterFall(); }; // 窗口变化时执行...则能够更加简单明了的实现问题,提高智力获胜的愉悦。 如,在jquery版本中,我一直在找,如何找到数组中最小值的方法。最后通过百度得到一个Math.min.apply(null,AllLi)的方法。...但是,在原生JS中,我用默认最小值为无穷大,var _minH = +Infinity 然后拿数组中的数字来和这个无穷大进行对比,如果这个数字比无穷大小,则将_minH赋值为当前数组的值,然后再拿下一个数组中的数字来进行对比...不过,这个方法低版本ie是不支持的。 最终,我通过上面的方法,一石二鸟,简单明了的实现了方法。 好了。明天再利用这个方法,把 jquery 版的代码再经过优化。应该就更简单了!

    1.4K20

    vue笔记3,计算笔记

    "demo"> {{prices}} <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.<em>js</em>...} } }) 当我们改变text 的值,页面重新渲染,所以通过methods调用的计算属性的值重新更新了,但计算属性的没有<em>变</em>...结论: 没有使用计算属性,在 methods 里定义了一个方法<em>实现</em>了相同的效果,甚至该方法还可以接受 参数,使用起来更灵活。既然使用 methods 就可以<em>实现</em>,那么为什么还需要计算属性呢?...一个计算属性所依赖的数据发生变<em>化时</em>,它才会重新取值 何时使用: -----------使用计算属性还是 methods 取决于你是否需要缓存,当遍历大数组和做大量计算时,应当使用计算属性,除非你不希望得到缓存

    56230

    如何让定时器在页面最小化的时候不执行?

    根据 当浏览器切换到其他标签页或者最小化时,你的js定时器还准时吗?[2] 这篇文章的实践结论如下: 谷歌浏览器中,当页面处于不可见状态时,setInterval 的最小间隔时间会被限制为 1s。...火狐浏览器的 setInterval 和谷歌特性一致,但是 ie 浏览器没有对不可见状态时的 setInterval 进行性能优化,不可见前后间隔时间不变。...火狐浏览器下setTimeout的最小间隔时间会变为1s,大于等于1s的间隔不变。ie浏览器在不可见状态前后的间隔时间不变。...[6] ahooks 中那些控制“时机”的hook都是怎么实现的?[7] 如何让 useEffect 支持 async...await?...[8] 参考资料 [1]详情: https://github.com/GpingFeng/hooks [2]当浏览器切换到其他标签页或者最小化时,你的js定时器还准时吗?

    1.5K10

    初识vue.js模板语法

    初识vue.js模板语法 1、简介 2、实例代码: 3、解释 1、简介   Vue.js使用了基于HTML的模板语法,允许开发者声明式地将呈现的DOM绑定至底层组件实例的数据。...所有的Vue.js模板都是有效的HTML,可以被符合规范的浏览器和HTML解析器解析。   ...在底层,Vue将模板编译为虚拟DOM呈现函数,结合响应式系统,当应用程序状态发生变化时,Vue可以智能地计算出需要重新渲染和应用最小数量DOM操作的组件。 2、实例代码: <meta http-equiv="X-UA-Compatible" content="<em>IE</em>...创建了应用程序实例之后,可以调用实例的mount()方法,指定一个DOM元素,在该DOM元素上装载应用程序实例的根组件,这样这个DOM元素中的所有数据都会被Vue框架所监控,从而<em>实现</em>数据双向绑定。

    2.7K10

    Vue之初识Vue

    前言 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维, 因为Vue.js是数据驱动的,你无需手动操作DOM。...(这就是为什么vue不支持ie8 以及更早的ie浏览器的原因) 1.2.2 组合的视图组件 ui页面映射为组件书 划分组件可维护、可重用、可测试 ?...1.3 虚拟Dom js的运行速度已经很快了,然而大量的DOM 操作就会变得很慢,但是前端本身就是要通过 JS处理DOM来更新视图数据的。...当数据发生变化时,能够智能的计算出重新渲染组件的最小代价并应用到DOM操作上。 vue就是利用了这一点。(vue 渲染组件的步骤图:) ?...例如,实例需要配置数据 观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。

    86810

    最全的CSS浏览器兼容整理

    这样问题就大了,如果只用宽度和高度,正常的浏览器里这两 个值就不会,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。...但IE不认得这个,而它实际上把width当 做最小宽度来使。...它实际上通 过Javascript的判断来实现最小宽度。 6.DIV浮动IE文本产生3象素的bug 左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距....:.hackbox{ display:table; //将对象作为块元素级的表格显示} 11.高度不适应 高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节,特别是当内层对象使用margin...就可以了, FF中我们使用JS插入 的方法来解决 <!

    1.6K31

    网页开发之目前流行的五大浏览器内核介绍

    浏览器的内核是分为两个部分的,一是渲染引擎,另一个是JS引擎。现在JS引擎比较独立,内核更加倾向于说渲染引擎。...1、Trident内核:(三叉戟)代表作品是IE,因IE捆绑在Windows中,所以占有极高的份额,又称为IE内核或MSHTML,此内核只能用于Windows平台,且不是开源的。...但由于市场份额比较大,曾经出现脱离了W3C标准的时候,同时IE版本比较多,存在很多的兼容性问题。 2、Gecko内核:(壁虎)代表作品是Firefox,即火狐浏览器。...4、Presto内核:(说)代表作品是Opera,Presto是由Opera Software开发的浏览器排版引擎,它是世界公认最快的渲染速度的引擎。...谷歌还开发了自己的JS引擎,V8,使JS运行速度极大地提高了

    1K30

    响应式网页bootstrap

    响应式网页设计 根据设备尺寸,自动调整布局,有bootstrap和foundation等 bootstrap没有自定义标签,主要通过css扩展class foundation不兼容旧版本的ie 网格系统...test 布局 bootstrap再html的display css属性上封装了三种布局方式,使用控件嵌套方式布局,设置宽度最大值和最小值...安装bootstrap 安装bootstrap4 npm install bootstrap(使用的时候需要css) npm install jquery npm install popper.js...(不要安装popper,要带js的) 安装bootstrap3 npm install bootstrap@3(使用的时候需要css) npm install jquery(node导入jquery...pading bg-dark,背景色,bootstrap的背景色和css不同,使用red等颜色,bootstrap不会接受的 primary 深蓝 secondary 灰 success 绿 warning

    6.8K30

    前端组件整理

    提高精度的数字操作 浏览器增强类 让一些旧浏览器牛逼的库 Selectivizr 让IE 6-8支持一些css3选择器 ieBetter 让ie6-8有高级浏览器的特性 ExplorerCanvas...让IE8-的浏览器支持canvas 选择器增强 Lining.js 让浏览器实现类似::nth-line(), ::nth-last-line()的效果 未归类 prefixfree 用了它,写css...用滚轮来翻页 turn.js 做一本书,带漂亮的翻页的效果 幻灯 coin-slider 兼容IE6。蛮好的~。不过其切换方式是一块块的。不能配置切换方式。。。...我的改进版见这里 TheaterJS 模拟两个人在屏幕上对话 midnight.js 文字颜色随着背景,屌炸了 color-animation jquery的颜色渐变动画插件。...用户体验增强类 Intro.js 用来介绍网站的功能很不错。也可以做新手引导。 blockUI Lolding组件。 simple-hint 提示信息。用css做的。兼容性IE 9+。

    12.8K40

    前端面试02-JavaScript

    当声明的变量还未被初始化时,变量的默认值为undefined。 Null类型也只有一个值,即null。...javascript高级程序设计:在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined。null值则是表示空对象指针。...js有三种: 全局作用域 全局作用域是最外围的一个作用域。根据 ECMAScript 实现所在的宿主环境不同,表示全局作用域的对象也不一样。...JS事件流最早要从IE和网景公司的浏览器大战说起,IE提出的是冒泡流,而网景提出的是捕获流,后来在W3C组织的统一之下,JS支持了冒泡流和捕获流,但是目前低版本的IE浏览器还是只能支持冒泡流(IE6,IE7...尽量减少对象成员嵌套; 缓存DOM节点的访问; 通过避免使用eval和function()构造器; 给setTimeout()和setInterval()传递函数而不是字符作为参数; 尽量使用直接量创建对象和数组; 最小化重绘

    1.1K10

    单页应用(SPA)开发中的 Top 10 框架

    Angular 负责编译和渲染 HTML,并生成用户界面, 在此过程中,它操作 DOM 并实现指令中的全部功能。不过,指令只是 Angular 强大功能的一部分。...一个很好的例子是 Material-UI,它用 React 组件实现了 Google 的 material design。...Ember 和 Angular 一样使用了双向数据绑定,也就是说,当 model 变化时更新 view;当 view 变化时更新 model,view 和 model 一直保持同步。...backbone 非常灵活,因为它提供了一个最小的功能集合,开发者在此基础上二次开发,自己写代码或者使用第三方的库都可以。还可以在 backbone 的基础上构建一个全功能的框架。...他的文章里包含了所有能够使移动应用,web 应用,网站的更现代化。

    4.3K40

    WEB缓存探究

    前言 由于项目越来越大,即使了使用代码压缩工具减少文件大小,js文件还是不可避免的越越大。而对于用户来说每次重新下载都有可能会消耗大量时间,让我们的首屏展示有较长时间的空白。...通过它可以可实现高效的资源更新检查:资源未发生变化时不会传送任何数据。 ETag通常是服务器生成的文件内容的哈希值或某个其他指纹。如果请求时指纹仍然相同,则表示资源未发生变化,则可跳过下载。...参数弃用小指南 如果你不考虑ie6和HTTP 1.0客户端,那么你可以无视Pragma Cache-Control: no-store, must-revalidateExpires: 0 如果你也不打算管...[hash].js" } } 为打包后的文件名加上hash,使文件更新之后会生成新的hash,以达到弃用原来缓存的效果。...定制缓存策略 可以为不同类型的文件定义不同的缓存策略,以达到最高效的结果 将HTML被标记为“no-cache”,使浏览器在每次请求时都始终会重新验证文档,并在内容变化时能够及时获取最新版本,即使下载新资源

    72840
    领券