- 博客(66)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue中双向绑定的实现原理
关于Vue中双向绑定的实现原理，我认为这位前辈写的这篇文章真的太好了，在这里分享一下（顺便希望一下之后我也能将自己对这块知识的理解写成一篇博客）https://www.cnblogs.com/canfoo/p/6891868.html...
2019-10-10 14:51:34
130
原创 CSS中居中的方法
行内元素、块级元素、行内块元素在说明几种居中方法之前，我先明确一下行内元素（inline）、块级元素（block）、行内块元素（inline-block）的区别和联系。 行内元素 块级元素 行内块元素 放置方式 与其他行内元素位于同一行 每个块元素独占一行（除非用一些方法来脱离文档流，如浮动 float 或定位） 与其他行内元素或行内块元素位...
2019-10-08 15:41:01
283
原创 JavaScript 中组合继承、类与extends继承
ES6中新增了类的语法。类使用起来非常方便，但是在讲类之前，我们先来看看在类出生之前，强大的JavaScript是以什么样的方式让构造函数之间进行继承的——组合继承。1 组合继承ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。1.1 借用构造函数继承父类型的属性1.1.1 call() 方法功能：调用这个函数, 并且...
2019-09-19 20:13:36
1152
原创 JavaScript 中原型链详解
JavaScript 中原型链是一个非常重要的知识。先来看一段代码：function Person(name, age){ this.name = name this.age = age}Person.prototype.sayName = function() { console.log(this.name)}var person1 = new Person('刘德华'...
2019-09-19 18:09:10
361
原创 JavaScript 创建对象的五种方法
JavaScript 是一门面向对象的编程语言（Object Oriented Programming），面向对象编程具有灵活、代码可复用、容易维护和开发的优点，更适合多人合作的大型软件项目。在 JavaScript 中，有这么一句话：“万物皆对象”。 对象是一组无序的相关属性和方法的集合，例如字符串、数值、数组、函数等。这即是说，对象是由属性和方法组成的： 属性：事物的特征，在对象中用...
2019-09-19 16:46:13
287
原创 移动前端学习笔记（5）——响应式开发
一、什么是响应式开发？现在的设备（特别是移动设备），各种尺寸层出不穷，一个能在PC端完美展示的站点，放在移动端可能就会“形象坍塌”。响应式开发应运而生，它说白了就是做出来一个网站，可以兼容不同大小的设备（这里说的大小更多指的是设备的宽度），可以通过“媒体查询”检测设备信息，来设置不同的CSS样式，决定不同的网页布局方式。总而言之，就是为了用户体验，让网站对不同设备做出不同响应。二、网...
2019-08-08 16:12:26
307
原创 移动前端学习笔记（4）——zepto定制
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api，在用法上和jQuery差不多，但它更多的用于移动前端开发，例如zepto的touch模块支持zepto.js封装的常用的触屏事件。Zepto是分模块引入的，在zepto中文文档https://www.html.cn/doc/zeptojs_api/中它有以下这些模块：module ...
2019-08-05 21:05:37
244
原创 移动前端学习笔记（3）——常用插件（iscroll.js、swipe.js、swiper.js）
上篇博客中提到fastclick插件的使用，而在移动端中还有很多常用的插件（类库）。iscroll.js一个可以实现客户端原生滚动效果的类库。1. 下载iscroll.jshttps://github.com/cubiq/iscroll2. 查看iscroll文档（README.md）（1）iscroll多版本：iscroll是关于优化的。为了达到最高性能，它被分为多个...
2019-08-05 21:00:58
970
原创 移动前端学习笔记（2）——移动端点击（touch、click、tap、fastclick）
一、移动端touch事件（1）主要事件：移动端的touch事件（触屏事件）是针对移动web开发的，PC端不支持。它有以下三个主要事件：touchstart 手指触摸屏幕时触发 touchmove 手指在屏幕上移动时持续触发 touchend 手指离开屏幕时触发 （2）touchEvent：touchEvent（事件元参数）重点关注以下对象：touc...
2019-08-05 16:16:29
3395
原创 移动前端学习笔记（1）——视口（viewport）基础
学习web移动开发的第一步，是要掌握好移动端显示的一些基本概念。首先，贴一下一个资深整理人的博客，感觉整理得很到位。基本概念屏幕尺寸：通常我们所指的屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸来度量）。屏幕分辨率：一般用像素来度量 ，表示屏幕水平和垂直方向的像素数，例如1920*1080指的是屏幕垂直方向和水平方向分别有1920和1080个像素点而构成。PPI（Pixel...
2019-08-04 15:15:42
346
原创 CSS清除浮动的4种方法
浮动在开发中非常常用，用来使浮动元素脱离文档流进行左浮或者右浮，直到碰到父级元素或者其他的浮动元素。但是浮动也会产生一些问题，会对前后的标签产生影响，如我们想实现下面的效果：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title><...
2019-07-31 16:10:39
185
原创 Vue生命周期
多列布局column-count 设置列数 column-rule 设置列间隙样式（和边框的样式一样） column-gap 设置列间隙大小 column-width 设置列宽 遵循取大优先原则，即： 1. 如果column-width比默认计算的宽度要大，则取column-width，但此时若有空余空间，则会将宽度撑大被填满，意味着...
2019-07-26 12:03:16
153
原创 CSS3学习笔记（6）——动画 animation、animate.css 动画库的使用
在前几篇博客中，我记录了CSS3中“过渡”的用法，但严格上过渡并不算是真正意义上自由的动画，因为它只是初始状态过渡到了最终状态的一个过程。可以理解为只有两个节点。CSS3的 animation 样式提供了关键帧动画，通过关键字 @keyframes 配合 animation 可以设置多个节点（可理解为帧数）来精确控制一个或一组动画，常用来实现复杂的动画效果。animation：anim...
2019-07-25 10:32:31
843
原创 CSS3学习笔记（5）——transform 的3d变换
在CSS3中，我们可以用一个三维坐标系来表示一个3d空间：其中，z轴指向的是屏幕向外。要实现3d的移动、缩放、旋转，也需要用到 transform样式。三维移动transform: translate3d(x, y, z);其中x、y、z分别表示x、y、z方向上的偏移像素值。也可以分开写：translateX(x)、translateY(y)、translateZ...
2019-07-24 21:39:03
767
原创 CSS3学习笔记（4）——过渡、transform的2D变换
过渡过渡样式：transitiontransition-property 添加过渡效果的样式属性名称 transition-duration 过渡效果的耗时，以秒（s）作为单位 transition-timing-function 过渡时间函数，控制过渡的速度，匀速是linear transition-delay 过渡效果的延迟，...
2019-07-23 22:21:40
300
原创 CSS3学习笔记（3）——渐变、background 的使用、边框图片
渐变由于渐变效果不是单一的颜色，而是图像，因此应该写在 background 中。如background: linear-gradient(to right,red 0%,blue 100%);线性渐变线性渐变可以理解为就是沿着一条线去做颜色的渐变。语法：linear-gradient(方向, 颜色1 位置百分比, 颜色2 位置百分比, 颜色3 位置百分比...)说明：...
2019-07-23 14:56:17
392
原创 CSS3学习笔记（2）——颜色、文本阴影、盒模型
颜色设置HTML5中提供了两种颜色设置：1.RGBA：R：红色值，0~255之间，rgb(255,0,0) 代表纯红色；G：绿色值，0~255之间，rgb(0,255,0) 代表纯绿色；B：蓝色值，0~255之间，rgb(255,0,0) 代表纯蓝色；A：Alpha，透明度，0~1之间，不可为负数。2. HSLA：H：Hue，色调、色相。取值为0~360，过渡...
2019-07-22 14:49:56
325
原创 CSS3学习笔记（1）——CSS选择器、属性选择器、伪类选择器
CSS(3)中提供的选择器有很多（如下表格），下表来自w3school，我这里引用一下（新手写作，若侵权必删），原网址如下：http://www.w3school.com.cn/cssref/css_selectors.asp选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id ...
2019-07-21 11:52:58
461
原创 HTML5学习笔记（6）——web存储API、应用缓存
CookieWeb存储我们常用 document.cookie 来进行数据的存储，但是 cookie 的存储大小只有4k左右，并且解析相当复杂，给开发带来诸多不便。HTML5规范提出了新的存储方式：window.sessionStorage 和 window.localStoragesessionStorage（临时保存） localStorage（永久保存） s...
2019-07-20 17:08:45
338
原创 HTML5学习笔记（5）——拖拽API
拖拽API我们在写一个网页的时候，会发现当我们往页面中加入图片时，图片是可以拖拽的。实际上，在HTML5中，图片和超链接是默认可以拖拽的。但如果我们想要指定一个元素可以拖拽，就必须为元素添加 draggable="true"。如：<p id="p1" draggable="true">赞</p>在学习拖拽API时，最重要的就是学习拖拽事件。拖拽事件可以分为两大...
2019-07-20 10:06:54
372
原创 HTML5学习笔记（4）——文件读取FileReader
在学习这个版块的内容时，我发现自己对网络文件这一领域的知识了解得太少了，一时间也做不到去详细了解，但是我想先将一些比较易懂，并且可能比较实用的知识记录下来。更高深的知识有待以后深入学习。file（1）HTML5为file表单新添加了multiple属性，支持多个文件选择；（2）为了方便用户在脚本方位这些选择的文件，HTML5提供了file对象和FileList对象：file：表示f...
2019-07-19 21:40:48
280
原创 HTML5学习笔记（3）——API、网络状态、全屏API
APIAPI即 Application Programming Interface，指的是应用程序接口。网络状态ononline：网络连通的时候触发的事件onoffline：网络断开时触发的事件<script> window.ononline = function(){ alert("网络连接了"); } window.onoffline = fu...
2019-07-19 21:40:42
155
原创 HTML5学习笔记（2）——获取元素、类样式元素操作、自定义属性、小米商城官网Tab切换案例
获取元素HTML：getElementById("abc") 获取id="abc"的元素 getElementsByClassName("abc") 获取类名class="abc"的元素，得到结果为一个类数组 getELementsByTagName("abc") 获取标签名为abc的元素，得到结果为一个类数组 getElementsByName("abc")...
2019-07-18 20:56:50
503
原创 HTML5 学习笔记（1）——新语法规范、语义化标签、表单、多媒体
从今天开始，我也将在博客记录下我学习前端的一些笔记。一来是希望可以借此对自己学习过的知识进行整理与巩固，形成清晰的知识点；二来是可以将此博客作为我的复习笔记，毕竟我也不是什么天选之人，还是需要温故而知新的（特别是笔试面试前哈哈）；三来是因为我发现，当我试着想要去发布博客的时候，我就又多了一个学习的动力，就像是现在，当我敲完这篇博客之后，我可能就会迫不及待地投入下一阶段的学习了。当然了，如果我记录下...
2019-07-18 09:59:18
304
原创 用Python连接操作MySQL数据库，做一个简单的用户登录注册系统
我们可以很容易地用Python实现一个用户登录系统，相信这即使是对编程新手来说也是小菜一碟。 作为Python的小萌新，今天我想记录下来的是如何实现一个连接了MySQL数据库的用户登录注册系统，它的效果图大概如下： 该系统能连接到MySQL中我创建的“用户信息”表（下图为navicat中显示的表信息）。 该系统能对数据库中的此表...
2019-03-29 16:26:56
29948
13
原创 关于使用sqlalchemy连接mysql数据库时，出现的编码方式的问题：‘latin-1‘ codec can‘t encode characters in position 10-13:
最近用到ORM技术操作数据库，使用到sqlalchemy创建数据表时，遇到了编码方式的问题。 我以以下两种情况说明。 第一种情况，假设我要创建一个职工表，属性名分别为“workers_id”，“workers_name”，“birthday”，部分代码如下：from sqlalchemy import create_enginefrom sql...
2019-03-22 17:44:23
1238
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人