随笔分类 - Web前端
html，js，jquerry，css，javaweb
摘要：项目需要实现资讯的滚动,使用了Swiper组件,实现了首页头部的资讯滚动,简单地做下笔记 效果 实现说明 主要是使用了Swiper可以自动滚动的特性来实现,左边是一个图片,右边则是Swpier,且姜Swpier的滚动方向设置为垂直,然后就是样式的调整 对了,我是从接口中请求到的一个列表数据,各位看代
阅读全文
摘要：原文地址:Vue 长文本组件(有展开更多按钮) | Stars-One的杂货小窝 最近项目需要优化长文本的显示,如果长文本过长,固定显示几行并显示一个展开更多的按钮,点击按钮即可把隐藏的文本显示出来 稍微查了点资料,封装了个组件,分享给大家 组件效果 组件代码 <template> <div> <p
阅读全文
摘要：原文地址:CSS Flex 弹性布局使用 | Stars-One的杂货小窝 前端钻研不深,本文只是稍微记录一下关于Flex布局的知识,讲得不深,需要深入了解学习的可以参考其他大佬的博客 重点记录 通过display:flex即可将div设置为flex布局 flex-direction是关于布局排列的
阅读全文
摘要：下载 进入node.js官网的下载页面 "node.js下载页面" ,选择合适的版本进行下载 配置 1.设置环境变量 随便找一个地方,将文件解压出来 复制当前的路径,我的电脑右键,打开属性,左边有个高级系统配置,之后再打开环境变量 选择Path选项,点开编辑,把之前复制的路径粘贴即可 之后在命令行输
阅读全文
摘要：说明 Node.js中，以异步(Async)回调著称，使用了异步，提高了程序的执行效率，但是，代码可读性较差的。 假如有几个异步操作，后一个操作需要前一个操作的执行完毕之后返回的数据才能执行下去，如果使用Node.js，就需要一层层嵌套下去，Promised对象就是针对此问题所提出来的的解决办法。
阅读全文
摘要：AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML） 原生 例子 点击按钮，访问服务器上的ajax_info.txt文件，获得txt文件的内容，并修改显示的文本 "参考链接菜鸟教程" XMLHttpRequest对象 ajax的核心
阅读全文
摘要：插入节点 内部插入 所谓的内部插入，就是指在节点里面的插入，而外部插入，则是在节点外面插入。 append() prepend() appendTo() prependTo() append和prepend是相反的 后面以 结尾的，参数为被插入内容的节点 append可以理解为尾部插入，prepen
阅读全文
摘要：each遍历 JQueryObjectArray.each(function(index,Element)) $(".myTable").each(function(i,ele){ //使用模板函数 //这里的ele是一个DOM对象，要想使用jQuery对象，可以这样写$(this) //funct
阅读全文
摘要：JQuery本质上还是JavaScript，是JavaScript的一个框架，可以让我们更简洁地去使用JavaScript 使用之前，记得在html头部引用JQuery 通过选择器获得JQuery对象 id element class selector1，selector2... 层级 attrib
阅读全文
摘要：JS补充 document也是windows的一个子对象 a标签点击事件 要想设置点击a标签，执行某种方法，推荐在a标签的herf属性使用JavaScript伪协议，实现点击之后执行的js方法，而不是设置click 例如： windows对象对话框 windows自带的几个弹出对话框方法 可输入内容
阅读全文
摘要：JQuery迷你版实现以及使用 tiny_jquery.js html文件需要引用上面的js文件 ``
阅读全文
摘要：表单 表单提交 表单提交之后会将表单的数据以get或post方式，传送到action要打开的页面 方式1： 使用提交按钮 方式2：使用js手动提交表单，this.form.submit() this可省略 onsubmit="true" 为false，表单不可提交（点击提交按钮无效，不会跳转页面）
阅读全文
摘要：Js练习 显示和隐藏，改变display属性(点击查看图片) 关键代码： 源码： "querySelector三种方法介绍" 鼠标滑动更改内容 onmouseover 关键： onmouse事件 时间自动更新 关键代码： Js中内置了Date对象 getFullYear 年 getMonth 月 g
阅读全文
摘要：js 数据类型 字符串可以使用''或者是"" 运算符 只比较内容 比较内容，也比较类型是否一样，两个为true才为true 与上面 相反 PS: JavaScript中， 可以让字符串和数字相乘。得到结果 "251.2" 2可以得到一个数值结果（number类型） 变量 js中的变量是全局性的，局部
阅读全文
摘要：css 推荐的样式编写顺序： 1. Positioning：定位 2. Box model：盒子模型、大小等 3. Typographic：文字系列、排印等 4. Visual：可视化、背景等 5. Misc：其它混杂模式 居中 垂直居中，设置line height 水平方向 text align
阅读全文
摘要：html 常用的标题等标签就不记录了，只记录一下比较少见的标签以及属性 表格 table td 单元格 tr 表的行 th 表头 td或th可以下面的两个属性达到跨行或跨列 表格跨行 表格跨列 例子： 效果： Header DataData 跑马灯 marquee标签 marquee标签 跑马灯效果
阅读全文