weixin_52919803-CSDN博客

原创如何在Visual Studio Code （vscode）中运行node

安装 code runner插件后重启vscode，打开文件夹，并打开js文件，右击出现菜单，单击run code 即会运行在“终端”的“输出”中；亦可在终端出输入node运行命令。

2021-01-07 17:38:41 2212

原创常用代码：JQ请求后端数据AJAX

JQ请求后端数据AJAX $(function(){$.ajax({ url: 'time.php', type: 'get', beforeSend: function (xhr) { // 在所有发送请求的操作（open, send）之前执行 console.log('beforeSend', xhr) }, success: function (res) { // 隐藏 loading // 只有请求成功（状态码为200）才会执行这个函数

2020-12-27 16:44:17 109

原创常用代码： JS方式自适应移动端字体大小

js方式自适应移动端字体大小第一种 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.client

2020-12-27 16:20:22 348

原创常用代码：阻止浏览器默认行为和冒泡JS

阻止浏览器默认行为和冒泡：兼容写法： //阻止冒泡行为 function stopBullle(e){ //W3C浏览器 if (e && e.stopPropagation) e.stopPropagation(); //IE浏览器 else window.event.cancelBubble = true; } //阻止浏览器默认行为 function sto

2020-12-27 16:19:27 97

原创常用代码：跨浏览器兼容事件处理程序JS 添加或删除句柄

跨浏览器兼容事件处理程序点击事件等<input type="button" id="button1" value="按钮">-------------------------- function show() { alert("hello world") } //声明一个对象 var eventutil={ //添加句柄 addHandler:function (element,type,handler) {

2020-12-27 16:18:37 58

原创常用代码：获得有滚动条的文档宽高兼容

获得有滚动条的文档宽高兼容写法： var docHeight= Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight) var docWidth = Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth) console.lo

2020-12-27 16:16:51 123

原创常用代码：获得客户区box宽高的兼容写法

获得客户区box宽高的兼容写法： function getViewport() { //ie7之前的兼容写法 if (document.compatMode == 'BackCompat') { return { width: document.body.clientWidth, height: document.body.clientHeight }

2020-12-27 16:15:48 46

原创常用代码：文本换行

文本换行单行{ 　　overflow:hidden;　　　　//超出部分隐藏　　white-space:nowrap; //强制不换行　　text-overflow:ellipsis //省略号 };多行display：-webkit-box //（内核，先把他变为一个盒子）overflow：hidden； //（溢出隐藏）word-break：break-all // （允许在单词内换行）-webkit-box-orient: vertical;

2020-12-27 16:14:43 708

原创常用代码reset.css

包括字体颜色下划线等和清除浮动类名.clearfix、隐藏类名.dn、 <link rel="stylesheet" href="css/reset.css">/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2,

2020-12-27 16:11:35 100

原创网易考拉静态首页练习总结

补20201206网易考拉项目项目准备：1.less使用koala转换软件1.将嵌套写法转换成css语法2.使用变量变量写在最前面2.ps切图cutterman切图插件3.项目目录结构1.一个images文件夹图片文件用英文命名2.一个css文件夹三个css文件 :reset.cssbase.css 放全部页面通用样式page.css 单独页面样式3.一个js文件夹练习总结：1 标签类命名规则尽量按模块的英文命名尽量不要做没有实际意义的命名尽量给每一个标签都命

2020-12-27 16:05:43 168

原创 JS基础课程学习笔记

学习web前端开发一个月思考总结经过半个多月的学习 js基础课程已经学习完毕昨天也用一天的时间看完了JQ的基础课老师说在出现三大框架之前JQ非常盛行我也体会到JQ相比于直接写JS要简单方便很多而且运行速度也更快但即使这么好用还是会被速度更快性能更完善的框架代替技术的发展与迭代还是很快的但基础知识非常重要各种框架的使用都离不开JS的基础知识框架只是让JS更快更灵活是一种方便开发者的工具作为一名开发者基础扎实保持学习无论如何更新迭代都可以跟的上技术的脚步以下为js基础学习笔记

2020-12-25 17:18:36 206 1

原创个人信息表单作业201126

问题分析总结：在做作业的过程中发现：输入框在网页上有可拉伸按钮，但是查询后发现textarea并没有关于设置拉伸的属性，w3c上说css也可以设置输入框的宽高，但我测试以后发现用css设置还是一样的问题。已解决https://blog.csdn.net/soulwyb/article/details/85126860，在css里面设置resize：none即可。源代码<!DOCTYPE html><html lang="en"><head> <m

2020-11-26 18:33:51 313

原创雪碧图作业201126

问题分析总结老师指出一个错误：背景色和背景图不能同时设置，刷新时由于图片的加载速度没有背景色快，背景色可能会闪现，影响视觉效果。第一次感觉到写代码不仅要完成要求，还要测试效果，考虑逻辑，即使是简单的静态网页，也要考虑异常情况。源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>雪碧图练习</title> <l

2020-11-26 18:24:31 47

原创 web前端学习笔记-HTML5入门

基本知识1.基本框架<!DOCTYPE html>（文档声明）<html>（标签） <head> <title>标题</title> </head>（子标签） <body>  <h1>我是内容</h1>（子标签） </body>

2020-11-26 17:57:56 181

weixin_52919803的博客