html通过js绑定click事件,无限调用。

问题1.
如题,通过js绑定click事件,无限调用。
js 结构

window.onload = function(){
    basecss();
    bdEvent()
    function bdEvent(){
    var li=document.querySelectorAll("#slider li");
    li[0].addEventListener("click", before(),true); 
    li[1].addEventListener("click", before(),true); 
    li[3].addEventListener("click", before(),true);
    li[4].addEventListener("click", before(),true);
    }
    function basecss(){
        ...
    };
    function before(){
        ...
    };
    function next(){
        ...
    };
}

html结构

 <body>
    <div id="slider">
        <ul>
            <li>
                <img src="1517301943(1).jpg">
                <a>0000</a>
            </li>
            <li>
                <img src="1.jpg">
                <a>0000</a>
            </li>
            <li>
                <img src="1.jpg">
                <a>0000</a>
            </li>
            <li>
                <img src="1.jpg">
                <a>0000</a>
            </li>
            <li>
                <img src="1.jpg">
                <a>0000</a>
            </li>
        </ul>
        </div>
</body>

问题2.
定义一个变量,然后写一个函数不能调用?我调用a是undefine

 window.onload = function(){
    basecss();
    bdEvent();
    var a="aaa";
    function bdEvent(){
    alert(a);
    }

11个回答

事件绑定错了,去掉(),加()是将before返回值作为click的处理函数,至于无限调用自己检查逻辑,肯定是有死循环代码了

 li[0].addEventListener("click", before(),true); 
==>
li[0].addEventListener("click", before,true); 

var申明的变量不管你在哪里var,预解析,会在作用域最先申明并赋值为undefined,只有执行到实际的赋值语句才会赋值,所以undefined没错,等价于下面的

  window.onload = function () {
        var a = undefined;////////////////
        basecss();
        bdEvent();//执行alert a,所以undefined,也不会报错
         a = "aaa";//执行到这才会赋值
        function bdEvent() {
            alert(a);
        }
    }

=>javascript运行机制浅析

问题1, 绑定事件错了, 不要加(), 加上()会立即调用;
问题2 bdEvent调用时变量a已经提升但是未赋值, 所以不抱错,弹出的是undefined

不懂再问

li[0].addEventListener("click", before(),true);
li[1].addEventListener("click", before(),true);
li[3].addEventListener("click", before(),true);
li[4].addEventListener("click", before(),true);

你这个里面会执行函数,知道不;
js里面()表示执行函数;
所以你要绑定事件的话,需要去掉(),就相当于引用;
li[0].addEventListener("click", before,true);
li[1].addEventListener("click", before,true);
li[3].addEventListener("click", before,true);
li[4].addEventListener("click", before,true);

    这里可以写循环的;

    2.函数要有调用才会触发,你的第二个问题中,那个bdEvent只是定义了一下,并没有调用方啊;

    所以你可以在定义后面执行,如bdEvent(),bdEvent.call()等;
    或者定义自运行函数;

    希望可以帮到你

注意js的生命周期,结构都是从上往下的,你开始就调用函数,但那时函数还没定义,肯定不行的。
还有就是,多在浏览器中F12调试js,可以利用浏览器输出Console协助调试,很方便的!
加油,js很好学的,功能又很强。

第一个问题: 我测试的并不是无限调用,只调用了4次;打印了4个before;刚好对应你的4个li。
window.onload = function(){
basecss();
bdEvent();

function bdEvent(){
var li=document.querySelectorAll("#slider li");
li[0].addEventListener("click", before(),true); 
li[1].addEventListener("click", before(),true); 
li[3].addEventListener("click", before(),true);
li[4].addEventListener("click", before(),true);
}
function basecss(){
    console.log("basecss");
};
function before(){
    console.log("before");
};
function next(){
    console.log("next");
};

}
第二个问题: 这是js的运行顺序问题。
js的运行是自上而下的运行,当他遇到方法时,会先进入方法内运行,运行完方法中的代码,再继续向下执行。
而你的var a="aaa"在方法bdEvent();的调用之后才定义的,此时js是没有运行到你的变量定义的地方的,因此alert的是undefine;
如果你变化一下顺序 将 var a="bbb"放在bdEvent()的上面,就会打印a
$(function(){
function basecss(){
console.log("basecss");
};
basecss();
bdEvent();
var a="bbbbb";
alert(a);
function bdEvent(){
//var a="bbbbb";
alert(a);
}
});

然而 如果你这样写
它的打印顺序是 undefinehello-> bbbb->bbbbworld;为什么在调用之前 定义了a,此时又打印undefine呢?因为
js作用域链的访问规则,当前作用域内存在要访问的变量a,所以使用当前作用域中的变量。再根据js代码的执行顺序,此时的a只是声明了而并未被赋值,默认为undefined,所以输出undefined。
而第二个a,输出bbbbb,正是因为此时的a已经被声明且被赋值,所以a输出bbbb

另外 建议你用jquery,别用window.onload()了
$(function(){
function basecss(){
console.log("basecss");
};
basecss();
var a="bbbbb";
bdEvent();

alert(a+"world");
function bdEvent(){
    alert(a+"hello");
    var a="bbbbb";
    alert(a);
}

});

第一个没看懂你要表达什么。。。
第二个,定义变量的顺序不对,先定义变量在调用函数

bdEvent 在调用之前还未定义

js在调用的时候会从上往下自行调用,如果没有被和声明赋值的变量在js中是不会报错的,js中加入了大量的预赋值。运行到before时还没有给变量a赋值。所以会是undefine的。循环调用时不会的,因为你在注册click事件的时候用的before()方法的调用不是声明。所以会调用四次。不会无限循环下去的

绑定事件错了, 不要加(), 加上()会立即调用;

问题1.
li[0].addEventListener("click", before(),true);
li[1].addEventListener("click", before(),true);
li[3].addEventListener("click", before(),true);
li[4].addEventListener("click", before(),true);
绑定方法写错了:
li[0].addEventListener("click", before,true);
问题2.
window.onload = function(){
basecss();
bdEvent();
var a="aaa";
function bdEvent(){
alert(a);
}
这个方法之所以调用的时候a是undefined是因为方法调用时你的a还没有初始化
window.onload = function(){
basecss();
//先初始化
var a="aaa";
//调用
bdEvent();
function bdEvent(){
alert(a);
}

共11条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js立即在执行函数绑定在click事件中,文档加载就已经调用的原理是什么?
btn.onclick = fn(); function fn(){ alter('hello'); } ``` ```
关于一个事件绑定的问题,不是on,click啥的 求高手
![图片说明](https://img-ask.csdn.net/upload/201712/08/1512722435_568015.png) 这是我用到的一个插件,是个模态框,这是文件格式 ![图片说明](https://img-ask.csdn.net/upload/201712/08/1512722510_535380.png) 这个是插件js文件中的源码 ![图片说明](https://img-ask.csdn.net/upload/201712/08/1512722540_317813.png) 这是那一句绑定语句,这一行代码是调用模态框的代码 ![图片说明](https://img-ask.csdn.net/upload/201712/08/1512722613_714542.png) 这是我百度地图添加的右键菜单。因为这玩意儿是之后生成的,虽然知道on可以动态绑定事件,但是这个插件就没法用on了。。人家自带一个leanModal事件。。。跪求
jQuery中如何在事件处理器中中断后续事件处理器的调用?
当给同一个元素的同一事件绑定多个事件处理器时,如何在某个事件处理器中中断后续处理的调用? 如下代码: [code="js"] $("#button").click(function(event) { // handler 1 if ( ... ) { return true; } else { return false; // 希望返回false时,handler2及其它的处理器都不再被调用 }$("#button").click(function(event) { // handler 2 if ( ... ) { return true; } else { return false; } [/code] 在上述代码中,如何实现handler1返回false时,不调用handler2?
绑定事件:addEventListener("事件名称",function(){},useCapture)第二个参数的疑问
``` 通常可以这样给目标对象添加事件: element.addEventListener("事件名称",function(){},useCapture); 1.其中第二个参数为一个函数。事件发生时,会调用该监听函数。请问是谁调用了这个函数? 2.第二个参数除了可以是监听函数,还可以是一个具有handleEvent方法的对象: buttonElement.addEventListener('click', { handleEvent: function (event) { console.log('click'); } }); 为什么还可以是一个具有handleEvent方法的对象,这个和第一个存在什么联系吗? ```
extjs 中 给组件添加click 事件是怎么关联到dom事件的?
<p> </p> <pre name="code" class="js">var element = Ext.get('domid'); var component = Ext.getCmp('domid') </pre> <p> 各添加一个click事件</p> <pre name="code" class="js">element.on('click',function(){}); component.on('click',function(){});</pre> <p> </p> <p> <br>extjs源码中显示这两种添加事件方式是不同的。<br><br>给element上添加事件会最终把事件绑定到dom元素上(最终是调用addEventListener or attachEvent)<br><br>但是component添加事件只是记录了事件和回调函数的关系,然后fireEvent之后依次调用,并没有涉及到给dom元素添加事件。<br><br>但是费解的是当你给component添加click时间的时候,却是可以触发的。<br><br>不解。。。<br><br>以下是 component 添加事件的行为(使用Observable的</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'WenQuanYi Zen Hei'; font-size: medium; display: inline !important;">addListener)</p> <p> </p> <p> </p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'WenQuanYi Zen Hei'; font-size: medium;"> </p> <pre name="code" class="js"> addListener : function(eventName, fn, scope, o){ var me = this, e, oe, isF, ce; if (ISOBJECT(eventName)) { o = eventName; for (e in o){ oe = o[e]; if (!me.filterOptRe.test(e)) { me.addListener(e, oe.fn || oe, oe.scope || o.scope, oe.fn ? oe : o); } } } else { eventName = eventName.toLowerCase(); ce = me.events[eventName] || TRUE; if (Ext.isBoolean(ce)) { me.events[eventName] = ce = new EXTUTIL.Event(me, eventName); } ce.addListener(fn, scope, ISOBJECT(o) ? o : {}); } }</pre> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'WenQuanYi Zen Hei'; font-size: medium;"> 这是 element添加事件的代码(使用EventManager的addListener,最终会添加click事件到dom上)</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'WenQuanYi Zen Hei'; font-size: medium;"><span style="font-family: monospace;"><span style="white-space: pre;"> </span></span></p> <pre name="code" class="js"> addListener : function(eventName, fn, scope, options){ Ext.EventManager.on(this.dom, eventName, fn, scope || this, options); return this; }</pre>   <p> </p> <p style="font-family: 'WenQuanYi Zen Hei'; font-size: medium;"> </p> <p> </p> <p> </p> <p> </p> <p> </p>
求解关于js拷贝的问题
我跟着教程学的程序已经正常运行,但我有一点不能理解 问题是这样的。实现数据的单项绑定 ``` //左侧模板类目 var itemTmpl = `<div class="menu-item"> <img class="img" src="$picture" /> <div class="menu-item-right"> <p class="item-title">$name</p> <p class="item-description">$description</p> <p class="item-zan">$praise_content</p> <p class="item-price">¥$min_price<span class="unit">/$unit</span></p> </div> <div class="select-content"> <div class="minus"></div> <div class="count">$chooseCount</div> <div class="plus"></div> </div> </div>` //这里因为外面穿入了data,我们就不自己get了 function getList(data){ var list =data; initRightList(list); } //渲染列表 parma array 就是spus function initRightList(list){ $('.right-list-inner').html(''); list.forEach((item, index) => { if(!item.chooseCount){ item.chooseCount = 0; //在这里创建的chooseCount } var str = itemTmpl.replace('$picture', item.picture) .replace('$name', item.name) .replace('$description', item.description) .replace('$praise_content', item.praise_content) .replace('$min_price', item.min_price) .replace('$unit', item.unit) .replace('$chooseCount', item.chooseCount); var $target = $(str); $target.data('itemData', item); $('.right-list-inner').append($target); }); } //渲染title parma array function initRightTitle(str){ $('.right-title').text(str); } //给按钮绑定点击事件 function addClick(){ $('.menu-item').on('click', '.plus', (e) => { var $count = $(e.currentTarget).parent().find('.count'); $count.text(parseInt($count.text() || '0') + 1); var item = $(e.currentTarget).parents('.menu-item').first();//用first是因为可能是一个数组 var itemData = item.data('itemData'); itemData.chooseCount = itemData.chooseCount + 1; console.log('我为这个项目添加了chooseCount', itemData); console.log('我是更改了之后的总数据window.food_spu_tags', window.food_spu_tags); window.ShopBar.renderItems(); }); $('.menu-item').on('click', '.minus', (e) => { var $count = $(e.currentTarget).parent().find('.count'); if($count.text() == 0) return; $count.text(parseInt($count.text() || '0') - 1); var item = $(e.currentTarget).parents('.menu-item').first();//用first是因为可能是一个数组 var itemData = item.data('itemData'); itemData.chooseCount = itemData.chooseCount - 1; window.ShopBar.renderItems(); }); } function init(data){ //这里的data指的是food_spu_tags,也就是list getList(data.spus || []); initRightTitle(data.name || ''); addClick(); } //不能直接用init()的原因是,如果用了就会直接调用,但此时init的data还没传入 window.Right = { refresh: init } ``` 注意那个点击事件,点击完后就调用了shopbar.js 代码如下 ``` //顶部模板字符串 var itemTopTmpl = `<div class="choose-content"> <div class="content-top"> <div class="clear-car">清空购物车</div> </div> </div>`; //底部模板字符串 var itemBottomTmpl = `<div class="bottom-content"> <div class="shop-icon"> <div class="dot-num hide">1</div> </div> <div class="price-content"> <p class="total-price">¥<span class="total-price-span">0</span></p> <p class="other-price">另需配送&nbsp;¥<span class="shipping-fee">0</span></p> </div> <div class="submit-btn">去结算</div> </div>`; var $strBottom = $(itemBottomTmpl); var $strTop = $(itemTopTmpl); function init(data){ $('.shop-bar').append($strTop); $('.shop-bar').append($strBottom); } function renderItems(){ $strTop.find('.choose-item').remove(); var list = window.food_spu_tags || []; var tmpl = `<div class="choose-item"> <div class="item-name">$name</div> <div class="price">¥<span class="total">$price</span></div> <div class="select-content"> <div class="minus"></div> <div class="count">$chooseCount</div> <div class="plus"></div> </div> </div>` var totalPrice = 0; list.forEach((item, index) => { item.spus.forEach((_item) => { //如果有菜品数量大于0就开始渲染这条数据 if(_item.chooseCount > 0){ //计算每个菜品的总价就是单价x数量 var price = _item.min_price*_item.chooseCount; var row = tmpl.replace('$name', _item.name) .replace('$price', price) .replace('chooseCount', _item.chooseCount); // 计算整个总价 totalPrice += price; var $row = $(row); $row.data('itemData', _item); //这里的row就是改了数据的tmpl,是div.choose-item $strTop.append($row); } }) }); } window.ShopBar = { renderItems: renderItems } init(); ``` 我觉得很奇怪的点在上面那个JS的点击事件,他不是复制了一个IitemData等于jquery对象里传递过来的数据了吗,但之后改动他为什么前面暴露出来的window_spu_tags会变啊,是因为深浅拷贝的原因吗,有人能帮我细讲吗,如果要变成深拷贝应该怎么改?
uploadify的疑问
我目前的问题,需要给一个按钮绑定一个click事件,然后处理一些参数(是作为uploadify的url),然后才能调用该按钮的uploadify事件,不知道该如何做?求教!
Polymer和Angular搭配开发的一些问题
我最近在用polymer和angular做开发,遇到了一些问题 一、 paper-dropdown-menu在第二次点击打开菜单之后就会出现一次点击两次弹出菜单的效果,第一次弹出是闪现,这是什么问题 二、当一个polymer元素绑定了angular的ng-controller之后,这个元素的点击事件就会出现一次点击两次调用绑定的点击处理事件 <paper-icon-button ng-controller="myController"> </paper-icon-button> <script> document.querySelector('paper-icon-button').addEventListner('click', function (){ console.log('click'); } </script> 点一次paper-icon-button就会log两次'click'。 但是把ng-controller去掉之后就正常 三、 怎么用angular绑定polymer元素内部一些值的变化,例如 paper-dropdown-menu 我想绑定选择的item的值,怎么通过angular来做双向绑定
addEventListener重复绑定的问题
写了一段代码 var checkbox={ checkAllBox:'checkAllBox', uncheck:'uncheck', data_checked:'data-checked', checkbox_css:'checkbox-css', checked:'checked', cancelCheck:'cancelCheck', select_one:function () { const checkAllBox=this.checkAllBox; const uncheck=this.uncheck; const checkbox_css=this.checkbox_css; const checked=this.checked; const cancelCheck=this.cancelCheck; var checkOneBox_css=document.querySelectorAll('.'+checkbox_css); for(var i=0;i<checkOneBox_css.length;i++){ (function (i){ if(checkOneBox_css[i].className.indexOf(uncheck)===-1){ checkOneBox_css[i].addEventListener('click',function (event) { console.log(event.target); event.stopPropagation(); var event_name=event.target.className; if(event.target===this&&event.target.className.indexOf(checkAllBox)===-1){ if(event_name.indexOf(checked)!==-1){ event.target.className=event_name.replace(checked,cancelCheck); }else{ if(event_name===checkbox_css){ event.target.className +=' '+checked; }else{ event.target.className=event_name.replace(cancelCheck,checked); } } } },false); } })(i); } }, checkbox:function () { this.select_one(); } }; 每次调用checkbox.checkbox(); 会重复绑定addEventListener,该怎么办。。。
提示信息位置偏移 $notify $message 是什么原因造成的
各路道友们,在使用this.$notify 的时候,其中一个页面出现位置偏移的情况,在我本地的电脑上,提示信息的位置是正确的,右上角,但是在测试的电脑上,位置就偏移了,展示不全。但是其他页面的类似提示信息位置是正常的 改用this.$message依然在测试的电脑上展示不全 给$message设置offset属性依然展示不全,现在看来,不是$message的问题,应该是其他地方的问题,也许是其他地方的样式影响了,但是在我本地电脑位置就正确,还有可能是什么问题影响的呢,迷惑迷惑 代码如下 ``` //html代码 <template> <div class="app-container calendar-list-container"> <basic-container> <template> //这是一个tab切换的页面 //现在测试出现的问题是第二个tab密码管理页面的提示信息位置不正确 <el-tabs v-model="activeTab" @tab-click="switchTab"> <el-tab-pane label='信息管理' name='userManager'> <el-row> <el-col :span="12"> <div class="grid-content bg-purple"> <el-form :model="ruleForm1" :rules="rules1" ref="ruleForm1" label-width="100px" v-if="switchStatus==='userManager'" class="demo-ruleForm"> <el-form-item label="用户名" prop="username"> <el-input type="text" v-model="ruleForm1.username" disabled></el-input> </el-form-item> <el-form-item label="手机号" prop="phone"> <el-input v-model="ruleForm1.phone" placeholder="验证码登录使用"></el-input> </el-form-item> <el-form-item label="头像"> <el-upload class="avatar-uploader" action="/file/upload" :headers="headers" :show-file-list="false" :on-success="handleAvatarSuccess"> <img id="avatar" v-if="ruleForm1.avatar" :src="avatarUrl" class="avatar"> <i v-else class="el-icon-plus avatar-uploader-icon"></i> </el-upload> </el-form-item> <!-- <el-form-item label="社交登录" prop="social"> <a href="#" style="color: blue" @click="handleClick('wechat')">绑定微信</a> </el-form-item> --> <el-form-item> <el-button type="primary" @click="submitForm('ruleForm1')">提交 </el-button> <el-button @click="resetForm('ruleForm1')">重置</el-button> </el-form-item> </el-form> </div> </el-col> </el-row> </el-tab-pane> //这个页面写了$notify //我本地电脑的显示位置是正常的,但是测试那边是不正常的,位置有偏移 <el-tab-pane label='密码管理' name='passwordManager'> <el-row> <el-col :span="12"> <div class="grid-content bg-purple"> <el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-width="100px" v-if="switchStatus==='passwordManager'" class="demo-ruleForm"> <el-form-item label="原密码" prop="password"> <el-input type="password" v-model="ruleForm2.password" auto-complete="off"></el-input> </el-form-item> <el-form-item label="密码" prop="newpassword1"> <el-input type="password" v-model="ruleForm2.newpassword1" auto-complete="off"></el-input> </el-form-item> <el-form-item label="确认密码" prop="newpassword2"> <el-input type="password" v-model="ruleForm2.newpassword2" auto-complete="off"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="submitForm('ruleForm2')">提交 </el-button> <el-button @click="resetForm('ruleForm2')">重置</el-button> </el-form-item> </el-form> </div> </el-col> </el-row> </el-tab-pane> </el-tabs> </template> </basic-container> </div> </template> //js代码 //两个tab切换的提交调用了同一个方法,只是传进去的form数据不一样,但是 密码管理 的提示信息位置就跑偏了 submitForm(formName) { // console.log(formName) this.$refs[formName].validate(valid => { if (valid) { request({ url: '/admin/user/edit', method: 'put', data: this.ruleForm2 }).then(response => { if (response.data.data) { this.$notify({ title: '成功', message: '修改成功', type: 'success', duration: 2000, position:top-right, }) // 修改密码之后强制重新登录 if (this.switchStatus === 'passwordManager') { this.$store.dispatch('LogOut').then(() => { location.reload() // 为了重新实例化vue-router对象 避免bug }) } } else { this.$notify({ title: '失败', message: response.data.msg, type: 'error', duration: 2000 }) } }).catch(() => { this.$notify({ title: '失败', message: '修改失败', type: 'error', duration: 2000 }) }) } else { return false } }) }, ``` 这是测试看到的 ![图片说明](https://img-ask.csdn.net/upload/201909/10/1568098114_606182.jpg) 这是我本地电脑上的 ![图片说明](https://img-ask.csdn.net/upload/201909/10/1568098535_252205.jpg) 这是什么原因造成的a
关于实现列表加载loading效果?
<asp:Button runat="server" SkinID="btnSearch" Text="" ID="btnSearch" OnClick="btn_search_Click"/> 这是我是一个查询按钮,数据是通过btn_search_Click 触发后台相关方法,实现列表的数据绑定,由于数据量大,想实现加载效果,写了下面这段js,然后查询按钮调用,但是这个好像跟onclick时间同步的,效果实现不了 function JudgeUserName() { $.ajax({ type: "POST", url: "DoneTaskList.aspx", dataType: "text", data: "loading=loading", anyc: false, beforeSend: function (XMLHttpRequest) { $("#loadingDiv").show() }, success: function (data, textStatus) { if (data.indexOf("success") > -1) { $("#loadingDiv").hide(); } }, complete: function (XMLHttpRequest, textStatus) { }, error: function () { } }); }
这段js为什么报错?
提示:for (item in this.validators) { 这句报错不知道为什么 function Field(params) { this.field_id = params.fid; //要验证的字段的ID this.validators = params.val; //验证器对象数组 this.on_suc = params.suc; //当验证成功的时候执行的事件 this.on_error = params.err; //当验证失败的时候执行的事件 this.checked = false; //是否通过验证 } Field.prototype.validate = function() { //循环每一个验证器 alert(this.validators["f1"]); for (item in this.validators) { //给验证器附加验证成功和验证失败的回调事件 this.set_callback(this.validators[item]); //执行验证器上的Validate方法,验证是否符合规则 if (!this.validators[item].validate(this.data())) { break; //一旦任意一个验证器失败就停止 } } } //获取字段值的方法 Field.prototype.data = function() { return document.getElementById(this.field_id).value; } Field.prototype.set_callback = function(val) { var self = this; //换一个名字来存储this,不然函数的闭包中会覆盖这个名字 val.on_suc = function() { //验证成功执行的方法 self.checked = true; //将字段设置为验证成功 self.on_suc(val.tips); //执行验证成功的事件 } val.on_error = function() { //验证失败的时候执行的方法 self.checked = false; //字段设置为验证失败 self.on_error(val.tips);//执行验证失败的事件 } } //长度验证的验证器类 function Len_val(min_l, max_l, tip) { this.min_v = min_l; this.max_v = max_l; this.tips = tip; this.on_suc = null; this.on_error = null; } Len_val.prototype.validate = function(fd) { if (fd.length < this.min_v || fd.length > this.max_v) { this.on_error(); return false; } this.on_suc(); return true; } //正则表达式验证器 function Exp_val(expresion, tip) { this.exps = expresion; this.tips = tip; this.on_suc = null; this.on_error = null; } Exp_val.prototype.validate = function(fd) { if (!fd) { this.on_suc(); return true; } if (this.exps.test(fd)) { this.on_suc(); return true; } else { this.on_error(); return false; } } //远程验证器 function Remote_val(url, tip) { this.p_url = url; this.tips = tip; this.on_suc = null; this.on_error = null; } Remote_val.prototype.validate = function(fd) { var self = this; $.post(this.p_url, { f : fd }, function(data) { if (data.rs) { self.on_suc(); return; } else { self.on_error(); } }, "json"); return false; } //自定义函数验证器 function Man_val(tip, func) { this.tips = tip; this.val_func = func; this.on_suc = null; this.on_error = null; } Man_val.prototype.validate = function(fd) { if (this.val_func(fd)) { this.on_suc(); } else { this.on_error(); } } function UserForm(items) { this.f_item = items; //把字段验证对象数组复制给属性 for (idx = 0; idx < this.f_item.length; idx++) { //循环数组 var fc = this.get_check(this.f_item[idx]); //获取封装后的回调事件 $("#" + this.f_item[idx].field_id).blur(fc); //绑定到控件上 } } //绑定验证事件的处理器,为了避开循环对闭包的影响 UserForm.prototype.get_check = function(v) { return function() { //返回包装了调用validate方法的事件 v.validate(); } } //绑定提交事件到元件 UserForm.prototype.set_submit = function(bid, bind) { var self = this; $("#" + bid).click(function() { if (self.validate()) { bind(); } }); } //验证所有的字段 UserForm.prototype.validate = function() { for (idx in this.f_item) { //循环每一个验证器 this.f_item[idx].validate(); //再检测一遍 if (!this.f_item[idx].checked) { return false; //如果错误就返回失败,阻止提交 } } return true; //一个都没错就返回成功执行提交 } html: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'data.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="<%=path%>/jquery/jquery-1.6.2.min.js"> </script> <script type="text/javascript" src="<%=path%>/page/reg/js/validata.js"> </script> <script type="text/javascript"> var form; $(function() { var uf = new UserForm( [ new Field( { fid : "f1", val : [ new Len_val(1, 5, "长度错误"), new Exp_val('v_int', "不是数字") ], suc : function(text) { $('t1').val(''); $('t1').attr('class', 'suc'); }, err : function(text) { ('t1').val(text); $('t1').attr('class', 'error'); } }) ]); uf.set_submit("bt", function(form) { alert("表单已经提交了"); }); }); </script> <style> .suc { background-color: #00ff00; } .error { background-color: #ff0000; } </style> </head> <body> <input type="text" id="f1" name="f1" /> <span id="ddd"></span> <br /> <input type="button" id="bt" value="提交" /> </body> </html>
用js写轮播图,运行结果不对,有假设问题,但是不知道怎么改~求助~
思路是向右移动的时候clone最后一个到第一个位置,重新获取li,设置li[0]marginLeft为负,慢慢向右移动,图片也慢慢改变样式...移动完毕后删除clone的节点,重新绑定节点事件 向左移同理 1.报错没有,问题是调用函数结果不对,大佬把我代码复制运行一波就知道了 (1)问题应该是获取li elements没对,这里我试过 var a=3;var a = 5,结果输出等于5...那我每次前进或者后退都有重新获取li....应该没错啊? 小白表示一脸懵,知道卡在那里但是不知道为什么会卡住 大佬复制运行一下点点就知道了 ``` <!DOCTYPE html> <HTML> <head> <script> height=320; imgHeight=300; width=200; mostLeft=-188; RL=12; size={ /* img 200 300 0 0 img1 170 255 22.500000000000004 15.000000000000002 img2 150 225 37.5 25 img3 120 180 60 40 */ "imgheight1":imgHeight*0.8, "imgheight2":imgHeight*0.7, "imgheight3":imgHeight*0.6, "imgwidth1":width*0.8, "imgwidth2":width*0.7, "imgwidth3":width*0.6, "imgheight1top":imgHeight*(1-0.8)/2, "imgheight2top":imgHeight*(1-0.7)/2, "imgheight3top":imgHeight*(1-0.6)/2, "img1left":width*(1-0.8)/2, "img2left":width*(1-0.7)/2, "img3left":width*(1-0.6)/2 } change={ "imgWidthChange":(size.imgwidth1-size.imgwidth2)/40, "imgHeightChange":(size.imgheight1-size.imgheight2)/40, "imgMTChange":(size.imgheight2top-size.imgheight3top)/40, "imgMLChange":(size.img2left-size.img3left)/40, "opacity":1/40 } function bdEvent(){ var li=document.querySelectorAll("#slider li"); li[0].addEventListener("click", before,true); li[1].addEventListener("click", before,true); li[3].addEventListener("click", next,true); li[4].addEventListener("click", next,true); } function basecss(){ var slider=document.getElementById("slider"); var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("#slider img"); var a=document.querySelectorAll("#slider a"); img[0].style.backgroundColor="red"; img[1].style.backgroundColor="green"; img[2].style.backgroundColor="black"; img[3].style.backgroundColor="yellow"; img[4].style.backgroundColor="blue"; document.body.style.margin="0px"; document.body.style.padding="0px"; var left=(screen.width-1024)/2; slider.style.width="1024px"; slider.style.height=height+"px"; slider.style.marginTop="50px"; slider.style.marginLeft=left+"px"; <!-- slider.style.overflow="hidden"; --> ul.style.width="9999px"; ul.style.margin="0px"; ul.style.padding="0px"; li[0].style.marginLeft="12px"; for(var i=0;i<li.length;i++){ li[i].style.listStyle="none"; li[i].style.width=width+"px"; li[i].style.height=height+"px"; li[i].style.cssFloat="left"; a[i].style.display="block"; a[i].style.margin="0px auto"; a[i].style.width="40px"; a[i].style.height="20px"; img[i].style.cssFloat="left"; if(i==0||i==4){ img[i].style.width=size.imgwidth2+"px"; img[i].style.height=size.imgheight2+"px"; img[i].style.marginTop=size.imgheight2top+"px"; img[i].style.marginLeft=size.img2left+"px"; } else if(i==1||i==3){ img[i].style.width=size.imgwidth1+"px"; img[i].style.height=size.imgheight1+"px"; img[i].style.marginTop=size.imgheight1top+"px"; img[i].style.marginLeft=size.img1left+"px"; }else if(i==2){ img[i].style.width=width+"px"; img[i].style.height=imgHeight+"px"; }else{ img[i].style.width=size.imgwidth3+"px"; img[i].style.height=size.imgheight3+"px"; img[i].style.marginTop=size.imgheight3top+"px"; img[i].style.marginLeft=size.img3left+"px"; } } } function next(){ var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); //copy最后一个放到最前面然后删除最后一个 var first=li[li.length-1].cloneNode(true); ul.insertBefore(first,li[0]); //改过后重新 获取li var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("#slider img"); var mostLeft=-188; li[0].style.marginLeft=mostLeft+"px"; li[1].style.marginLeft="0px"; var pyl=5,imgWidthChange=0,imgHeightChange=0,imgMTChange=0,imgMLChange=0,opacity=1/40; /* img 200 300 0 0 img1 160 240 20 30 img2 140 210 30 45 img3 120 180 40 60 */ function add(){ if(parseInt(li[0].style.marginLeft)<12){ li[0].style.marginLeft=mostLeft+pyl+"px"; pyl+=5; imgWidthChange+=change.imgWidthChange; imgHeightChange+=change.imgHeightChange; imgMTChange+=change.imgMTChange; imgMLChange+=change.imgMLChange; opacity+=change.opacity; for(var i=0;i<6;i++){ switch(i){ case 0: li[i].style.opacity=opacity; img[i].style.width=size.imgwidth3+imgWidthChange+"px"; img[i].style.height=size.imgheight3+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight3top+imgMTChange+"px"; img[i].style.marginLeft=size.img3left+imgMLChange+"px"; break case 1: img[i].style.width=size.imgwidth2+imgWidthChange+"px"; img[i].style.height=size.imgheight2+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; break case 2: img[i].style.width=size.imgwidth1+imgWidthChange*2+"px"; img[i].style.height=size.imgheight1+imgHeightChange*2+"px"; img[i].style.marginTop=size.imgheight1top+imgMTChange*2+"px"; img[i].style.marginLeft=size.img1left+imgMLChange*2+"px"; break case 3: img[i].style.width=width-imgWidthChange*2+"px"; img[i].style.height=imgHeight-imgHeightChange*2+"px"; img[i].style.marginTop=-imgMTChange*2+"px"; img[i].style.marginLeft=-imgMLChange*2+"px"; break case 4: img[i].style.width=size.imgwidth1-imgWidthChange+"px"; img[i].style.height=size.imgheight1-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight1top-imgMTChange+"px"; img[i].style.marginLeft=size.img1left-imgMLChange+"px"; break case 5: img[i].style.width=size.imgwidth3-imgWidthChange+"px"; img[i].style.height=size.imgheight3-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; li[i].style.opacity=opacity; break } } var go=setTimeout(function(){add();},1000/60); } else{ ul.removeChild(li[li.length-1]); clearTimeout(go); bdEvent(); } } var go=setTimeout(function(){add();},1000/60); } function before(){ var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); //copy最后一个放到最前面然后删除最后一个 var last=li[0].cloneNode(true); ul.appendChild(last); console.log("6"); //重新获取li var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); var pyl=0,imgWidthChange=0,imgHeightChange=0,imgMTChange=0,imgMLChange=0,opacity=1/40; <!-- console.log(change.imgMTChange); --> /* 3 2 1 0 1 2 3 img 200 300 0 0 img1 160 240 20 30 img2 140 210 30 45 img3 120 180 40 60 */ function add(){ //重新获取后最左边 if(parseInt(li[0].style.marginLeft)>mostLeft){ li[0].style.marginLeft=RL+pyl+"px"; pyl=pyl-5; imgWidthChange+=change.imgWidthChange; imgHeightChange+=change.imgHeightChange; imgMTChange+=change.imgMTChange; imgMLChange+=change.imgMLChange; opacity+=change.opacity; for(var i=0;i<6;i++){ switch(i){ case 0: img[i].style.width=size.imgwidth2-imgWidthChange+"px"; img[i].style.height=size.imgheight2-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; li[i].style.opacity=1-opacity; break; case 1: img[i].style.width=size.imgwidth1-imgWidthChange+"px"; img[i].style.height=size.imgheight1-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight1top-imgMTChange+"px"; img[i].style.marginLeft=size.img1left-imgMLChange+"px"; break; case 2: img[i].style.width=width-imgWidthChange*2+"px"; img[i].style.height=imgHeight-imgHeightChange*2+"px"; img[i].style.marginTop=-imgMTChange*2+"px"; img[i].style.marginLeft=-imgMLChange*2+"px"; break; case 3: img[i].style.width=size.imgwidth1+imgWidthChange*2+"px"; img[i].style.height=size.imgheight1+imgHeightChange*2+"px"; img[i].style.marginTop=size.imgheight1top+imgMTChange*2+"px"; img[i].style.marginLeft=size.img1left+imgMLChange*2+"px"; break; case 4: img[i].style.width=size.imgwidth2+imgWidthChange+"px"; img[i].style.height=size.imgheight2+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; break; case 5: li[i].style.opacity=opacity; img[i].style.width=size.imgwidth3+imgWidthChange+"px"; img[i].style.height=size.imgheight3+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight3top+imgMTChange+"px"; img[i].style.marginLeft=size.img3left+imgMLChange+"px"; break; } } } else{ clearInterval(back); ul.removeChild(li[0]); bdEvent(); } } var back=setInterval(add,1000/60) } window.onload = function(){ basecss(); bdEvent(); } </script> </head> <body> <div id="slider"> <ul> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> </ul> </div> </body> </HTML> ```
form中 type=button 与 type=submit的表单提交的疑问
1.用button提交为什么提交不了,我调用了submit()方法,但是为什么没有进入action里面的页面 2.直接在表单上加 onsubmit="return check();",用jq写的时候这个check()函数应该写在哪 3.关于上面疑问的细节我用注释说明了,搞了大半天还是没有弄清楚,麻烦大神指导指导。不胜感激。 4.check()函数放在$(function(){})外面的时候,当本来该执行里面的return false时,为什么还是提交并进入action里面的页面了呢? ``` <form id="register" name="register" method="get" action="https://www.baidu.com"> <input type="text" name="userName" placeholder="用户名" autocomplete="off"/> <input type="submit" name="submit" value="注册"/> <input type="button" name="show" value="点击"/> </form> <script type="text/javascript"> $(function(){ var name = ''; $("input[name='userName']").blur(function(){ if($(this).val()){ name = $(this).val(); } }); //第一种:button模拟提交 这种为什么提交不了 /*$("input[name='show']").click(function(){ if(name){ $("form#register").submit(); }else{ alert("无法提交"); } })*/ //第二种: 表单加上onsubmit="return check();"验证 //这个函数写在里面,访问上面的变量,但是直接外部onclick绑定没有进函数 function check(){ alert("ok"); //直接未进入函数 if($("input[name='userName']").val()!=null){ //alert("ok"); return true; }else{ //alert("false"); return false; } } }) //这个函数写在外面,外部onclick绑定可以进入该函数,但是无法访问上面已有过控制的变量 /*function check(){ //alert("ok"); //进入函数 if($("input[name='userName']").val()!=null){ //alert("ok"); //有输入时,进入 return true; }else{ //alert("false"); //无输入,为什么没有进入 return false; } }*/ ```
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
JDK12 Collectors.teeing 你真的需要了解一下
前言 在 Java 12 里面有个非常好用但在官方 JEP 没有公布的功能,因为它只是 Collector 中的一个小改动,它的作用是 merge 两个 collector 的结果,这句话显得很抽象,老规矩,我们先来看个图(这真是一个不和谐的图????): 管道改造经常会用这个小东西,通常我们叫它「三通」,它的主要作用就是将 downstream1 和 downstre...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
【图解经典算法题】如何用一行代码解决约瑟夫环问题
约瑟夫环问题算是很经典的题了,估计大家都听说过,然后我就在一次笔试中遇到了,下面我就用 3 种方法来详细讲解一下这道题,最后一种方法学了之后保证让你可以让你装逼。 问题描述:编号为 1-N 的 N 个士兵围坐在一起形成一个圆圈,从编号为 1 的士兵开始依次报数(1,2,3…这样依次报),数到 m 的 士兵会被杀死出列,之后的士兵再从 1 开始报数。直到最后剩下一士兵,求这个士兵的编号。 1、方...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
GitHub标星近1万:只需5秒音源,这个网络就能实时“克隆”你的声音
作者 | Google团队 译者 | 凯隐 编辑 | Jane 出品 | AI科技大本营(ID:rgznai100) 本文中,Google 团队提出了一种文本语音合成(text to speech)神经系统,能通过少量样本学习到多个不同说话者(speaker)的语音特征,并合成他们的讲话音频。此外,对于训练时网络没有接触过的说话者,也能在不重新训练的情况下,仅通过未知...
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下...
【管理系统课程设计】美少女手把手教你后台管理
【文章后台管理系统】URL设计与建模分析+项目源码+运行界面 栏目管理、文章列表、用户管理、角色管理、权限管理模块(文章最后附有源码) 1. 这是一个什么系统? 1.1 学习后台管理系统的原因 随着时代的变迁,现如今各大云服务平台横空出世,市面上有许多如学生信息系统、图书阅读系统、停车场管理系统等的管理系统,而本人家里就有人在用烟草销售系统,直接在网上完成挑选、购买与提交收货点,方便又快捷。 试想,若没有烟草销售系统,本人家人想要购买烟草,还要独自前往药...
4G EPS 第四代移动通信系统
目录 文章目录目录4G 与 LTE/EPCLTE/EPC 的架构E-UTRANE-UTRAN 协议栈eNodeBEPCMMES-GWP-GWHSSLTE/EPC 协议栈概览 4G 与 LTE/EPC 4G,即第四代移动通信系统,提供了 3G 不能满足的无线网络宽带化,主要提供数据(上网)业务。而 LTE(Long Term Evolution,长期演进技术)是电信领域用于手机及数据终端的高速无线通...
日均350000亿接入量,腾讯TubeMQ性能超过Kafka
整理 | 夕颜出品 | AI科技大本营(ID:rgznai100)【导读】近日,腾讯开源动作不断,相继开源了分布式消息中间件TubeMQ,基于最主流的 OpenJDK8开发的Tencent Kona JDK,分布式HTAP数据库 TBase,企业级容器平台TKEStack,以及高性能图计算框架Plato。短短一周之内,腾讯开源了五大重点项目。其中,TubeMQ是腾讯大数据平台部门应用的核心组件,...
8年经验面试官详解 Java 面试秘诀
作者 |胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车?某胡同口的煎饼摊一年能卖出多少个煎饼?深圳有多少个产品经理?一辆公交车里能装下多少个乒乓球?一个正常成年人有多少根头发?这类估算问题,被称为费米问题,是以科学家费米命名的。为什么面试会问这种问题呢?这类问题能把两类人清楚地区分出来。一类是具有文科思维的人,擅长赞叹和模糊想象,它主要依靠的是人的第一反应和直觉,比如小孩...
so easy! 10行代码写个"狗屁不通"文章生成器
前几天,GitHub 有个开源项目特别火,只要输入标题就可以生成一篇长长的文章。 背后实现代码一定很复杂吧,里面一定有很多高深莫测的机器学习等复杂算法 不过,当我看了源代码之后 这程序不到50行 尽管我有多年的Python经验,但我竟然一时也没有看懂 当然啦,原作者也说了,这个代码也是在无聊中诞生的,平时撸码是不写中文变量名的, 中文...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
相关热词 c#处理浮点数 c# 生成字母数字随机数 c# 动态曲线 控件 c# oracle 开发 c#选择字体大小的控件 c# usb 批量传输 c#10进制转8进制 c#转base64 c# 科学计算 c#下拉列表获取串口
立即提问