js小功能记录

个人日常中遇到的js小功能记录,方便查看. /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return {Boolean} [ture,false] */function isContains(str,substr) { return new RegExp(substr).test(str);} /** * 判断文件是否是图片 * @param {[type…

js小功能整理

/** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return {Boolean} [ture,false] */function isContains(str,substr) { return new RegExp(substr).test(str);} /** 获取选择文件的数目.大小 */ <input type="file" multip…

python小功能记录

本博客会不断完善,记录python小功能. 1. 合并两个字典 # in Python 3.5+ >>> x = {'a': 1, 'b': 2} >>> y = {'b': 3, 'c': 4} >>> z = {**x, **y} >>> z {'c': 4, 'a': 1, 'b': 3} # Python 2.x >>> z = dict(x, **y) >>> z {'a': 1, 'c'…

JS中部分不常用小功能记录

1.serializeArray()在表单中使用,必须在form标签中,需要手机的元素要有name属性.源生JS将对象转成json resulrMK = JSON.stringify(resulrMK); 2.数组去重 [...new Set([1,1,21,5,4,4,4,4])] 3.getBoundingClientRect用于获取某个元素相对于视窗的位置集合 4.Navigator userAgent 属性声明浏览器用于 HTTP 请求的用户代理头的值,userAgent 属性是一…

js小功能合集：计算指定时间距今多久、评论树核心代码、字符串替换和去除。

1.计算指定时间距今多久 var date1=new Date('2017/02/08 17:00'); //开始时间 var date2=new Date(); //当前时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数 //计算出相差天数 var days=Math.floor(date3/(24*3600*1000)) //计算出小时数 var leave1=date3%(24*3600*1000) //计算天数后剩余的毫秒数 va…

点滴积累【JS】---JS小功能（JS实现模仿微博发布效果)

效果: 思路: 利用多功能浮动运动框架实现微博效果,首先,将textarea中的属性添加到新创建的li里面然后,再将li添加到ul里面,再利用浮动运动框架将数据动态的显示出来. 代码: <head runat="server"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #ul1 { width: 300px; height…

点滴积累【JS】---JS小功能（JS实现多功能缓冲运动框架)

效果: 思路: 首先,多功能框架实现的功能是:css中所有的属性都可以添加进去(也可以把方法作为参数传递过去!),然后进行缓冲运动,比如:物体的高度.长度.颜色.字体大小.透明度等,都可以直接传入参数然后进行运动,简单的说是利用json字符串把数据拼接起来,然后进行传参,参数传入进去到函数以后,根据参数的对象,还有属性,还有函数方法,然后再利用setInterval进行缓冲运动,最后判断运动什么时候结束.有一点要注意的是先用getStyle方法获取非行间样式!!! 代码: <head id=&quo…

js小功能2：切换

HTML: <div id="tb"> <ul><li class="on">房产</li><li>家居</li><li>二手房</li></ul> <div> <p>275万购昌平邻铁三居 <span>总价20万买一居</span></p> <p>200万内购五环三居 <span&…

日常css和js小知识点记录

2015-6-29 1.<meta name="viewport" content="width=device-width,user-scalable=no">设置屏幕宽度为设备宽度,禁止用户手动调整缩放 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, u…

点滴积累【JS】---JS小功能（JS实现匀速运动）

效果: 思路: 利用setInerval()计时器,进行运动.然后关键的一点是在最后停止的时候给它一个填充缝隙的判断. 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 100px; height: 100px; background: #0000FF; position: absolute; left: 8…

js小功能3：一个简单的计算器功能

html: <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</o…

点滴积累【JS】---JS小功能（createElement和insertBefore添加div下面的节点）

效果: 代码: <head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var oul = document.getElementById('ull'); var obtn = document.getElementById('btn'); var ot1 = document…

五、python小功能记录——打包程序

使用pyinstaller打包Python程序安装工具 :pip3 install pyinstaller 在Python程序文件夹上(不点进去)按住shift并且右键,在弹出的选项中点击"在此处打开命令行窗口"或者“在此处打开PowerShell窗口”,CMD进来也可以打包命令:pyinstaller -F -w (-i icofile) filename filename表示你的Python程序文件名 -w 表示隐藏程序运行时的命令行窗口(不加-w会有黑色窗口) 括号内的为可选…

四、python小功能记录——按键转点击事件

import win32api,win32gui,win32confrom pynput.keyboard import Listener def clickLeftCur(): win32api.mouse_event(win32con.MOUSEEVENTF_LEFTDOWN|win32con.MOUSEEVENTF_LEFTUP, 0, 0) def press(key): '): n=0 while n<500: clickLeftCur() n+=1 with Listener(on_…

三、python小功能记录——杀掉进程

import os os.system("taskkill /F /IM python.exe")#旧版 os.system("taskkill /F /IM py.exe")#3.7.3 按键盘一建停止所有python进程 from pynput.keyboard import Listener import os def press(key): ': os.system("taskkill /F /IM py.exe") else: prin…

二、python小功能记录——监听鼠标事件

1.原文链接 #-*- coding:utf-8 -*- from pynput.mouse import Button, Controller ## ================================================ ## 控制鼠标 ## ================================================ # 读鼠标坐标 mouse = Controller() print('The current pointer position…

一、python小功能记录——监听键盘事件

1.监听键盘按键 from pynput.keyboard import Listener def press(key): print(key.char) with Listener(on_press = press) as listener: listener.join()…

js小功能实现

发送随机数手机验证码60秒倒计时 mm.mobileCheck = function(t){ var mobile = $("#user_mobile").val(); if(""===$.trim(mobile)){ $.sscmpMsg().showWarnMessage("请输入手机号码!"); return; } $(t).attr('disabled', 'disabled'); var chars = ['0','1','2','3'…

js小功能

1 删除左右两端的空格 //删除左右两端的空格 function trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 2 判断是否为空 //判断是否为空 function isEmpty(s) { return ((s == undefined || s == null || s == "") ? true : false); } 3 判断输入数字是否为整数 //判断输入的字符是否为整数 function…

点滴积累【JS】---JS小功能（onmousedown实现鼠标拖拽div移动）

效果: 思路: 利用onmousedown事件实现拖拽.首先获得鼠标横坐标点和纵坐标点到div的距离,然后当鼠标移动后再用可视区的距离减去横纵坐标与div的距离.然后在判断不让DIV移出可视区,然后再赋予DIV的位置.最后关闭鼠标onmouseup事件. 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 20…

点滴积累【JS】---JS小功能（onmousemove鼠标移动坐标接龙DIV)

效果: 思路: 利用onmousemove事件,然后获取鼠标的坐标,之后把DIV挨个遍历,最后把鼠标的坐标赋给DIV. 代码: <head runat="server"> <title></title> <style type="text/css"> div { width: 20px; height: 20px; background: #00FFFF; position: absolute; } </styl…

点滴积累【JS】---JS小功能（JS实现动态添加运动属性)

效果: 思路: 首先遍历div挨个执行onmouseover事件,再设置获取非行间样式.然后编写setInterval计时器框架,框架内容是:将三个参数 div.div属性.div的目标点,分别获得,然后设置计时器,设置div的移动速度,然后进位转换,再判断什么时候停止,再进行移动. 代码: <head runat="server"> <title></title> <style type="text/css"> di…

点滴积累【JS】---JS小功能（JS实现多物体缓冲运动)

效果: 思路: 利用setInterval计时器进行运动,offsetWidth实现宽度的变动,在用onmouseover将终点和所选中的DIV放入参数再进行缓冲运动. 代码: <head runat="server"> <title></title> <style type="text/css"> div { width: 100px; height: 50px; background: #0000FF; margi…

点滴积累【JS】---JS小功能（JS实现侧悬浮浮动)

效果: 思路: 首先,加载onscroll控制滚动条.然后写缓存运动的方法,缓冲运动的方法是先计算出DIV缓冲的速度,并且将其取整,再进行运动判断什么时候到达终点.最后将其参数返回.再在onscroll里面调用此方法,并且将终点计算出来赋予此方法的参数. 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 20…

点滴积累【JS】---JS小功能（JS实现隐藏显示侧边栏，也就是分享栏的隐藏显示）

效果: 思路: 首先,利用计时器setInterval实现DIV的隐藏显示功能,然后在进行一个判断,之后在把要移动的相应距离进行一个参数传递,再根据参数判断出移动的方向也就是offsetLeft移动的方向,是正或者是负.最后利用onmouseover和onmouseout,实现DIV的事件. 代码: <head runat="server"> <title></title> <style type="text/css">…

点滴积累【JS】---JS小功能（JS实现排序）

效果: 思路: 首先,获得用到的ID,在把得到的<li>数组添加到array数组里面,然后在进行array排序,排序完后再将array中的数据用appendChild添加到ul里面: 代码: <head runat="server"> <title></title> <style type="text/css"> ul li { background-color: #00FFFF; } </style…

点滴积累【JS】---JS小功能（操作Table--动态添加删除表格及数据）

效果: 代码: <head runat="server"> <title></title> <style type="text/css"> tr { height: 30px; } </style> <script type="text/javascript"> window.onload = function () { var oName = document.getEle…

点滴积累【JS】---JS小功能（列表页面隔行变色）

效果: 代码: <head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var otab = document.getElementById('tab1'); var thiscolor = ''; for (var i = 0; i < otab.tBodies[0].…

点滴积累【JS】---JS小功能(offsetLeft实现图片滚动效果）

效果: 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 245px; height: 150px; background: red; margin: 250px; margin-left: 500px; position: absolute; overflow: hidden; } #div1 ul li…

点滴积累【JS】---JS小功能(setInterval实现图片效果显示时间)

效果: 代码: <head runat="server"> <title></title> <script type="text/javascript"> function toDou(n) { if (n < 10) { return '0' + n; } else { return '' + n; } } setInterval( window.onload = function () { var aImg…

【js小功能记录】的更多相关文章