jsdemo
文章平均质量分 80
fanrax
ruaruaruaru
展开
-
h5(vue项目)向小程序传参
vue:1.安装weixin-js-sdk;2.main.jsimport wx from "weixin-js-sdk";Vue.prototype.$wx = wx;3.传参的页面this.$wx.miniProgram.postMessage({data: {name:"xxx"}});小程序:wxml:<web-view class="webView" src="{{url}}" bindmessage="handlePostMessage.原创 2020-07-13 16:20:47 · 891 阅读 · 0 评论 -
手写vue2.0双向绑定原理
<inputtype="text"v-model="rua"><spanv-model="rua">asdasd</span>letarr=document.querySelectorAll("[v-model='rua']")letobj={}Object.definePropert...原创 2020-04-13 15:23:25 · 253 阅读 · 0 评论 -
echarts柱状图在部分ios上数据过多显示不出来的解决方案
问题:主要就是在部分的ios上面由于该echarts所要展示的数据超过80条 导致canvas所加载的图像显示不出来解决:一个不行就多放几个canvas拼接起来就行 每个canvas只显示50条数据就行,(我测试的50条刚好所有的手机把echarts图显示出来没什么问题)HTML:js:里面的names和ranks这两个分别指的是左边显示的名字和当前展示的数据下面这个...原创 2019-11-05 09:12:12 · 2331 阅读 · 0 评论 -
myjs
function star(aDiv){//传入所有div,相应div变,oDiv和aDiv for(var i=0;i<aDiv.length;i++){ //建立索引值(建立在事件外,事件内部获取索引值靠this引入) aDiv[i].index=i; //建立所有子div的点击事件 aDiv[i].onclick=...原创 2018-07-05 08:30:26 · 535 阅读 · 2 评论 -
浏览器判断
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0;原创 2018-07-05 08:24:50 · 86 阅读 · 0 评论 -
全屏滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body{ overflow: hid原创 2018-07-04 21:02:29 · 105 阅读 · 0 评论 -
分页加载图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="ajax.js"></script原创 2018-07-10 18:43:53 · 277 阅读 · 0 评论 -
侧边栏滚动小广告
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #div{ height:500px;原创 2018-07-03 18:43:17 · 250 阅读 · 0 评论 -
js重载
1、根据传入参数的类型执行不同的操作。2、利用参数中特殊的参数值进行不同的操作。3、根据参数的个数进行重载。 例子function rua(){ if(arguments.length==0){ alert(0); } else if(arguments.length==1){ alert(1) } ...原创 2018-07-24 07:50:23 · 128 阅读 · 0 评论 -
mintui 自定义选择时间段(picker)
//自定义数据可以自己设定(暂时只提供年月选择和年月日选择)图例:mockjs:constnowmonth=()=>{letdate=newDate()letmonth=date.getMonth()returnmonth}constnowday=()=>{letdate=newDate()...原创 2019-03-06 18:16:27 · 3736 阅读 · 1 评论 -
电路图精简版(web内置画图软件)
各种相关依赖(rua是我独特的命名方式)注意事项:这个属性改成false就能操作了主要的html效果:右边的图元添加:代码:左边的效果:初始化的代码(太多了 只截图一部分 具体的下载查看 新上传的下载地址在最底下5.10号左右能放上去)说明:左边图元的位置和连线都是储存在json里面的 因为没有服务器...原创 2019-05-08 15:19:15 · 7575 阅读 · 31 评论 -
js各种for循环的效率问题
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compa...原创 2019-08-05 09:59:23 · 1941 阅读 · 0 评论 -
node爬虫 福利
以上是全部依赖下面是girljsconst request = require("request")const cheerio = require("cheerio")const fs = require("fs")let i = 1download(i)function download(i){request("http://www.win4000...原创 2019-08-14 19:56:15 · 150 阅读 · 0 评论 -
封装的call和apply方法
var obj = {message: 'My name is: '}function getName(firstName, lastName) {console.log(this.message + firstName + ' ' + lastName)}Function.prototype.tocall=function(...arg){let on...原创 2019-08-31 11:44:49 · 240 阅读 · 0 评论 -
非脚手架项目的局域网访问
//exit.js直接上源码:constexpress=require('express')constapp=express()letinterfaces=require('os').networkInterfaces();letport=8080letouter,intranteintrante="http://127.0.0.1...原创 2019-09-02 08:52:26 · 182 阅读 · 0 评论 -
react中react-router-dom中路由使用问题(你的页面不出来可能就是这个问题)
在使用react-router-dom时发现的 如果在route上面加上了exact之后是不能给子路由的 自己坑了自己好久原创 2019-09-06 10:31:42 · 2299 阅读 · 0 评论 -
导航栏缩进
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0;原创 2018-07-03 18:42:16 · 740 阅读 · 0 评论 -
js键盘组合键
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #div{ width:100px;原创 2018-07-03 18:38:58 · 1267 阅读 · 0 评论 -
js去重
1.遍历数组法最简单的去重方法,实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中;注意点:判断值是否在数组的方法“indexOf”是ECMAScript5 方法,IE8以下不支持,需多写一些兼容低版本浏览器代码,源码如下:?1234567891011// 最简单数组去重法 function unique1(array){ var n = []; //一个新的临时数组 //遍历当前...转载 2018-06-12 19:13:08 · 161 阅读 · 0 评论 -
Math和Date对象
Math对象不用new 用的时候直接Math+属性名 就行例子:Math.random();//生成0到1的随机数 可以等于0不能等于1Math的7个常用方法Math.random(),Math.round()//四舍五入,Math.max()//找寻max中传入的最大值,Math.min()//找寻min中的最小值Math.abs()//取绝对值 ,Math.floor()向下取整,Math....原创 2018-06-20 19:02:07 · 307 阅读 · 0 评论 -
js小demo
//数组去重新方法// window.onload=function(){// function dedupe(array) {// return [new Set(array)]// }// var arr = [1,2,2,3,3,4,4,5,5]// console.log(dedupe(...原创 2018-06-13 11:59:29 · 650 阅读 · 0 评论 -
双色球(数组去重,数组排序,Math对象)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ height:10原创 2018-06-21 14:34:25 · 1023 阅读 · 0 评论 -
正则表达式
正则表达式是用来简化字符串操作的一般的写法是var reg=//;作用是测试字符串,替换文本,从字符串中匹配提取一个字符串斜杠表示正则表达式的开始和结束Øtest(),匹配一个字符串是否符合正则规则,成功,则返回trueØmatch(),找到一个或多个正则表达式的匹配Øreplace(),替换与正则表达式匹配的子串 Øsearch(),检索与正则表达式相匹配的值Øsplit(),把字符串分割为字符...原创 2018-06-21 19:52:30 · 73 阅读 · 0 评论 -
js轮播图
今天刚注意的一点:给子集元素定义绝对定位时要文字上下左右居中必须写line-height和text-align,不然文字会跑到元素外面;轮播图:html样式<div id="all"> <div id="pic"> <div></div> <div></div> <div&g原创 2018-06-07 18:08:34 · 336 阅读 · 0 评论 -
json
Jsoneval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。语法eval(string)返回值通过计算 string 得到的值(如果有的话)。说明该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。如果试图覆盖 eval 属性或把 eval() 方法赋...原创 2018-06-14 20:11:05 · 78 阅读 · 0 评论 -
正则的一些事项
^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" $ 匹配一个输入或一行的结尾,/a$/匹配"Ana",而不匹配"an A" * 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa + 匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa ? 匹配前面元字符0次或1次,/ba*/将匹配b,ba (x) 匹配x保存x在名为$1...$9的变量...原创 2018-06-22 19:19:22 · 72 阅读 · 0 评论 -
substring,substr,slice的区别
var str=“fanrax”为例子相同点:都是接受1个或者2个参数,第一个参数指定字符串开始的位置,第二个参数表示在哪里结束//例子:str.substring(1,2) 答案a 和slice一样substring和slice的第二个参数指定的是字符串最后一个字符后面的位置。substr则返回ansubstr的第二个参数指定从开始位置开始到后面一起返回的字符个数这三个方法如果不给第二个值的...原创 2018-06-16 16:15:43 · 103 阅读 · 0 评论 -
js书写选项卡和轮播图的结合(这个写的不是很好)
html:所有代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="tab_c原创 2018-06-09 12:49:08 · 236 阅读 · 0 评论 -
多选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body>全部:<input type="c原创 2018-06-11 09:56:28 · 197 阅读 · 0 评论 -
封装baClass方法(ie67下使用)
function getByClass(oParent,sClass)//传入他的父级和索要获取的类名{ //建一个变量获取父级下的所有元素 var aEle=oParent.getElementsByTagName('*'); //建一个数组 var aResult=[]; //建立正则查看匹配类名 var re=new RegExp('\\b'...原创 2018-06-26 09:13:18 · 103 阅读 · 0 评论 -
事件委托和事件监听(兼容)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0;原创 2018-07-02 19:15:44 · 450 阅读 · 0 评论 -
功能不全的购物车(json)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #shop_all>section{原创 2018-06-27 19:52:27 · 226 阅读 · 0 评论 -
瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0;原创 2018-07-10 09:42:55 · 114 阅读 · 0 评论 -
移动轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0;原创 2018-07-03 14:31:24 · 98 阅读 · 0 评论 -
js-小案例(100内替换含7或者7的倍数),(用户输入一个数字判断第几个星期第几天),(99乘法表)综合小案例
用户输入数字判断今天是第几个星期第几天:<body><input type="text" id="text"><input type="button" id="btn" value="提交"><script> window.onload=function(){ var原创 2018-06-11 19:49:14 · 917 阅读 · 0 评论