前端
文章平均质量分 91
z
_magnolia
这个作者很懒,什么都没留下…
展开
-
使用puppeteer爬取数据
使用puppeteer爬取数据使用教程环境安装简单使用截屏爬取网页数据 使用教程 Puppeteer 是一个 Node 库,它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。Puppeteer 默认以 headless 模式运行,但是可以通过修改配置文件运行“有头”模式。 环境安装 npm i puppeteer # or yarn add p...原创 2019-12-24 15:35:55 · 877 阅读 · 0 评论 -
Boostrap学习(导航条)
学习Boostrap使用中的重点内容 首先需要在Boostrap中文网上将所需要的组件代码爬取下来然后对内部的内容进行逐一分析。 调整按钮位置 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria...原创 2019-07-23 21:14:27 · 338 阅读 · 0 评论 -
Ajax学习笔记
记录重点的内容 1、如何使用ajax AJAX的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。 若要使用ajax,首先得创建一个XMLHttpRequest对象,它实现了在后台从客户端发送数据、从服务器接受数据以及更新网页的功能。 if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, ...原创 2019-07-17 14:59:03 · 60 阅读 · 0 评论 -
boostrap学习(布局练习)
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。 bootstrap的布局主要通过栅格系统来实现,通过栅格系统可以将页面划分成我们想要的规则。 栅格系统中一行规定了有12列,且在不同的屏幕大小下一列的大小也有所不同。 ...原创 2019-07-30 21:47:16 · 183 阅读 · 0 评论 -
Boostrap学习(轮播图)
同样,首先从Bootstrap中文网上将所需组件的代码复制下来 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li da...原创 2019-07-26 15:23:11 · 513 阅读 · 0 评论 -
ES6学习笔记(1)
记录ES6中新增的常用新特性及内容 目前正在学习阮一峰老师的《ECMAScript 6 入门》,里面的内容讲解很详细,且容易理解,值得花时间去读一读。为了巩固学习到的知识便稍微的做一下笔记。 1、let和const命令 let命令 声明的变量只在它所在的代码块(块级作用域)有效 for (let i = 0; i < 10; i++) { // ... } console.log(...原创 2019-08-07 14:56:20 · 142 阅读 · 0 评论 -
git基础使用方法
首先需要在git官网将程序下载下来(若无特别需要安装过程中可全部选择默认),并在github上注册一个个人账号来创建一个远程代码仓库。 git安装完成后在文件夹内部单击鼠标右键即会出现git的命令 点击 Git Bash here进入终端后输入 $ git init 即可建立一个本地工作区 通过输入 $ git add [文件地址] 可将在工作区中的文件加入到暂存区中 然后输入...原创 2019-08-22 18:10:34 · 113 阅读 · 0 评论