- 博客(23)
- 收藏
- 关注
RSS订阅转载 告别组件之教你使用原生js和css写移动端轮播图
在工作中由于项目需要要写一个轮播图，本想使用组件直接调用实现快速开发，但是一想到自己经常使用组件但是让自己手写的话确实一点都不会。一个不会手写组件的前端程序员不是一个好程序员！于是打算自己手写一个。老规矩，首先看一下最终效果，这个最终可以实现定时自动播放，触摸滑动，手动修改下面横条效果等功能。项目中使用到的HTML代码如下<div class="banner">...
2019-09-09 14:14:00
232
转载 移动端rem距离单位的使用
在做移动端开发的时候大家肯定会遇到适配问题，手机的屏幕大小有非常多的类别，使用传统的px距离单位已经无法满足我们的需要，于是rem便横空出世，他与百分比定位是比较像的，但是也是有一定的区别，在这里就跟大家分享一下rem的使用方法。rem是一个相对单位，他的大小是可以根据你的计算来定的，比如说在我的移动端网页中rem与px的换算规则如下：1rem = 100px在UI给我的设计稿中是...
2019-09-09 14:11:00
194
转载 教你用原生CSS写炫酷页面切换效果，跟第三方组件说拜拜
因为项目需要，别人想让我给他写一个个人博客，并且给了我一个其他人的网页，可以点此查看。有的同学可能说了，第三方博客框架这么多，为什么还要去手写的，你说这个有可能是没有看到打开这个博客。样式介绍给大家看一下这个网页的大体样式。这个界面可以说是非常漂亮，整体也是一个响应式布局，总体来说还算不错。但是抛开页面设计，这个网站有一个致命的缺点，就是没有做懒加载，这么多页面其实就是一个H...
2019-08-23 23:55:00
300
转载 使用 media 实现响应式布局
最近工作有一个需求是将一个界面改为响应式布局，由于UI还没有给设计，于是自己先查了一下资料做了一个demo。其实实现响应式布局的方式有很多，利用media实现就是其中一种，但是他也有一些缺点，比如说要对特别的屏幕单独定制样式代码。在我的代码里面我把屏幕分为了三种，代表为iPhone、iPad、PC三种，分别对应着三种不同的样式。目前可以实现：根据界面大小自动调整布局界面宽度小到...
2019-08-19 17:20:00
316
转载 LeetCode 对称二叉树
此题是我在最近学习力扣卡片时候遇到了，当时采取了一种比较笨的方法，最后的结果是超时，于是又想了一下，最终使用递归和迭代两种方法来解决问题。题目描述给定一个二叉树，检查它是否是镜像对称的。例如，二叉树 [1,2,2,3,4,4,3] 是对称的。 1 / \ 2 2 / \ / \3 4 4 3但是下面这个 [1,2,2,null,3,null,3]...
2019-08-16 23:50:00
112
转载 Vue事件修饰符详解
整体学习Vue时看到Vue文档中有事件修饰符的描述，但是看了之后并没有理解是什么意思，于是查阅了资料，现在记录下来与大家分享先给大家画一个示意图理解一下冒泡和捕获(1) .stop修饰符请看如下代码<template> <div class="about"> <div @click="test1"> <div...
2019-07-30 08:34:00
224
转载 关于toLocaleString(), toString(), valueOf()方法的使用
所有对象都是具有toLocalString(), toString(), valueOf()三种方法的，此篇博客主要是讲述其在Array引用类型上的使用。基本使用调用valueOf()返回的是数组本身，调用数组的toString()方法返回的是数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。let a = ['a','b','c'];console.log(a.va...
2019-07-29 16:54:00
182
转载 面试题 js重写原生函数（以push为例）
先说明一下为什么要写这个，因为最近在面试，面试的时候面试官问了这个问题，当时是真的没有答上来，回来之后自己考虑了一下，现在给大家分享要求如下：重写js push函数，使其能够在push的同时打印出push的元素分析有的同学有可能想要用Array.Array.prototype.push = function(){}来重写，但是这样子的话push原本的函数内容就会丢失，你得重写...
2019-07-29 11:25:00
525
转载 markdown使用emoji
前几日写博客的时候在想是否能够在markdown中使用emoji呢????，于是就上网搜了一下，果不其然是可以的????，现在来给大家交流一下????:smile:????:star2:????:family:????:running:????其实使用方法很简单，给大家推荐一个网站，里面记录了非常多可以使用的emoji表情，点此访问像这样的emoji还有很多，供大家自己探索啦~????转载于:https://w...
2019-07-28 22:38:00
376
转载 Vue双向绑定原理及其实现
在之前面试的时候被面试官问到是否了解Vue双向绑定的原理，其实自己之前看过双向绑定的原理，但也就是粗略的了解，但是没有深入。面试官当时让我手写一个原理，但是就蒙了????，于是借着这篇博客对自己了解到的知识与大家分享????。在代码中我们一般这样写<template> <div class="about"> <input v-model="stude...
2019-07-28 10:52:00
123
转载 typescript 公共，私有与受保护的修饰符
public理解当你在程序中没有指明修饰符时，默认为public，也就是在类内类外都可以访问，我们以下面的例子来解释。class Person{ name:string sex:string age:number // 默认设置为public constructor(name:string, sex:string, age:number){ ...
2019-07-26 15:33:00
104
转载 Django ORM操作
Django中集成了ORM框架，可以直接使用orm对数据库进行增删查改等操作，相对sql语句来说，orm语句更加简洁易懂，方便开发者进行开发1.增加数据数据库中的表有一对一关系，一对多关系和多对多关系，对于这几种关系我们有不同的方法去实现增加数据操作。一对一关系对于一对一关系比较简单，我们假设有一张表student，里面有student_id(学号)和name(两个属性)，代...
2019-07-26 15:33:00
105
转载 Ubuntu16.04配置Django服务器环境
本环境是使用Ubuntu16.04+Django2.1.0+python3.6+uwsgi+nginx进行配置1. 安装python3.6Ubuntu16.04中原本安装的是python3.5，但是我们运行环境使用python3.6比较好，有的库3.5是用不了的，安装过程如下：首先安装python3.6，在terminal中输入sudo apt-get install sof...
2019-07-26 15:32:00
135
转载 Number() 与 parseInt()解析
在 Python 中，将字符串转为整型变量的函数是 int() ，直接使用 int("123")就可以得到 123的输出结果，这样可以比较快速的得到我们想要的结果，在 js 中将 string 类型 转为 number 类型的函数有三种， Number()、 parseInt() 和 parseFloat()。Number()可以用于任何数据类型，而另外两个则专门用于把字符串转换为数...
2019-07-26 15:31:00
484
转载 js异步解决方法
在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应，最好的例子就是Ajax操作。在服务器端，"异步模式"甚至是唯一的模式，因为执行环境是单线程的，如果允许同步执行所有http请求，服务器性能会急剧下降，很快就会失去响应。最近在小程序开发中也遇到了这个问题，主要wx.openBluetoothAdapter这个函数，js认为其太消耗时间，就先跳过运行，但是我们需要在这个函数中得...
2019-07-26 15:31:00
192
转载 Python识别璇玑图中诗的数量
一、璇玑图简介璇玑图的读法有很多，这里我使用七七棋盘格的读法，在璇玑图中分离出一个七七棋盘格，如下表吏官同流污合玩痞悍蒙骗造假蛋鸡宴请客友朋远戚偏正反拨乱冤隶奸贪险冠眷阉佃味道人味爱公荒投...
2019-07-26 15:30:00
154
转载 Liunx环境下配置matplotlib库使用中文绘图
最近在使用matplotlib库的过程中需要用到中文绘图，在网上找了好多种方法，最终用一种方法解决了，在此记录。首先Linux是有自己的中文字体的，叫做"Droid Sans Fallback"，我们可以直接使用它作为全局字体。在python文件中新建一个文件设置字体def conf_zh(font_name): from pylab import mpl mpl.r...
2019-07-26 15:29:00
91
转载 manjaro配置记录
一、换源官方镜像源（包括 core， extra， community， multilib ）sudo pacman-mirrors -i -c China -m rank //更新镜像排名sudo pacman -Syy //更新数据源运行第一条命令之后稍等片刻就会出现几个源选项，此时点击你想选择的源即可，推荐清华源archlinuxcn 源（中科大 ）修改 /etc/p...
2019-07-26 15:28:00
187
转载 ubuntu环境下测试cache大小并校验
Cache存储器：电脑中为高速缓冲存储器，是位于CPU和主存储器DRAM（Dynamic Random Access Memory）之间，规模较小，但速度很高的存储器，通常由SRAM（Static Random Access Memory 静态存储器）组成。它是位于CPU与内存间的一种容量较小但速度很高的存储器。CPU的速度远高于内存，当CPU直接从内存中存取数据时要等待一定时间周期，...
2019-07-26 15:28:00
312
转载 ubuntu 单机配置hadoop
前言因为是课程要求，所以在自己电脑上安装了hadoop，由于没有使用虚拟机，所以使用单机模拟hadoop的使用，可以上传文件，下载文件。1.安装配置JDKUbuntu18.04是自带Java1.8的，你可以在命令行输入java -version查看，如果你想重新配置的话清查看以下的教程。下载JDK单击下载地址进行下载下载之前点击 Accept License Agre...
2019-07-26 15:27:00
113
转载 cachestat 安装文档
安装环境：ubuntu18.04安装步骤1. 打开命令行，输入以下命令sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 4052245BD4284CDDecho "deb https://repo.iovisor.org/apt/xenial xenial main" | sudo tee /etc/a...
2019-07-26 15:26:00
241
转载 编译原理实验 识别标识符
实验环境：Python3.6实验目的根据 PL/0 语言的文法规范，编写 PL/0 语言的标识符识别程序。通过设计调试标识符识别程序，实现从源程序中分出各个标识符的方法；加深对课堂教学的理解； 为后序词法分析程序的实现打下基础 。掌握从源程序文件中读取有效字符的方法和产生源程序的内部表示文件的法。掌握识别标识符的实现方法。上机调试完成的识别标识符程序的实现。实验时间...
2019-07-26 15:24:00
3795
转载 typescript 公共，私有与受保护的修饰符
public理解当你在程序中没有指明修饰符时，默认为public，也就是在类内类外都可以访问，我们以下面的例子来解释。class Person{ name:string sex:string age:number // 默认设置为public constructor(name:string, sex:string, age:number){ ...
2019-07-20 08:03:00
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人