- 博客(30)
- 收藏
- 关注
RSS订阅原创 Python抓取网页数据
思路通过http加载要抓取的网页数据，并转化为DOM树根据tag及class标识确定相应节点，获取节点数据并存储到变量里创建Excel表格，并激活往表格添加数据保存Excel表格代码import requests #requests是HTTP库import refrom openpyxl import workbook # 写入Excel表所用# from openpyxl import load_workbook # 读取Excel表所用from bs4 import
2021-04-08 15:55:46
618
原创 Gitlab使用流程
安装git打开官网下载git安装一直下一步配置git命令查看配置信息 git config --list --show-origin全局配置用户名 git config --global user.name “John Doe”全局配置邮箱 git config --global user.email [email protected]配置账户SSH信息1 生成密匙 ssh-keygen -t rsa -C [email protected] 执行上面命令之后一直下一步
2020-08-17 11:53:43
163
原创 HTTP基础篇
web建立最初，是基于三个规范的，即标准通用标记语言HTML，超文本传输协议HTTP和文档位置定位符URL，这篇主要讲HTTP相关。TCP/IP协议族了解HTTP首先要了解一下TCP/IP协议，协议就是字面意思，TCP/IP协议是对网络传输过程中需要用到的东西确定的规范。HTTP是TCP/IP协议的子集。对于TCP/IP族到底指什么，没有一个确定的答案，流传比较多的有三个说法：TCP/IP协议为网络通信中所有过程的统称TCP/IP协议为网络通信中用到的协议TCP/IP协议值IP通信中用到的协议
2020-06-21 18:12:23
186
原创 构造函数/原型链/组合/寄生继承
JavaScript继承机制： JavaScript是基于原型链继承的语言，当访问一个属性或者方法的时候，js会沿着原型链依次往上寻找，直到找到相关的值，或者查找到Object.proto === null, 返回undefined值。有时候，可能需要我们自己去实现类之间的继承，下面是几种继承方法，从上往下，继承方式呈逐渐优化趋势。父函数和子函数// 父函数function Person(sex) { this.sex = sex console.log(count++)}//
2020-06-18 23:49:25
158
原创 css中margin负值的使用
负值在position为static/relative时使用：不破坏文档流，相对于自身进行移动，多行多列元素去边框时可用。负值在float样式中的使用使用负值，会把当前的float元素的z-index变大，从而覆盖掉前面的float元素，负值为百分比的时候，百分比是相对于整个屏幕的，著名的双飞翼样式就是利用了margin负值这个属性负值在absolute中的使用会相对于自身进行移动，可以给确定了宽高的元素进行垂直居中定位，不确定宽高的绝对定位元素可以使用transition：transform(-
2020-06-07 10:00:57
242
原创 instanceof
instanceof定义： instanceof运算符用于检测构造函数的prototype属性是否出现在实例对象的原型链上。示例代码：function Car(make, model, year) { this.make = make; this.model = model; this.year = year;}const auto = new Car('Honda', 'Ac...
2020-03-25 13:12:21
122
原创 判断实例对象类型typeof/instanceof/Object.prototype.toString.call
判断实例对象类型有三种方式typeofinstanceofObject.prototype.toString.call(arrName)typeof: 可以判断出实例的类型，但是不能区分null，typeof null === objectconsole.log(typeof null) // objectinstanceof 用于检测构造函数的prototype属性是否出现在某...
2020-03-18 11:44:04
183
原创 Vue入门
1. 环境搭建安装node环境：首先去官网下载node.js，传送门node.js下载地址，推荐下载长期支持版Node.js下载完成之后，一步步默认安装就可以，安装完成之后，可以用命令行node -v 检测一下是不是安装成功了，如果出现下图类似信息，证明安装成功了。当node环境安装成功之后，已经默认安装了npm包，这里也可以用命令行npm -v 检测一下，出现下面情况证明已经安装成功...
2019-02-24 14:47:26
167
原创 Cordova+Vue打包APP
打包APP步骤：（除非特殊说明，以下步骤均为Windows环境）1.安装node环境2.安装cordova插件3.配置安卓的SDK和JDK环境变量（Android），配置iOS的xcode环境（iOS）4.整合vue到cordova安装node环境：首先去官网下载node.js，传送门node.js下载地址，推荐下载长期支持版Node.js下载完成之后，一步步默认安装就可以，安装完...
2018-12-07 14:47:54
2936
2
原创 HTTP协议
使用HTTP访问web： 你知道当我们在网页浏览器的地址栏中输入URL时，Web页面是如何呈现的吗？Web页面不可能凭空出现，根据浏览器地址栏的URL，Web浏览器从服务器端获取文件资源等信息，从而显示出web页面，像这种通过发送请求从服务器端获取资源的浏览器等，都可称为客户端（client），Web使用一种名为HTTP的（Hyper Text Transfer Protocol, 超文本传输协...
2018-11-18 17:18:13
183
原创 canvas画任意角度的扇形，弧形，及扇形弧形填纯色渐变色
前提：接到一个需求，某个事项的完成率用环形表示，小于100%时，每隔25%为一种纯色填充，完成率100%的时候，整个环形为渐变色填充。开始是用的echarts,知道canvas是画图工具，但是之前没看过，也懒得学了。但是echarts对环形的填充只能是不同的纯色，没有找到渐变色填充的选项，产品经理不是很满意，今天就用canvas试了试。canvas，真好用哦。。。完成代码这是一份较粗略的代码...
2018-10-14 17:05:01
8746
原创 Vue--插槽
插槽内容Vue实现了一套内容分发的API，这套API基于当前的Web Component规范草案，将slot元素作为承载分发内容的出口。它允许你这样合成组件：<navigation-link url='/profile'> You Profile</navigation-link>然后你在navigation-link的模板中可能会写：...
2018-09-18 17:34:53
339
原创 有作用域的css
初接触Vue单文件，对style标签里的scoped属性难免有一点困惑，毕竟之前没有用到过，下面是关于scoped的一些讲解。一个标准的.vue文件是这样的：// html内容区域<template> <div class="hello"> <h1>{{ msg }}</h1> </div></templ..
2018-09-17 11:26:51
3228
原创 JavaScript原型及继承
我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个指针，指向一个对象，这个对象叫做原型对象，用途是包含可以由特定类型的所有实例共享的属性和方法。如果按照字面意思来理解，那么prototype就是通过调用构造函数而创建的那个对象实例的对象原型。不知道你是不是明白这个字面意思，我第一次看是不怎么明白，从头捋一遍创建实例的过程：创建对象的时候，调用构造函数，构造函数有一个pro...
2018-09-10 22:17:19
353
原创 JavaScript--创建对象的方法总结
JavaScript常被描述为一种基于原型的语言–每个对象拥有一个原型对象，对象以其原型为模板，从原型集成方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层，以此类推。这种关系常被称为原型链，它解释了为何一个对象会拥有定义在其他对象中的属性和方法，准确的说，这些属性和方法是定义在Object的构造函数上的prototype属性上。传统的OOP中，首先定义“类”，此后创建对象实例...
2018-09-10 18:21:52
203
原创 闭包
闭包的文章非常多，为了面试也前前后后看了挺多，但是总是感觉理解的模模糊糊，今天找的时候发现MDN关于闭包的文档教程非常详细，能理解的比较彻底，所以总结一下写下来，MDN文档链接放在最后，需要的同学直接滑到最后就能看到传送门。 我的疑惑有三个： 1.什么是闭包？ 2.闭包能做些什么？ 3.为什么要有闭包？首先我们了解一下词法作用域的概念，词...
2018-09-10 11:26:20
200
原创 webpack入门
第一段吐槽，webpack请直接跳第二段，又是一轮面试周，第一个面试就被完虐了，凉了之后，重新思考了一下目前的情况，发现不能抱侥幸心理，哈哈哈哈哈，所以打算陆续把学过的前端知识点总结一下，免得再给自己挖坑，不过话说回来，学过的东西，不实际操练一下，或者定时复盘一下，基本上，马上就会忘的七七八八了，多么痛的领悟webpack，纵览前端招聘信息，webpack或者gulp这些打包工具貌似已经是必备...
2018-09-08 21:59:47
205
翻译 JS闭包
闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。我理解的闭包就是在函数A里定义一个函数B，函数B可以操作函数A里面的变量。因为JavaScript的垃圾回收机制，当一个函数执行完之后，就会被销毁，当我们调用闭包时，也就是调用函数B时，JavaScript会认为这个函数没有执行完毕，所以闭包所在的内存空间A就不会被销毁...
2018-08-27 23:05:42
175
翻译 JS设计模式之单例模式
单例模式： 又被称为单体模式，是只允许实例化一次的对象类，有以下几个功能： 1.管理命名空间，井井有条的管理对象上的属性和方法。JS中有事件覆盖，例如在页面中定义的绑定方法on，如果日后其他人要为页面添加需求，增加代码定义而定义了一个on方法或者重写了on方法，会导致初始定义的on方法被覆盖，这个时候就可以用单例模式来管理命名空间。命名空间就是人们日常所说得namespace，它开辟出一个...
2018-08-01 23:06:39
224
原创 点击切换图片的底部导航
点击切换图片的底部导航随着H5的兴起，APP风格的页面成了切页面的日常，写底部导航时，在网上找的没有找到合适的，就自己试着用jQuery实现了一下，希望能有帮助UI给的切图是这样的，不得不说，很贴心，哈哈哈哈。 实现结果是这样的： 三个tab是一样的，所以这里可以用事件代理，点击事件的添加，有关事件代理的详细信息看这里：https://www.cnblogs.com/liu...
2018-03-07 11:46:42
3898
7
原创 JS someNode.chidren和someNode.childNodes的区别
我们首先写一个包含子节点的代码块：<div id='main'> Apple <div>Paper</div> <div>Pig</div> <div>Coa</></div>DOM树 我们用console.log（）分别输出一下document.getElementById(“main”).children和document.getElementById(“ma
2017-08-28 11:58:36
676
转载 wx.request(OBJECT)请求头
wx.request({ url: ‘test.php’, //仅为示例，并非真实的接口地址 data: { x: ” , y: ” }, header: { “Content-Type”: “json” }, success: function (re
2017-07-12 11:36:26
1560
原创 CSS中position:fixed实现div居中及div内元素实现居中的方法
position:fixed实现div居中代码如下：div{ position:fixed; margin:auto; left:0; right:0; top:0; bottom:0; width:200px; height:150px;}如果只需要左右居中，那么把 bottom:0; 或者 top:0; 删掉即可 如果只需要上下
2017-07-10 13:25:47
3759
原创 原生JS的简单tab切换实现
实现思路是点击上方的按钮，下方的内容随之发生改变，上方和下方用的是两个div块，是兄弟节点，所以需要让tab按钮和下方内容一一对应，例子是基予两个模块若下标相同是一个内容实现的，首先是HTML框架：<div id="box">//包含tab按钮和内容的整体大框架 <div id="head_list"">//tab按钮及内容 <input ty
2017-06-30 21:11:17
20333
3
原创 原生JS轮播图
思路：下层放轮播图片，图片上层放置小圆点，点击小圆点的时候图片随着切换。 具体代码如下： <!DOCTYPE ><html> <head> <meta charset="utf-8" /> <style> div,ul,li,img,body{ margin:0px;
2017-06-22 10:55:49
332
原创 原生JS判断两个元素是否为兄弟节点
一个很简单的方法，分别获取两个元素的父节点，判断父节点是否相同，代码如下：function isSiblilngNode(element,siblingNode){ if(element.parentNode == siblingNode.parentNode){ return true; }else{
2017-06-16 18:08:56
2396
2
原创 JS引用类型深度拷贝浅拷贝
今天遇到一个拷贝JS引用类型的例题，把A拷贝到B，在B或A中修改值不会影响对方的数据。查找了一下JS值类型和引用类型的异同，实践了一下，代码及结果如下： 1 对JS值类型拷贝（也就是赋值）代码如下:var c = 3;var d = c;console.log(c)//->3;console.log(d)//->3;d = 4;console.log(c)//->3;console.l
2017-06-12 18:12:56
1012
原创 Margin负边距使用之双飞翼布局
Margin负边距使用之双飞翼布局在页面布局中，经常会遇到左右两边宽度固定中间自适应的布局需要，其中有一个很巧妙的方式叫双飞翼布局。双飞翼是由淘宝玉伯等前端大牛提出的一种多列布局方法，主要利用了浮动、负边距、相对定位三个布局属性，使三列布局就像小鸟一样，拥有中间的身体和两侧的翅膀。下面是是实现原理：
2017-06-09 18:15:48
1410
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人