Javascript
文章平均质量分 77
cicistream
一腔热情的晚起鸟
展开
-
Scroll详解
➡️ = 只读↔️ = 可读可写(默认)ElementclientHeight ➡️clientHeight 可以通过 CSS height + CSS padding - 水平滚动条高度 (如果存在)来计算.scrollHeight ➡️一个元素内容高度的度量,包括由于溢出导致的视图中不可见内容。没有垂直滚动条的情况下,scrollHeight值与元素视图填充所有内容所需要的最小值clientHeight相同。包括元素的padding,但不包括元素的border和margin。scrol原创 2021-03-06 13:16:23 · 3177 阅读 · 0 评论 -
经典算法解 · 最大子序合(贪心·分治·动态规划)
部分转载:LeetCode题解——————————————————题目:最大子序合给定一个整数数组 nums ,找到一个具有最大和的连续子数组(子数组最少包含一个元素),返回其最大和。示例:输入: [-2,1,-3,4,-1,2,1,-5,4],输出: 6解释: 连续子数组 [4,-1,2,1]的和最大,为6。方法一:贪心算法使用单个数组作为输入来查找最大(或最小)元素(或总...原创 2019-12-26 14:16:21 · 345 阅读 · 0 评论 -
RN的几种嵌套滑动总结
RN的几种嵌套滑动总结安卓常用的几种嵌套滑动的组合:ScrollView嵌套WebViewScrollView需要高度才能渲染,直接嵌套会导致空白。通过插入js的方式,在载入WebView的时候先传回WebView高度,::动态设置高度::const BaseScript = ` (function () { var height = null; ...原创 2019-07-29 19:43:22 · 2499 阅读 · 0 评论 -
iview Form 表单验证小结
手头的项目有一个需求是创建自定义表单模板,深入使用了iview的Form控件,踩了不少iview的坑,同时也锻炼了validate相关的能力。基本知识 Form由一些FomeItem组成,可以为Form设置rule来指定相关表单项的限制条件。 通过$ref 可以访问到 Form 组件,调用 validate 函数,即可获取相应的校验函数。iview中,Form验证是根据FormI...原创 2018-09-19 15:55:38 · 23577 阅读 · 0 评论 -
vue中实现基础组件——拖拽组件
<template> <div> <div style="overflow:hidden"> <div class="no-select" v-for=&原创 2018-09-19 15:36:20 · 17638 阅读 · 6 评论 -
JS——事件绑定与处理总结(上)
JavaScript与HTML之间的交互是通过事件实现的。事件是指文档或浏览器窗口发生的一些特定的交互瞬间,可以用监听器(或处理程序)来预定事件,以便在事件发生时执行相应的代码。——摘自《高程》 理解事件是实现良好交互的必要条件,本文旨在系统地总结事件相关知识。 (上)主要内容:理解事件流使用事件处理程序1.理解事件流 事件流描述的是从页面中接收事件的顺序。 首先你应该原创 2017-10-14 20:44:45 · 470 阅读 · 0 评论 -
关于Vue中nextTick()的思考
我的项目中有一个swiper插件,在vue实例created(生命周期相关)函数中,先用ajax异步加载数据,再初始化swiper轮播插件时,遇到了一个问题,由于动态数据加载导致了swiper初始化后会滑动到最后一个item。我当时的解决方法是用setTimeout()来延迟初始化,之后在学习es6的时候,我发现更好的解决办法是使用promise.then.但是,没有最后只有更好,promise.t原创 2017-10-27 16:55:53 · 2103 阅读 · 0 评论 -
基本包装类型
为了便于操作基本类型,ECMAScript提供了三个特殊的引用类型:Boolean、Number、String。 他们存在的意义是什么呢原创 2017-10-05 12:17:33 · 469 阅读 · 1 评论 -
JS Q&A小记录
变量、函数–声明与表达式 变量声明和函数声明会提升到该函数或外部函数作用域的顶部,函数声明优先级高于变量声明。但是变量的赋值会留在原位。所以函数声明的函数可以被提前引用,但是变量提前引用会被判定为undefined。 注意ES6标准,用let声明的变量只在所在代码块中有效而且不会被提升。 而函数定义表达式中,函数的声明虽然也会提前,但是赋值并不能提前,所以该函数无法在表达式定义之前被引原创 2017-05-03 15:50:38 · 712 阅读 · 0 评论 -
window和document获取视窗大小的总结
window.innerWidth document.documentElement.clientWidth document.body.clientWidth;原创 2017-06-19 11:39:11 · 6460 阅读 · 0 评论 -
JS——正则详解
文章内容摘自阮一峰大大—RegExp对象,总结一下方便自己记忆:1.正则匹配规则字面量字符串/dog/ 匹配 ‘dog’元字符:点字符(.) 匹配 除回车(\r)、换行(\n) 、行分隔符(\u2028)和段分隔符(\u2029)以外的所有字符。位置字符(^ / $) ^/$ 表示字符串开始/结束的位置选择符(|) 表示或关系,即cat|dog表示匹配cat或dog。选择符会原创 2017-10-03 20:19:25 · 5690 阅读 · 7 评论 -
JS Test(44道)总结
题目来自javascript-puzzlers1.reduce没有设置初始值的空数组使用reduce方法会抛出错误reduce的callback函数有四个参数,preValue,curValue,curValue-index,array,如果没有设定初始值,reduce开始时第一个值为preValue,第二个为curValue2.map&parseIntmap默认参数有两个原创 2017-10-03 20:19:19 · 350 阅读 · 0 评论 -
菜鸟系列——forEach、map、for...in、for...of
作为一个前端菜鸟,有好多容易弄混的名词我想把搞清楚的一一记录下来,帮助记忆forEach、map、for...in、for...of这四个方法都是可以遍历数组或类数组的,很容易就懵了,必须总结一下他们的使用对象和区别,加以区分。首先,map()和forEach()是Array自带的方法,Map对象也有forEach()方法,而for...in和for...of是对数组/类数组元素进行for原创 2017-10-03 20:19:38 · 1075 阅读 · 0 评论 -
如何更快地构建与渲染
在上一篇中,我详细描述了浏览器渲染的过程,那么,如何来提升渲染效率,使页面更快的加载完成呢。 我将这些方法分为几部分分别介绍。CSS部分1. 媒体类型和媒体查询 将CSS分割为片段,对于不同的浏览器,不同的终端,不同的阅读模式,应用不同的CSS样式表。如果将这些内容写到统一个文件中,浏览器需要下载并解析他们。所以我们应该将这些内容通过对link元素的media属性来指定:<head><link原创 2017-10-06 18:13:14 · 499 阅读 · 0 评论 -
完整渲染过程——从URL到页面
当用户输入一串URL(统一资源定位符)到完整的页面渲染出来,到底经历了什么呢~下面我来描述一下整个过程。 先列出他的大致流程:浏览器根据请求的URL交给DNS域名解析,找到真实的IP,向服务器发起请求;服务器交给后台处理完后返回数据,浏览器接受文件(HTML/CSS/JS/图像等);浏览器对加载到的数据进行解析,建立起相应的内部结构;载入解析到的资源文件,渲染页面,完成。我们主要分为两部分...原创 2017-10-06 10:52:17 · 4804 阅读 · 0 评论 -
DOM 编程艺术 实用代码段
addLoadEvent function addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload!='function') { window.onload = func; } { oldonload(); func() } } insertAfter functi原创 2017-04-03 18:43:19 · 388 阅读 · 0 评论