Cain_Chen_1997-CSDN博客

原创 Vue实现学生信息录入系统

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>学生信息录入</title><style>*{ margin: 0; padding: 0; list-s

2020-09-01 13:20:48 2238

1.模块化(function (){ function Tab(options){//构造函数 // this.init(options); } // 初始化方法 Tab.prototype.init = function (options){//初始化方法 // 获取元素 this.tits = this.getElements(options.tits);//添加属性 this.cons = this.ge

2020-08-22 18:45:35 154

原创 JavaScript创建对象的七种方式，快来GET

1.构造函数创建对象// 1.{}直接创建对象var obj1 = {};obj1.name = 'Xiaoming';obj1.sayHi = function(){ console.log('你好');}缺点：创建多个对象时会产生大量的重复代码2.Object构造函数创建对象// 2.Object构造函数创建对象var obj2 = new Object();obj2.name = 'Xiaoming';obj2.sayHi = function(){ con

2020-08-22 16:34:05 170

原创史上最详细的nodejs中http模块的使用方法

正常的http请求的步骤如下：// require表示引包，加载http模块let http = require('http');// 创建http服务let server = http.createServer();// 监听request事件，前端有请求进来的时候触发server.on('request',(req,res)=>{ // req -> request请求对象 // res -> response响应对象 console.log('有请求进来了。。

2020-08-10 21:36:58 1323 3

原创 JavaScript封装任意方向，任意属性，多属性同时运动的运动函数

/*调用方式：animate(运动元素，运动属性，回调函数)运动属性为一个对象，调用示例如下：animate(box,{ width:200, height:200, opacity:0.5, left:200 },function(){console.log('所有属性运动完成');});*/function animate(dom,attr_obj,callback){ for(var attr in attr_ob

2020-07-25 16:18:53 146

原创 JavaScript中显示声明变量与隐式声明变量的区别

表面上看起来他们的作用效果好像没有什么区别，但是其实是有三点区别的。全局下声明其实在全局作用域下隐式声明变量和显示声明变量的作用域都是全局的，但是当我使用delete命令从window下删除变量的时候，只有b变量删除了，显示声明的变量并没有删除函数内声明如果在函数中，显示声明变量为局部变量，隐式声明为全局变量属性描述符的区别显示声明变量的configurable默认 false，隐式声明变量的configurable默认true测试代码：<script>var a =

2020-07-25 08:56:21 1015

原创 ES5严格模式的限制规范有哪些

1、变量声明必须使用var"use strict"a = 3;console.log(a);//a is not defined2、对不合理的操作显示报错，不再做静默处理"use strict"NaN = 123//Cannot assign to read only property 'NaN' of object '#<Window>var abc = 456;//非严格模式下显示声明变量不能删除，但是不会报错，隐私声明在非严格模式下可以删除delete abc;//Del

2020-07-24 19:18:20 284

原创元素节点样式的访问大坑

也可能是我太笨了，每次都用错了。因此在这里记录一下元素节点的样式访问不能简单的使用dom.style.来访问，这种访问方式只有样式是属于行内样式时才能访问的到，因此需要用以下的方法来进行访问：getComputedStyle(对象，参数).样式getComputedStyle(box2,false).width第一个参数是要获取样式的元素对象第二个参数可以传递任何数据，通常为false或null；IE678不兼容，他有自己的方法，currentStyle：IE678获取样式的方法如：obj.

2020-07-18 19:35:29 76

原创关于JavaScript中的字符串内置方法replace（）的记录

字符串中的replace() 方法用于在字符串中用一些字符替换另一些字符，返回替换后的字符串。用法示例：var newStr = str.replace('abc','替换abc');var newStr = str.replace('敏感字', function (str){ ... return '**'; })注意，这只能替换字符串中第一个匹配的字符串，之后的不会进行替换，真的是太坑了，所以需要使用正则表达式来进行替换，以下是例子：<!DOCTYPE html><html

2020-07-12 14:42:17 112

原创 JavaScript字符串基础知识点

创建字符串创建字符串的方法有两种var str1 = 'abc';//string类型var str2 = new String('abc');//object类型访问字符串需要访问字符串具体某个字符可以使用索引（下标）访问，类似数组的访问，示例如下：var str = 'abc';console.log(str[0]);遍历字符串既然访问字符串可以使用类似数组的方法，自然便利也就方便了许多，示例如下：for (var i = 0; i < str1.length; i++)

2020-07-11 20:18:13 177

原创 JS获取元素和操作，作用域，声明提升，this，自执行函数

一、获取元素getElementById('元素id名')getElementsByTagName('元素标签名')getElementsByClassName('元素类名')(IE678不支持)document.querySelector('css选择器')document.querySelectorAll('css选择器')获取元素的值：表单元素是使用：元素.value非表单元素使用：元素.inn...

2020-07-09 09:44:56 275

原创清除浮动的几种方式

Css对于浮动的定义：使元素脱离了文档流，按照指定方向移动，直到碰到包含框或另一个浮动框为止。本人现在虽然已经不用浮动了，都用弹性布局flex，但是不可否认，浮动是在弹性布局出现之前使用最多的。而清除浮动有哪些方法，哪些方法又是推荐的。1、overflow: hidden子元素浮动了，那么给父元素设置属性overflow: hidden，浮动就清除了，这个方法唯一的缺点就是超出父元素的会被隐藏。2、增加额外标签，然后添加属性clear: both在这个使用了浮动之后增加一个标签，这个标签

2020-06-29 07:56:26 194 1

qq_37987993的博客