function query (el) { if (typeof el === 'string') { var selector = el; el = document.querySelector(el); if (!el) { "development" !== 'production' && warn( 'Cannot find element: ' + selector ); return document.createElement('div') } } ret

大概思路是这样的:通过判断传过来的参数是什么类型,如果是对象,那这里就是this(因为封装是自己用的,肯定不会随便乱传一个对象过来),如果是一个函数(匿名函数),那就是Dom加载(这里先不讲),如果是字符串,那就是CSS选择器,通过判断是否存在空格,没有就是单一CSS选择器,有就是后代选择器.然后再通过判断是ID选择器,类选择器还是元素选择器来执行具体的操作: 这里创建一个构造函数实现基础库Jr : function Jr(){ } 在其原型上添加方法: //获取ID节点 Jr.prototyp

JavaScript,封装库--修改元素选择器 就是将构造库函数修改成元素选择器,像css那样,输入#xxx .xxx xxx  (获取指定id下的指定class下的指定标签元素) 修改后的基础库 /** *feng_zhuang_ku_1.0版本,js封装库,2016/12/29日:林贵秀 **/ /** 前台调用 * 每次调用$()创建库对象,使其每次调用都是独立的对象 * $()创建库对象,有一个可选参数,参数有两种方式,1是传入的this,2是传入的字符串 * 可选参数说明: * 传入的

iosselect是个什么东西? 移动端浏览器对于select的展示样式是不一致的,ios下是类似原生的picker,安卓下各浏览器展示各异,我们需要一个选择器组件来统一各端下各种浏览器的展示.下面是它的一个截图: iosselect 项目地址: 文档和demo可以访问github:https://github.com/zhoushengmufc/iosselect iosselect能做什么? 移动端开发中,经常遇到选择器功能,常见的时间选择,日期选择,地区选择,单列选择.iosselect完

iosselect是个什么东西? 移动端浏览器对于select的展示样式是不一致的,ios下是类似原生的picker,安卓下各浏览器展示各异,我们需要一个选择器组件来统一各端下各种浏览器的展示.下面是它的一个截图: iosselect 项目地址: 文档和demo可以访问github:https://github.com/zhoushengmufc/iosselect iosselect能做什么? 移动端开发中,经常遇到选择器功能,常见的时间选择,日期选择,地区选择,单列选择.iosselect完

.katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > .katex-html { display: block; } .katex-display > .katex > .katex-html > .tag { position: absolute; right: 0px; } .katex { font-style: normal; font

需求:由于在项目开发中,当需要使用该组件时都需要对该组件进行大量的代码输出,为了方便代码统一管理,减少冗余代码,所以将此组件进行二次封装. 其他成员在使用中只需将自己的设置通过对应的参数传递到该组件,在执行选中操作后直接将返回值回传给调用的父组件即可. 技术涉及:react+ts+antd 代码如下: parent.tsx import React from 'react'; import MonthPicker from '../components/DatePicker/children';

antd中提供了是日期范围选择器及datepaicker封装日期范围选择器的示例,但是没有时间选择范围的组件,这里使用两个timePicker组合一个事件范围选择器,通过disabled属性限定时间可选择范围:(ts+hook,支持form表单) 基本就是通过disabledHours. disabledMinutes.disabledSeconds分别判断结束时间大于开始时间,这里设置的最小时间差为0s. import React, { forwardRef } from 'react'; i

一.jQuery简介 1.0 JavaScript编程比较恶心的地方 恶心1:选择元素麻烦,全线兼容的方法只有getElementById()和getElementsByTagName()两个.其他的方法是不都兼容的.getElementsByClassName()通过类名选择元素,IE9开始兼容. 恶心2:样式操作麻烦,得到原生样式,需要我们自己造轮子getStyle() 恶心3:动画麻烦,需要我们自己造轮子animate(); 恶心4:批量控制麻烦,大量出现的for循环语句:排他操作麻烦 恶

原文:Adapter的封装之路 一.几种常见列表效果: 假如要用RecyclerView实现下面的几种效果,你会如何实现呢? 效果1:单布局效果   效果2:多布局效果 有多种Item布局   效果3:多布局多列效果 有多种Item布局,有的Item占1行,有的Item占1/2行   二.使用方法 1.原始的Adapter-单布局效果 在最原始的用法中,我们需要自己去继承RecyclerView.Adapter,然后写一大坨形式化的代码:   然后在Activity中调用这个Adapter,感觉

[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4477079.html [其他相关文章] Android UI组件----ListView列表控件详解 [正文] [引入] 我们一般编写listView的时候顺序是这样的: 需要展示的数据集List<T> 为这个数据集编写一个ListView 为这个ListView编写一个Adapter,一般继承

(function(window,undefined){ var arr = [], push = arr.push, slice = arr.slice; //首先要做的就是封装一个parseHtml函数 //要注意的是,parthHtml要放在一个自调用函数内 var parseHtml = (function(){ //做一个模板 var div = document.createElement('div'); //这个函数是用来创建标签 function parseHtml(html){

var select = (function () { //这是一个异常与捕获的代码,它表示的意思是:如果push方法出现了错误那么就需要重写push方法 try { //这边是自己模拟一个场景,来使用系统的push方法,如果可以实现的话就证明系统支持push方法 //这种方法是系统能力检测中的方法功能检测 var div = document.createElement( 'div' ); div.innerHTML = '<p></p>'; var arr = []; push

加载jQuery-Loading jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>

好像是feedly订阅里看到的文章,读完后觉得非常不错,译之备用,多看受益. 加载jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></

早前在公司曾做过一些关于前端的技术分享,而每每跟大家谈到深处时,大家会疑惑这些知识点从何而来. 我会经常在内部去推荐自己读过的好书,希望大家在技术层面上都能更上一个台阶. 今天写下这个帖子一方面是记录自己在一年多时间里快速转变为前端人所度过的好书,另一方面也希望将这些好书分享给大家, 不希望前端人只是为了完成业务而学习,需要有求索的心态和积极性. 大概两年前,我是一个纯正的Javaer,不过在面临公司产品转型的路上,我开始接触基于Web的产品开发以达到跨平台的效果. 于是,慢慢走上了前端道路,带

[官方作品] 关于ES4的设首页问题 Skyfree 发表于 2013-2-10 21:55:03 https://www.itsk.com/thread-254503-1-1.html 关于ES4设置浏览器首页的问题,发布之前我就意识到可能会有人拿这个说事,只是没料到会有人如此偏颇的看待此问题,或仅从个人角度来看待这个问题.既然如此,我还是抽个时间直接说明白这个问题,尽管大过年的我还真不想多说什么…… 1.设首页的操作并非没有选项 很多朋友拿到ES4,用了一次或两次,就开始说“用ES4就会被设

加载jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>window.jQuery

对于大多数开发人员来说,chrome控制台最常用的命令就是 console.log()了,然后还有一些其他类似的命令,如: console.info()   提示信息 console.error()   错误信息 console.warn()   警示信息 然而,这些命令可能很多人都知道,然而,console.log()支持的多个参数中,可以设置出入样式,如: console.log("%chello world","font-size:18px;color:red;&quo

Web 最佳实践   前端   选择器 尽量使用ID选择器 基于Id的选择器:先使用ID选择器定位,然后再使用find方法精确查找   // Fast: $( "#container div.robotarm" ); // Super-fast: $( "#container" ).find( "div.robotarm" ); 指定选择的上下文   // 劣质的代码:因为需要遍历整个DOM来找到.class $('.class'); // 高品