js代码 | 易学教程

山东大学Web课设一——课程网站的搭建

阅读更多关于山东大学Web课设一——课程网站的搭建

关于web的一些感悟，web这门课程真的收获很多（虽然最后成绩不太理想），从一开始单纯的应付课设到自己看网课学习，可以说这门课如果认真学习的话还是能收获很多的，所以如果正在浏览这篇博文的是SDU的话，要认真学习web这门课啊，很有用的一门课程！不多说了上干货。 1.前导介绍：B/S C/S 的优缺点 1）c/s c/s是Client/Server指客户机和服务器，在客户机端必须装客户端软件及相应环境后，才能访问服务器（胖客户端）。第二学期的Java课设就是明显的基于c/s设计的：像qq，微信，王者荣耀，GTA5……这样的软件都是基于c/s设计的。优点就是能充分发挥客户端PC的处理能力，很多工作可以在客户端处理后再提交给服务器。客户端响应速度快。尤其是大型游戏等流畅度要求很高的软件一般都使用c/s模式。对应的缺点：由于每个用户都要下载客户端，客户端需要安装专用的客户端软件及运行环境。首先涉及到安装的工作量，其次任何一台电脑出问题，如病毒、硬件损坏，都需要进行安装或维护。还有，系统软件升级时，每一台客户机需要重新安装，其维护和升级成本非常高。 2）b/s B/S 是Browser/Server指浏览器和服务器端，在客户机端不用装专门的软件，只要一个浏览器即可（瘦客户端）这次的web课设就是b/s模式，b/s最大的优点是客户端不用维护，适用于用户群庞大

##总结 JavaScript yq（1）

阅读更多关于 ##总结 JavaScript yq（1）

JavaScript以前主要作为验证功能，它最主要的两个运用无外乎是 “定时器”和“轮播图”。学习JavaScript的核心思想是: 1.获取元素的id 然后执行代码元素。 var odiv=document.getelementbyid(“div”); 2.通过你的想法去改变 HTML和CSS所有属性。 odiv.style.background=“red”; 关于script标签应该放在哪里？可放在行间但这样维护起来很麻烦。 < input type = "button" value = "按钮" onclick = "onload()" / > 2.可放在head body 标签之间。如果你引入了外部的js文件。那么该script的你自己写代码将自动忽视。 < script type = "text/javascript" src = "javascript.js" > < / script > < script type = "text/javascript" > var obj = new object ( ) ; //定义一个构造函数 < / script > 数据的类型有哪几种？ String 字符型 Number 数字型 Boolean 波尔值 NULL 空值 undefined 没定义型 object 对象来源： CSDN 作者：人间值得呀链接：

nodejs 路径处理

阅读更多关于 nodejs 路径处理

https://blog.csdn.net/liudongdong19/article/details/81353159 获取 /路径/文件名/扩展名获取路径：path.dirname(filepath) 获取文件名：path.basename(filename) 获取扩展名：path.extname(filepath) 获取所在路径 const path=require("path"); var filepath='/node/base/path/test.js'; console.log( path.dirname(filepath) ) //输出/node/base/path 获取文件名 path.basename(filepath)实际上是获取了路径的最后一部分，而不是真正的获取到了文件名，但是在实际应用中最后的字符往往就是我们的文件名 const path = require("path"); console.log(path.basename("/node/base/path/test.js")); //输出 test.js console.log(path.basename("/node/base/path/test/")); //输出 test console.log(path.basename("/node/base/path/test")); //输出

JS高级程序设计第二章

阅读更多关于 JS高级程序设计第二章

第二章 1.向HTML页面中插入JS的主要方法，就是使用script元素。 2.HTML4.01为script定义看下列6元素（在此仅类而出在用元素）： 1.async 表示应该立即下载脚本，但不应妨碍页面中的其他操作。只对外部脚本文件有效。 2.charst 表示通过src属性制定的代码的字符集。但现在浏览器大不凡都会忽略它，因此不常用。 3.defer 表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效。 4.src 表示包含要执行的外部文件。 5.type 表示编写代码使用的脚本语言的内容形式， 3.而使用script元素的方式有两种：直接在页面嵌入JS中和包含外部JS文件。在使用嵌入时，秩序为script指定type属性。包含在script元素内部的JS代码将从上至下依次解释。在解释器对 script元素内部所有代码求值完毕以前，页面的其余内容都不会被浏览器加载或显示. 在使用嵌入式时，不要在代码中的任何地方出现script字符串。在现代的web应用程序一般都不再将JS文件放在开头，而是放在之后，这样可以在保证在解析包含JS代码之前，页面的内容将完全呈现在浏览器中。这样会加强用户体验。 4.异步脚本 HTML5为script元素定义了async属性，可表示当前脚本不必等待其他脚本，也不必阻塞文档呈现。这个属性与defer属性类似，都用于改变处理脚本的行为

基于VUE的SPA单页应用开发－加载性能篇

阅读更多关于基于VUE的SPA单页应用开发－加载性能篇

1、基于异步数据的vue页面刷新先看看基于异步数据的vue页面刷新后，都发生了啥～如图所示：图1 基于异步数据的vue页面刷新网络请求图步骤如下： step1：请求页面； step2：请求页面内的css、js资源； step3：vue页面初始化； step4：页面渲染，框架呈现［无数据内容］； step5：请求页面实际数据； step6：数据ready，填充视图，图片资源加载； step7：完整页面呈现。步骤分析： step1：请求html文件； step2：请求资源；优化点： a、多次访问的资源缓存：可从MD5、组件打包方式等角度再细分; b、app框架资源预加载：如果是hybird开发的app，可通过app框架预加载的方式，将单页应用的资源提前缓存。单页的css、js资源，与传统页面的资源相比，规模要大很多。其集合了几乎单页应用的所有css、js文件，随着应用的规模大小成正比增长。合理的缓存处理，将大大提升页面加载速度。a、b两点可实现性能加速的原因是，本地加载过的资源，会缓存在本地；页面请求资源时，浏览器会先查找缓存，如果有缓存，则本地取，节省了网络请求。［可了解浏览器的强缓、弱缓］ step3：页面初始化；优化点：利用v-if指令按需加载组件～由于vue在初始化过程中，会深度查找子组件，生成依赖，构建虚拟DOM，所以其初始化时间相对较长

Web端实现视频通话

阅读更多关于 Web端实现视频通话

博主在完成自己的毕业设计时，需要完成一个音视频通话功能，于是采用了腾讯云的视频接口，将其实现出来，，以下是项目截图: 以下是主要代码： <!doctype html> <html lang= "en" > <head>  <meta charset= "utf-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1, shrink-to-fit=no" >    <link rel= "stylesheet" href= "./css/bootstrap-material-design.min.css" > <link rel= "stylesheet" href= "./css/common.css" >

代码最简化

阅读更多关于代码最简化

在重构的过程中，站在我个人的角度，针对代码开发的细节，说一说关于代码最简化的小经验。 1、同一个页面上js/css可能被你引入多次？ Ajax已被大家广泛应用，常常用来加载一些html的片段。Html片段可能有js的处理，这个时候可能在html片段中写一些js操作或者引入一些js文件，你可有检查，当前页面是否已经加载了该js。如果同一个页面没有被重新加载，不管以前在页面中有的，还是后来html片段中加载的，都会在当前页面生效。而不是片段中的js作用域只是这个片段。所以js不要重复引入，重复引入很有可能充掉你的全局变量，覆盖原来的同名js方法，也可能造成死循环等等问题。例如jquery文件，如果被多次引用就可能造成js死循环，很多原生的jquery方法不好用。针对这些问题，我们并不是要完全避免在ajax加载的html片段中不写js。而是根据实际情况做合理的安排。第一，千万不要重复加当前页面的js；第二，如果ajax加载的片段只会被当前页面加载一次，并且你写的js只是为当前片段服务，那你可以只在片段中引入；第三，当页面中的js超过20行或者会被多个页面使用的js，建议提取到单独的js文件中；第四，如果js方法是全局的，命名又很大众化像search(), find()，你可要小心了，很可能被别人的js覆盖，你也可能覆盖别人的，怎么办？那就了解一下js面向对象编程吧

(原创)JS点击事件——Uncaught TypeError: Cannot set property 'onclick' of null

阅读更多关于 (原创)JS点击事件——Uncaught TypeError: Cannot set property 'onclick' of null

html部分代码： JS部分代码：需要实现的效果：点击图片，来回相互切换。我开始的错误做法：代码如上图所示（逻辑上看起来是没有错误的）尝试过程：把JS代码放在</body>闭合标签之前运行是没有问题的，单独写在JS代码文件中，从head标签内引入JS文本，报错Uncaught TypeError: Cannot set property 'onclick' of null 最终解决方案：将JS代码放入window.onload = function(){.........}中，head标签内引入JS文本，便可以正确运行。O(∩_∩)O 第二种方法：如上文尝试过程中提到的，将JS代码写在</body>标签之前总结：如果把js直接写在head标签之内或者写成单独JS文件从head标签引入，浏览器则先执行JS代码，后加载页面，因此报错Uncaught TypeError: Cannot set property 'onclick' of null.将JS代码写在</body>标签之前或者写在window.load = function(){....}中引入html页面，则先加载页面，后执行JS代码，代码则会正常运行。来源： https://www.cnblogs.com/hekai123/p/8991249.html

js动态加载脚本

阅读更多关于 js动态加载脚本

　首先我们需要一个被加载的js文件，我在一个固定文件夹下创建了一个package.js，打开后在里面写一个方法functionOne，很简单，代码如下： [javascript] view plain copy function functionOne(){ alert( "成功加载"); } 　后面的html文件都创建在同一个目录下。方法一：直接document.write 　在同一个文件夹下面创建一个function1.html，代码如下： [html] view plain copy < html > < head > < title > </ title > < script type= "text/javascript" > function init() { //加载js脚本 document.write(" < script src= 'package.js' > <\/script >"); //加载一个按钮 document.write(" < input type=\"button\" value=\"测试运行效果\" onclick=\"operation()\"\ />"); //如果马上使用会找不到，因为还没有加载进来，此处会报错 functionOne(); } function operation() { //可以运行，显示“成功加载”

js学习笔记（对象~堆和栈）

阅读更多关于 js学习笔记（对象~堆和栈）

对象为什么要用对象让参数更少，代码更简洁什么是对象 1.现实生活中：万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。比如：一个人、一部手机 2.类和对象（1）类：描述一类事物，js里可以自定义类，同时也提供了一个默认的类叫做Obiect 比如：类：人类；对象：一个人 js中的对象 1.js中的对象是无序属性的集合，其属性可以包含基本值、对象或函数 2.对象就是一组没有顺序的值，由一组组键值对构成 3.事物的特征在对象中用属性来表示 4.事物的行为在对象中用方法来表示 js中对象的分类 1.内建对象（内置对象）由ES标准中定义的对象，在任何的ES的实现中都可以使用。Array、Boolean、Date、Math、RegExp、String、Number、Functions、Events 2.宿主对象有JS的运行环境提供的对象，现在主要指由浏览器提供的对象比如：BOM对象、DOM对象 3.自定义对象：我们自己创建的对象对象字面量字面量：10086，‘小花’，true，null，undefined，[]，{} 比如： var pe = { // 属性 name : 'hhhh' , age : 18 , sex : '女' , // 行为 dolt : function ( ) { document . write ( '我会跳舞！' ) ; } }

订阅 js代码