━═━═━◥ 前端 ◤━═━═━
关注
分享
扫一扫
文章平均质量分 77
极客范儿
技术决定下限，审美决定上限
展开
-
Python绘制奥运五环标记
文章目录一、代码实现1.根据坐标确定五环位置2.增加笔迹填充颜色二、总结通过绘制奥运五环标记的实例熟悉Python中的turtle绘图库运用一、代码实现1.根据坐标确定五环位置#绘制奥运五环#导入turtle库import turtleturtle.circle(50)turtle.goto(120,0)turtle.circle(50)turtle.goto(240,0)turtle.circle(50)turtle.goto(60,-50)turtle.circ原创 2021-08-16 21:03:45 · 1340 阅读 · 0 评论 -
Python实现七段数码管显示效果
七夕前后收到电子贺卡，使用Python的turtle库实现七段数码管绘制，正好最近复习python海龟绘图，做一个简单实现。七段数码管可以用来表示我们生活中的数字，绘制过程主要有turtle和函数实现，下面是七段数码管的原理，从一个方向开始绘制……#绘制七段数码管import turtledef drawGap():#绘制数码管间隔 turtle.penup() turtle.fd(5)def drawLine(draw):#绘制单段数码管 drawGap() tu原创 2021-08-15 16:56:39 · 2618 阅读 · 0 评论 -
初识数据可视化工具D3
D3可以实现更加灵活且富有变化的图形。在使用Echarts的配置项就可以完成绘图，而D3需要自己造轮子，手动实现可视化的每一处细节，虽然门槛更高、难度更大，但是使用起来更加灵活自由，能够实现更为复杂多样的可视化效果。通过此次项目使用D3的选择DOM元素和绑定数据，数据添加、更新DOM元素的操作，使用D3一般遵循以下流程原创 2021-07-06 16:13:01 · 1275 阅读 · 0 评论 -
ECharts图表组件与FusionCharts图表组件对比
公司目前正在进行图表选型，主要选择了ECharts与FusionCharts。这两款图表都是非常知名，以前用过FusionCharts的免费版，效果可以，不过免费图表功能始终有限，而FusionCharts商业版本的就非常不错了，效果很炫，支持2D 3D!Echarts免费，画面酷炫确实有一定的吸引力，有自己的优势。所以比较一下两个组件之间的区别，以及性能上的优缺点。原创 2021-07-05 14:55:42 · 885 阅读 · 0 评论 -
基于Flask的个人博客的搭建
文章目录项目准备总结本项目以Flask为基础Python后端框架，搭建一个包含后端的网站。项目准备新建一个文件夹easy_blog_flask，再新建3个文件夹：static、templates和venv和config.py和run.py两个python文件。其中static用于存放静态资源文件，templates用于存放HTML模板，venv用于搭建环境。安装虚环境。激活虚环境run.py#!/usr/bin/env python# coding:utf8import sysrel原创 2021-06-20 16:51:35 · 2950 阅读 · 2 评论 -
深入理解JavaScript原型和原型链
在JavaScript中原型和原型链是很抽象的概念，对于大多数人也是最难理解的一部分，掌握原型和原型链的本质是JavaScript进阶的重要一环。分享一下我对JavaScript原型和原型链的理解。 一、 函数对象 JavaScript 中，万物皆对象。但对象也是有区别的，分为：普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。var myNewObje...原创 2018-08-01 07:00:07 · 492 阅读 · 0 评论 -
有关合并HTTP请求和并行HTTP请求的一些思考
面试遇到的问题：“如何提高网页性能？”有些基础的人都会提到这么一条：减少/合并HTTP请求。HR追问：“浏览器不是可以并行下载资源吗？将多个资源合并成一个资源，只使用一个HTTP请求下载，难道要比用多个HTTP请求并行下载没有合并过的多个资源速度更快？”最近一直在思考这个问题，根据自己实践，是拆分请求在视觉上的效果更舒服一些。个人感觉的话还是业务场景，在资源大小上、业务场景上做一个平衡；因为htt...原创 2018-08-12 15:39:12 · 3563 阅读 · 0 评论 -
this的指向形式和改变this指向的方式
JavaScript在函数中this指向不是定义的时候确定的，而是真正运行此函数时确定的。要想判断函数中this的指向，只要知道谁直接调用产生this指针的函数，this就指向谁了。只是要注意使用了new 操作符之后，构造函数内部的this指向的是新对象，通俗点讲就是new出来的新实例。一、 this指向的形式1.1 如果是一般函数,this指向全局对象window 1.2在严格模式...原创 2018-09-01 09:45:10 · 665 阅读 · 0 评论 -
玩转bootstrap
原先在挑战杯曾经接触过bootstrap前端框架，给我的感觉是即拿即用。Bootstrap 可视化布局系统快速建站非常方便，令我耳目一新。了解一个前端框架如果从底层实现原理理解，那就会让你深入的了解它的功能，所以要做从原理到实战，玩转bootstrap。一、Bootstrap简介优雅、灵活、可扩展的前端工具集——Bootstrap 简单、灵活的用于搭建WEB页面的HTML，CSS...原创 2018-09-05 09:00:09 · 471 阅读 · 0 评论 -
FusionCharts绘图插件详解
目前在做项目完成数据统计，需要将统计数据进行图形化分析。将数据做成各种图表，即柱状图和折线图，由此接触了FusionCharts绘图插件，经过查询资料和做Demo，将项目功能完成，特此总结以备将来查阅。一、FusionCharts简介FusionCharts是一个JavaScript图表库，可以使用JavaScript创建交互式图表，仪表，地图和仪表板。所支持的常用的图表，新版本的Fu...原创 2018-09-03 09:31:58 · 1111 阅读 · 0 评论 -
Angular2详解
软件开发综合实训是Angular 2+的开发，通过一个实战项目复习一下Angular的使用和TypeScript的语法。一、搭建脚手架https://cli.angular.io/或者angular官网 1.安装Angular的CLInpm install -g @angular/cli2.创建一个新项目ng new my-app3.启动服务cd my-a...原创 2018-08-05 21:00:26 · 1413 阅读 · 1 评论 -
TypeScript迅速入门与应该知道的基础
掌握了 TypeScript ,就相当于掌握了 JavaScript 语言的最新标准。前端三大框架中，Angular 2 开始基于 TypeScript 开发，所以最好的学习路线是js->ts->Angular。链接：TypeScript 官网：http://www.typescriptlang.orgTypeScript 在线编译器：http://www.typescriptla原创 2018-01-15 10:10:34 · 1596 阅读 · 0 评论 -
三天《HTML5移动开发》集训的意外收获
现在大学生最不缺少的就是理论，最需要提高的就是实际操作的能力。“挖牛”工作室和学院联系了“千锋教育”培训机构，在校内进行三天的《HTML5移动开发》集训。需要熟悉HTML、CSS、JavaScript、XML等知识，熟练运用Hbuilder、Google Chrome浏览器调试工具，三天集训时间虽短，收获颇多。第一天，首先从HTML5 开发行业现状讲起，前端开发行业发展迅速，技术更新速度令人咂舌。老师是前原创 2016-10-21 07:43:48 · 888 阅读 · 0 评论 -
vue2.0入门教程
Vue 渐进式——易用、灵活、高效 没有太多限制的JavaScript框架 两种使用方式 1、 引入cdn2、 命令行工具搭建脚手架 el属性：element需要获取的元素，一定是html中的根容器元素 data属性：用于数据的存储，本质是对象，key和value自定义 初始vue双花括号中的内容放入了一个虚拟dom通过它插入dom中 在Vue中可以直接拿到属性在方法中...原创 2018-04-02 07:12:28 · 3654 阅读 · 0 评论 -
实习中学到较新的前端技术和 Api 的一些经验
在大学接触到的所谓的“新”技术，满足不了企业的实际需求，与公司实际生产环境的技术差之毫厘谬以千里，所以把实习中的体验分享出来。 我实习的岗位是运营实习生，在部门和领导和同事的指导帮助下，我慢慢了解了公司的组织机构、经营状况及管理体制，以及技术部的基本业务，并学到了许多计算机维护、软件应用和开发的知识...原创 2018-03-06 14:44:56 · 530 阅读 · 0 评论 -
Vue2.0 探索之路——关于生命周期和钩子函数的一些理解
一、前言在毕业旅行中思考，在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，不够甚解。网上大多是1.0的版本介绍，于是对vue2.0的生命周期做做文章。二、vue生命周期简介1.Vue在实例化一个组件的事后，会在特别的时期执行性相应的方法，这个方法，就叫做钩子方法。 2.Vue在实例化组件开始的时候，会按照顺序调用beforeCreated，created，beforeMoun...原创 2018-06-15 18:00:23 · 697 阅读 · 0 评论 -
Vue2.0 探索之路——计算属性缓存与methods的区别
当前dom变化幅度较大如搜索时耗时大量搜索优化，虚拟dom不同时触发。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&am原创 2018-07-01 13:42:26 · 1581 阅读 · 0 评论 -
2018应届生招聘(面经)
作为刚毕业就能马上拿到offer的应届生来说，还算比较幸运的了。校招和社招的经理分享出来。 目前前端的技术比较火热，所以前端开发也是很热门。建议初入社会还是以前端为主要方向。 统计起来，发现曾经面试的公司还真不少，如下（排名不分先后）： 鹅厂 狗厂 新媒传信科技 凯胜荣信 东方视界科技 航天宏图 牛客 联想利泰 千锋互联科技 金联世纪科技 校招一定比社招好进的，如果有内推...原创 2018-07-06 07:12:38 · 1246 阅读 · 0 评论 -
闭包理解以及应用场景
前端的面试闭包是离不开的话题，因为大家都知道的东西，没有筛选人选的功能，而闭包又被传统的认为是比较难以驾驭的部分。所以面试前端的公司总喜欢考察闭包应用的场景。一、闭包的概念 闭包本质上说就是一个函数，有权限访问其他函数内部的函数。 来看一段代码：function f1(){ var n = 0; function f2()...原创 2018-07-13 21:45:16 · 2047 阅读 · 0 评论 -
2018腾讯微简历大赛记STAR法则剑指offer
大家不要觉得鹅厂的笔试题有多难，实际上都很基础，不是特别难。比如const修饰指针、sizeof的大小、结构体、交换两个int类型变量不使用第三个变量等等这些都可能会考。2018年笔试印象里的一道题分享给大家：写一个函数打印arr数组的内容，不使用数组下标，使用指针。arr是一个整型一维数组。设计一个函数，两个参数，数组名传参，数组名是首元素的地址，首元素的地址就是1的地址，整型的地址放在整型指针里面……原创 2018-07-29 10:26:26 · 1410 阅读 · 0 评论 -
常见的HTTP状态码(HTTP Status Code)说明
作为一个前端开发人员对于一些服务器返回的HTTP状态的含义都必须了如指掌。不仅知道200、404和500，还要把常见的状态码都进行了解，这样在工作中遇到问题才能处理的得心应手。一、HTTP状态码分类HTTP状态码HTTP状态码共分为5种类型，由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。 分类 描述 1开头 信息，服务器收...原创 2018-07-15 15:25:35 · 2647 阅读 · 0 评论 -
Angular初探
AngularJS是Google开发的一个MVC框架，这是1.0的版本。目前有1.0,2.0,4.0三个版本。2.0之后就是Angular。今年三月份Angular 4.0刚刚推出，所以关于Angular最新版的资料是寥寥无几。初学的话还是从1.0开始学。推荐两个关于AngularJS的网站： angularjs 1官网 或 angular2.0/4.0官网Angular的四大核心特性： 1.MVCModel:数据模原创 2017-06-12 15:00:34 · 805 阅读 · 0 评论 -
腾讯2018校招WEB前端开发笔试有感
鹅厂的校招考察的我感觉比较“杂”。 前端开发感觉我的印象，考察了JS、TCP/IP协议、MVVM、数据库。都是在不定项选择中。没有单选题，无疑增加了难度。还考察了一些Linux操作系统、sizeof函数，数据结构也有一部分题。根结点，JS中考到了跨域。还有一两道数学几何体。竟然还考察了用css和table布局的不同。 最后有三道编程题，难度都不易。 今年系统升级了作弊筛查功能...原创 2017-09-12 21:27:02 · 8547 阅读 · 0 评论