- 博客(91)
- 资源 (3)
- 收藏
- 关注
原创 内圆角的实现样式--类似优惠券
以上是设计图。以下是对应的css..box-contain{width: 650px;height: 1009px;color: #FFF;font-size: 24px;text-align: center;line-height: 60px;background-color: #FFF;position: relative;z-index: 100;margin: auto;z-index: 100;border-radius: 20px;...
2021-08-30 11:53:56
159
原创 Python条件语句
Python程序余元指定任何非0和非空(null)值为true,0 或者null为falsePython编程中if语句用于控制程序的执行,基本形式为:if 判断条件: 执行语句...else 执行语句...由于python并不支持switch语句,所以多个天剑判断,只能用elif来实现,如果判断需要多个条件需同时判断时,可以使用or,便是两个添加有一个成立时判断条件成功;使用and,便是只有两个条件同时成立的情况下,判断条件才成功。...
2021-08-20 10:22:12
136
转载 Python 变量类型
变量存储在内存中的值,这就意味着在创建变量时会在内存中开辟一个空间。基于变量的数据类型,解释器会分配指定内存,并决定什么数据可以被存储在内存中。因此,变量可以指定不同的数据类型,这些变量可以存储整数,小数,或字符。变量赋值Python中的变量赋值不需要类型声明。每个变量在内存中创建,都包括变量的标识和数据这些信息。每个变量在使用前都必须赋值,变量赋值以后该变量才会被创建。等号 = 用来给变量赋值。等号 = 运算符左边是一个变量名,等会=运算符右边是存储在变量中的值。
2021-08-09 16:43:41
154
原创 《稀缺》读后感
《稀缺》这本书最初的接触来自于闺蜜的读书分享。这本书给我最大的感触是,人们越是匮乏什么就会越在乎什么,越是在乎什么,就会形成一种管窥,那么这里就会出现矛盾点。矛盾点在于,管窥它既是视野缺乏单一,同时又是专业专一的。但是对于我个人的理解来说,管窥带来的弊更加超过带来的利。管窥局限了我们的思维,局限了我们的行为,让我们从此缺乏了创造力,去创造更多无限的可能,让我们害怕去尝试,尝试未知的可能。但是,你想跳出这么一个局限的思维和空间,很多人是做不到的,毕竟就像文章初讲到的,越是匮乏,越是在意。这里仿
2021-08-09 15:52:55
291
转载 Python 基础语法
多个语句构成的代码组锁进相同的一组语句构成一个代码块,我们称之为代码组。像if,while,def,和class这样的复合语句,首行以关键字开始,以冒号(:)结束,该行之后的一行或多行代码构成代码组,我们将首行及后面的代码组称为一个子句。...
2021-08-09 15:45:10
91
转载 python简介
python是一个高层次的结合了解释性,编译性,互动性和面向对象的脚本语言。python的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法的结构。Python是一种解释型语言: 这一位着开发过程中没有了编译这个环节。类似于PHP和Perl语言。 Python是交互式语言: 这意味着,您可以在一个Python提示符>>>后直接执行代码。 Python是面向对象语言:这意味着Python支持面向对象的风格或代码封装在对象的编
2021-08-09 15:17:48
224
原创 2020-09-09
有人对我说,随着年龄的变化,有些事应该需要一定的系统化,逐渐地成熟化。有一部分人也许会持有反对意见,但是大多数人应该会去赞同。毕竟确实人是需要成长的。那一部分反对的人,也许他们反对的并不是这个观点,而是他们想保留那些稀有的东西。其实,那些东西和成长也许并不冲突。今天,和学长讨论的话题,让我整个人释然了许多,看待事情的目光似乎比之前宽阔了些许,对待生活也有了些美好的憧憬和向往,还有热爱。很感谢你。...
2020-09-09 17:29:38
109
原创 计算机网络 - 数据链路层
数据链路层属于计算机网络的低层。数据链路层使用的信道主要有以下两种类型:(1) 点对点信道。这种信道使用一对一的点对点通信方式。(2) 广播信道。这种信道使用一对多的广播通信方式,因此过程比较复杂。广播信道上连接的主机很多,因此必须使用专用的共享信道协议来协调这些主机的数据发送。“链路”和“数据链路”所谓链路(link)就是从一个结点到相邻结点的一段物理线路(有线或无线),而中间没有任何其他的交换结点。在进行数据通信时,两个计算机之间的通信路径往往要经过许多段这样的链路。可见链路只是一条
2020-09-04 21:32:12
209
原创 计算机网络 - 物理层
1. 物理层要解决哪些问题?物理层的主要特点是什么?答:物理层考虑的是怎样才能在连接各种计算机的传输媒体上传输数据比特流,而不是指具体的传输媒体。物理层的作用正是要尽可能地屏蔽掉这些传输媒体和通信手段的差异,使物理层上面的数据链路层感觉不到这些差异,这样就可使数据链路层只需要考虑如何完成本层的协议和服务,而不必考虑网络具体的传输媒体和通信手段是什么。用于物理层的协议也常称为物理层规程(procedure)。其实物理层规程就是物理层协议。2. 规程和协议的区别是什么?答:用于物理层的协议.
2020-09-03 16:06:25
4705
1
原创 本来无一物
这是什么地方? 怎么四周静悄悄的,一眼望去,昏暗的空间似乎没有尽头,只能微微可见脚边的影子在晃动... “滴..答,滴..答” 几滴水声落地,循着声响走去,逐渐泛出一丝丝光亮 ...
2020-08-06 17:49:48
154
原创 2020-08-06
这是一个日常的记录。 早晨坐公交的时候,看见了三辆小轿车发生追尾,最后一辆最严重。当时的我,其实有点想打开相机去记录下,后来发现没有合适的人可以讨论这个话题,默默放弃,继续前行。幸运的是早上莫名其妙的坐上了快线,今天又是准时的一天。每天的办公室都异常的凉快。评审从早上进行到下午。喝了测试彪彪请的集体下午茶,此刻的我总觉得浑身发麻,心想,该不会对茶也过敏了吧。懊悔把奶茶喝完了。似乎每天都在寻找生活的意义,似乎这样子空想也不会找到意义,很多事只有付诸行动,才会产生它的意义。...
2020-08-06 17:22:52
91
原创 在iOS下,H5地址从webview分享到QQ,微信打不开自动拼接appinstall=0地址,页面空白
问题原因:我们的url中包含#引起的。QQ或者微信会识别#自动添加appinstall参数解决方案:要么直接去掉#,要么在对应的连接狗后面再加一个问号?,连接还是可以照常打开,也不会受新加的参数影响。例如:http://xxx.test.xxx.com.cn/aaa/?id=40#/report&appinstall=0方案:http://xxx.test.xx...
2019-10-22 14:20:02
463
原创 iOS出现意外自动打开第三方APP,解决思路
最近在做一个项目,遇到了,在第三方iOS客户端里面,跳转到自己的H5页面,莫名其妙的直接唤起第三方的APP。可以按照以下思路排查:1:排查H5页面中有没有写唤起应用的代码2:排查页面是否引入了第三方的JS文件3:结合客户端排查,断点调试根据上面的经验,我们查出页面里初始化的时候,引入了自己的JSBridge文件,里面写了类似app://等短链;这种简单普通的短链,造成了在第三方...
2019-05-30 17:59:55
3238
原创 iOS客户端的title不显示解决方案
起因:最近在对接一个第三方的APP,在测试环境中,H5嵌入客户端的页面的title均可以正常展示。但是,发布到线上的时候,发现title都消失了。由于第三方APP沟通起来确实不是特别方便,这边H5尝试了多种方式;终于,从测试大大那边传来了一个好消息,都可以正常展示了。解决方法:具体解决方法是,将一段代码嵌入到router.js中,如下:router.beforeE...
2019-05-30 17:50:19
2022
原创 canvas - 绘图 - 图像绘制(缩放demo)
html代码:<!DOCTYPE html><html> <head> <title>Scaling image</title> <style> body { background: rgba(100, 145, 250, 0.3); } ...
2019-05-27 12:03:54
1127
原创 canvas - 绘图 - 图像绘制(一)完整绘制
在canvas中绘制图像:主要的JS代码逻辑是:var canvas = document.getElementById('canvas'),context = canvas.getContext('2d'),image = new Image();image.src = 'timg.jpeg';image.onload = function(e) {contex...
2019-05-24 19:30:50
1825
原创 canvas - 基础知识 - 绘制三次贝塞尔曲线
公式:逻辑代码:var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), endPoints = [{x:130,y:70},{x:430,y:270}], controlPoints = [{x:130, y: 250}, {x:450, y:70}]...
2019-05-15 15:12:42
1186
原创 canvas - 基础知识 - 绘制二次方贝塞尔曲线
主要的逻辑代码:// 绘制二次方贝塞尔曲线var context = document.getElementById('canvas').getContext('2d'); context.fillStyle = 'cornflowerblue'; context.strokeStyle = 'yellow'; context.shadowColor = 'r...
2019-05-15 11:26:02
941
原创 canvas - 基础知识 - 仪表盘的绘制
js逻辑代码:var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), CENTROID_RADIUS = 10, // 中心半径 CENTROID_STROKE_STYLE = 'rgba(0, 0, 0, 0.5)', CENTROID_FILL_...
2019-05-14 16:04:50
875
原创 canvas - 基础知识 - 虚线的绘制
主要的JS逻辑代码:// 虚线的绘制var context = document.getElementById('canvas').getContext('2d');function drawDashLine(context, x1, y1, x2, y2, dashLength) { dashLength = dashLength === undefined ? 5 : dash...
2019-05-13 16:38:59
513
原创 canvas - 基础知识 - 绘制剪纸图形
html代码:<!DOCTYPE html><html> <head> <title>Sprite sheet</title> <style> body { background: #ddd; } #canvas { positio...
2019-05-13 12:17:39
501
原创 canvas - 基础知识 - 绘制表格
var context = document.getElementById('canvas').getContext('2d');// functionsfunction drawGrid(color, stepx, stepy) { context.strokeStyle = color; context.lineWidth = 0.5; for(var i = step...
2019-05-13 12:14:45
914
原创 canvas - 基础知识 - 橡皮筋式选取框或可用作放大缩小
html页面代码:<!DOCTYPE html><html> <head> <title>Rubber bands with layerd elements</title> <style> body { background: rgba(100, 145, 250, 0....
2019-05-10 16:27:44
876
原创 canvas - 基础知识 - 精灵表坐标查看器的javascript代码
页面代码:<!DOCTYPE html><html> <head> <title>Sprite sheet</title> <style> body { background: #ddd; } #canvas { position:...
2019-05-10 10:51:28
274
原创 canvas - 基础知识 - 事件处理
1.1 鼠标事件:“按下鼠标事件”:canvas.onmousedown = function(e) {// react to the mouse down event}此外还可以用 addEventListener()方法来注册监听器canvas.addEventListener('mousedown', function(e) {// react to the mo...
2019-05-09 10:51:12
911
原创 canvas - 基础知识 - 绘制时钟程序
在时钟的绘制中,主要用到canvas绘图API:arc()beginPath()clearRect()fill()fillText()lineTo()moveTo()stroke()效果图如下:页面代码如下:<!DOCTYPE html><html><head><title>A Simple...
2019-05-08 17:11:39
235
原创 canvas - 基础知识 - hello canvas
example.html的代码如下:example.js的代码如下:最后在浏览器中运行的效果如下:知识点:(1)使用document.getElementById()方法来获取指向canvas的引用;(2)在canvas对象上调用getContext('2d')方法,获取绘图环境变量; (3) 使用绘图环境对象在canvas元素上进行绘制。警告:在设置can...
2019-05-08 15:46:08
182
原创 node 本地连接mysql,插入数据操作
let mysql = require('mysql');let connection = mysql.createConnection({host : '127.0.0.1',user : 'root',password : '666666',// 'qq741789753',database : 'mafengwo'});connection.connect();...
2019-04-29 14:09:35
817
原创 爬虫puppeteer-马蜂窝列表 热门数据爬取 demo(一)
技术点:一,使用了puppeteer 基本的API二,使用了cheerio 处理页面数据三,使用了连接本地数据库,用到sql插入四,使用了node的包 定时器 node-schedule以下是页面代码:// 'use strict';const puppeteer = require('puppeteer');const cheerio = require('...
2019-04-29 14:03:34
788
原创 爬虫puppeteer-贝太美食网页列表详情页 demo(二)
下面的代码比较混乱,只是实现了功能,但是包有点混用,最后实现了通过上一篇内容获取的各个详情页的id,依次获取详情页面的数据。其中用了cheerio 对页面数据进行了操作。最后,也是把数据写入本地文件夹中。// 'use strict';const puppeteer = require('puppeteer');const requestSys = require('re...
2019-04-29 13:53:44
481
原创 爬虫puppeteer-贝太美食网页列表demo(一)
在一个开始爬虫的时候,有些迷茫,至今也还只是实现了业务上的爬取。用puppeteer去爬一些数据,真的可以事半功倍吧。废话不多说,下面是爬取列表数据的代码。// 'use strict';const puppeteer = require('puppeteer');const requestSys = require('request');const fs = requir...
2019-04-29 13:49:32
515
转载 Mac系统的终端显示git当前分支【转】
当我第一次在mac系统下使用git的时候,发现一个问题,git默认是不显示当前所在的分支名称,然后网上查找资料,找到了解决办法,终于可以显示本地当前分支,现在分享如下。1 进入你的home目录 当我第一次在mac系统下使用git的时候,发现一个问题,git默认是不显示当前所在的分支名称,然后网上查找资料,找到了解决办法,终于可以显示本地当前分支,现在分享如下。 ...
2019-03-11 16:36:52
1245
原创 针对 js、nodejs 基础 【转】 --- 给出自己的答案
一、闭包答:闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。在Javascript中闭包的创建过程,如以下程序所示。代码function a(){var i=0;function b(){alert(+...
2019-03-06 19:34:13
130
转载 其他【转】
使用 typescript 吗?如何看待的,什么情况下用,类型声明文件怎么写的 单元测试(jest、mocha、ava) 如何发布一个二方或三方包,有哪些考量 技术选型的考量指标、维度 mongo、es、redis 方面相关知识 工程化、ci、docker、k8s 相关知识作者:feifan非凡链接:https://juejin.im/post/5c7a4952f265da2ddd...
2019-03-06 19:32:05
93
转载 应用框架原理【转】
react、angular、vue 实现原理(三个选一个候选人最擅长的,针对某个流程详细考察,比如 dom diff、dom patch、脏检查、双向绑定、依赖收集等) setState 相关问题,dirty component 是啥 forceUpdate() 用过吗?是什么干嘛用的?与 setState 有啥区别? props 和 state 组件设计相关(怎么设计?受控和非受控是什么...
2019-03-06 19:30:38
105
转载 数据结构、算法相关(easy 难度)【转】
数据结构比如树、链表相关的在前端应用界是常用的,建议考察图论、动归、线段树、蓄水池抽样等这种根据自己的业务领域来决定是否有必要考察(=. =,web 前端我感觉不需要)大 O 表示法,怎么计算时间复杂度和空间复杂度 贪心算法是什么?动态规划是什么?(背包、爬楼梯、金矿问题) 实现一个记忆化的斐波那契数列 求并集、交集 链表相关(排序、合并、去重) 树相关(对称二叉树、翻转二叉树、...
2019-03-06 19:30:08
108
转载 设计模式、架构、编程思想【转】
用过什么设计模式?怎么实现的?应用场景? 项目是怎么做架构设计的?谈谈你的理解 mvvm 和 mvc 是什么?有啥区别啊 函数式和响应式的理解 什么是柯里化,怎么实现柯里化?纯函数是啥? defineProperty 用过吗?有什么问题?descriptor 是什么?有哪些属性干嘛用的?initializr 是啥? 装饰模式了解吗?装饰器用过吗?哪些场景?(高阶组件、es6 decor...
2019-03-06 19:25:26
210
转载 计算机基础 【转】
前端相关网络知识(tcp,dns,cdn,http,https,http2) 安全相关(xss、csrf) 怎么实现登录的?(cookie based、session based、jwt) https 怎么做到防止数据包被拦截的? 证书是什么? 几种常见加密算法,对称加密、非对称加密作者:feifan非凡链接:https://juejin.im/post/5c7a4952f265d...
2019-03-06 19:24:04
106
转载 css、html、dom、浏览器相关基础【转】
盒模型 样式覆盖优先级问题 选择器相关问题 怎么解决边距重叠?(什么是 BFC?怎么创建 BFC?) flex 弹性布局了解吗?用过哪些?(问一些实际问题) 移动端的一些坑 css modules 了解吗? sass、less 用过吗?用到了什么特性?实践情况 移动端用什么距离单位?(px、百分比、vw、vh、rem 等) 什么是逻辑像素,什么是物理像素,设备像素比又是什么? ...
2019-03-06 19:23:23
108
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人