js代码 | 易学教程

js闪烁提示信息

阅读更多关于 js闪烁提示信息

点击某按钮，提示某信息，相信大家经常遇到，用别人的插件总需要修改点，但是修改起来又很费时间，所以干脆自己写吧，哈哈。代码及效果如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>闪烁提示信息</title> <style> #show_good{ background:orange; position:absolute; display:none; border:2px solid #ffff00; border-radius:5px; text-align:center; } </style> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(function(){ var windows_width = $(window).width(); var windows_height = $(window).height(); var div_width = 400; var div_height = 100; var div_left = (windows_width - div_width) / 2; var div

GitHub上整理的一些工具

阅读更多关于 GitHub上整理的一些工具

技术站点 Hacker News：非常棒的针对编程的链接聚合网站 Programming reddit：同上 MSDN：微软相关的官方技术集中地，主要是文档类 infoq：企业级应用，关注软件开发领域 OSChina：开源技术社区，开源方面做的不错哦 cnblogs，51cto，csdn：常见的技术社区，各有专长 stackoverflow：IT技术问答网站 GitHub：全球最大的源代码管理平台，很多知名开源项目都在上面，如Linux内核， OpenStack等免费的it电子书： http://it-ebooks.info/ DevStore:开发者服务商店不错的书籍人件人月神话代码大全2 计算机程序设计艺术程序员的自我修养程序员修炼之道高效能程序员的修炼（成为一名杰出的程序员其实跟写代码没有太大关系）深入理解计算机系统软件随想录算法导论（麻省理工学院出版社）离线数学及其应用设计模式编程之美黑客与画家编程珠玑 C++ Prime Effective C++ TCP/IP详解 Unix 编程艺术《精神分析引论》弗洛伊德搞定：无压力工作的艺术平台工具（都是开源的好东东哦） Redmine/Trac：项目管理平台 Jenkins/Jira(非开源)：持续集成系统（Apache Continuum，这个是Apache下的CI系统，还没来得及研究）

js闭包

阅读更多关于 js闭包

1.闭包的三个条件（1）函数内嵌套函数，外部函数直接或间接返回内部函数（2）内部函数可以引用外部函数的参数或变量（3）形成一个不会被销毁的函数空间，也就是说参数和变量不会垃圾回收机制回收 2.什么是闭包空间满足了以上三个条件，我们就管外部函数的执行空间叫做闭包空间，把返回的内部函数叫做外部函数的闭包函数 3.闭包的特点优点：（1）延长了变量的生命周期（2）可以访问函数内部的私有变量（3）保护了私有变量缺点：因为闭包的执行空间不会被销毁，所以会一直占据内存，可能会造成内存溢出，因此不到万不得已不要使用闭包。 4.作用当需要延长变量的生命周期的时候，或者需要访问函数的私有变量时使用闭包代码： //外部函数a function a() { var num = 100 //内部函数b return function b() { console.log(num) } } var res=a();//接受到内部函数b res();//执行函数b，输出num 来源： CSDN 作者：渴望叮当猫的鱼链接： https://blog.csdn.net/qq_44454898/article/details/104486657

论JS函数传参时:值传递与引用传递的区别

阅读更多关于论JS函数传参时:值传递与引用传递的区别

抗疫情，不出门，逆战学习有心得，我们先来看一个现象： var num=10; function fn(n){ n+=10; return n; } var s=fn(num); console.log(s);//20 console.log(num);//10 这是值传递的，我们再看下面的代码： var arr=[2,3,4]; function fn(n){ n[1]=10; return n; } var newarr=fn(arr); console.log(arr);//[2,10,4] console.log(newarr);[2,10,4] 我们可能常规的认为打印arr结果不变，依旧是[2,3,4],这便是引用传递的作用了内存中有栈区和堆区，我们定义一个变量时会在栈区分配空间来存储我们要赋的值，当我们要给变量赋的值为基本数据类型时，会直接将数据复制给变量，而我们要给变量赋的值为复杂数据类型时，会在堆区分配空间存储复杂类型数据，并且把这个空间的地址复制给变量或者把已经在堆区分配好的用于存储复杂数据的空间地址复制给变量。所以上面arr变量存的是数组的地址，我们把arr作为实参传给形参n，相当于把数组地址复制给了形参n，即变量arr和n指向了同一个数组，改变n指向的数组便是改变了arr指向的数组。来源： CSDN 作者： it王小白链接： https://blog

自我、价值、未来与LuLu UI

阅读更多关于自我、价值、未来与LuLu UI

我经常会思考这样一个问题，宇宙之大，生命之少，我们每个人能够出现在这个世界上都是一个奇迹。如果每一天我们都是做些重复的事情，没有做有挑战的事情，没有做打破常规的事情，没有做引领方向的事情，赋予我们的奇迹岂不是一种莫大的浪费？二、一叶蔽目不见泰山人的认知和决策非常容易收到接触到的信息影响。世界是巨大的，行业是广阔的，但是在前端行业说话的那些人是只是其中的一小部分。这些有话语权的人多大厂背景，多人团队，上层框架，体系工程化。然而实际上在整个行业，大多数公司前端开发人员就1～2个人，大多数公司前端开发项目都非常都简单，还有很多公司给政府机构做项目，甚至需要兼容IE8浏览器。于是多少这样都公司在技术选型的时候被所谓的流行、热门所误导。留下一个又一个烂摊子。这些看似群体的思想其实仅仅是部分上层群体的思想。《乌合之众》这本书有言，个人一旦融入群体，他的个性变会被湮没，群体思考开始占据绝对统治地位。我们应该有着自己的个性，有着自己的坚持。但是，不幸的是，大多数的人缺乏坚定的自我而被群体淹没。其实呢，很多人的内心都是希望可以告别每天做重复的事情，去做有挑战的事情，去做打破常规的事情，去做引领方向的事情！但是，放到现实世界，却不知不觉将自己封闭在狭隘的日常工作中，为了认同与安全感追随群体意识，随波逐流。成为了乌合之众，平庸之辈。所以，最重要的是，如何在浮躁喧嚣环境中保持坚定的自我

js 中的流程控制-条件语句

阅读更多关于 js 中的流程控制-条件语句

条件语句： if(exp)执行一句代码 1 <script> 2 var x = 1 ; 3 if(x == 1 ) //当if判断语句结果是true 或者 false 当判断结果等于true的时候，执行一句语句 4 document.write("x真的等于1") //=>x真的等于1 5 </script> if(exp){执行代码段} 1 <script> 2 var x = 1 ; 3 if(x == 1 ){ //当if判断语句结果是true 或者 false 当判断结果等于true的时候，执行代码段里的内容，｛｝里面所写的内容就是代码段 4 document.write("x真的等于1") //=>x真的等于1 5 } 6 7 </script> if(exp){exp为true执行代码段}else{exp为false执行代码段} <script> var x = 2 ; if(x == 1 ){ //当if判断语句结果是true 或者 false 当判断结果等于true的时候，执行代码段里的内容，｛｝里面所写的内容就是代码段 document.write("x真的等于1") }else{ //当if判断语句结果是true的语执行上面的代码段。为false 执行else里面的代码段 document.write("x真的不等于1")//=>x真的等于1 } <

黑科技在此！移动开发者必须了解的跨平台开发工具

阅读更多关于黑科技在此！移动开发者必须了解的跨平台开发工具

跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。本文将对当下跨平台移动开发的现状、实现原理、框架的选择等进行深度解析。为什么我们需要跨平台开发？本质上，跨平台开发是为了增加代码复用，减少开发者对多个平台差异适配的工作量，降低开发成本，提高业务专注的同时，提供比web更好的体验。通俗了说就是：省钱、偷懒。本篇主要以react-native、weex、flutter，结合资讯展望，深入聊聊当前跨平台移动开发的实现原理、现状与未来。至于为什么只讲它们，因为对比ionic、phoneGap，它们更于 “naive”。一、原理与特性目前移动端跨平台开发中，大致归纳为以下几种情况： react native、weex均使用Java作为编程语言，目前Java在跨平台开发中，可谓占据半壁江山，大有“一统天下”的趋势。 kotlin-native开始支持 iOS 和 Web 开发，（kotlin已经成为android的一级语言）也想尝试“一统天下”。 flutter是Google跨平台移动UI框架，Dart作为谷歌的亲儿子，毫无疑问Dart成为flutter的编程语言，如下图，作为巨头新生儿，在flutter官网也可以看出，flutter同样“心怀天下

JS基础——原型与原型链

阅读更多关于 JS基础——原型与原型链

前言最近在整理一些js的基础知识刚好整理到原型构造函数每个构造函数(constructor)都有一个原型对象(prototype), 原型对象都包含一个指向构造函数的指针, 而实例(instance)都包含一个指向原型对象的内部指针. 先来看一个例子 function Person(name, age, job) { this.name = name this.age = age this.job = job this.sayName = function() { alert(this.name) } } var person1 = new Person('Zaxlct', 28, 'Engineer') var person2 = new Person('Mick', 23, 'Doctor') 上面的例子中 person1 和 person2 都是 Person 的实例。这两个实例都有一个 constructor （构造函数）属性，该属性（是一个指针）指向 Person。即： console.log(person1.constructor == Person) //true console.log(person2.constructor == Person) //true prototype 每个构造函数都有一个 prototype 属性

JS 补足字符串/数字位数

阅读更多关于 JS 补足字符串/数字位数

有时为了格式美观，我们需要给数字统一格式，比如001,002,003，这就有了为数字补足0的需求。具体见代码 // num: 数字 // fill: 补足后的位数 padNumber ( num , fill ) { let len = ( '' + num ) . length ; if ( fill > len ) { // 新建一个空数组，长度为所缺位数+1，利用join(0)，得到一个000...的字符串 num = Array ( fill - len + 1 || 0 ) . join ( 0 ) + num ; } return num ; } , 不过现在有了更简单的方法，在 ECMAScript 2017 中首次定义了padStart和padEnd方法，我们可以直接用现成的方法来补足位数。参考： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/padStart ( '' + num ) . padStart ( fill , '0' ) ; 33. padStart ( 4 , '0' ) // 0033 33. padEnd ( 4 , '0' ) // 3300 来源： CSDN 作者： immocha 链接： https:/

订阅 js代码