- 博客(53)
- 收藏
- 关注
原创 色彩空间
写在前面提到色彩,即使是刚有辨知能力的小朋友,也能说上几句~那我们前端工程师,无论工作还是生活,每天都在与各种色彩打交道,那便更有必要系统地了解关于色彩方面的知识本文将从前端角度,聊聊色彩空间根据 CSS Color Module Level 4 标准<color> = <hex-color> | <named-color> | currentcolor | transparent <rgb()> | <rg
2020-08-31 23:33:10
762
原创 convertStringToNumber
简单记录一下,Javascript parseInt, parseFloat 内部实现,并实现 convertStringToNumber
2020-04-25 12:46:16
310
原创 UTF8_Encoding
写在前面周一和小姐妹 Skady 宝贝练完舞后,交流了一个小时技术,是的????我们没有扯皮,难得交流技术。????她在玩“在C语言中编写JS代码,然后再编译成wasm,可以在浏览器里跑”,我们简单地交流了一下底层实现.应该是基于 ArrayBuffer 的然后不知怎么就想到了 0.1 + 0.2 ≠ 0.3,这个经典问题想看看它在内存中的表现并记录一下将 String 字符串,转成字节流的整个实现...
2020-04-22 14:56:57
449
原创 Javascript 面向对象还是基于对象
写在前面昨天 Mentor 说以后要开始用 React Hooks(我还没有涉足 )写点东西,进而谈论到 React 生态一直想推展开来的的函数式编程思想,我不由得想到一个问题:都说 Javascript 不是典型的面向对象编程语言,它并不具备完整的 OOP 该有的特性,它虽引进了 class 语法糖,但只是让对象原型写法更加像面向对象编程语言的写法,那面向对象到底可以理解为什么 ? ???? 以及...
2020-04-11 18:44:51
361
原创 Oh-My-Zsh Mac安装记录
写在前面背景自己知道oh-my-zsh很久了,自己也忍默认终端毫无特点的样式很久了,为什么能忍这么久呢?因为我拖延症晚期啊????安装步骤打开终端执行zsh --version查看Zsh版本(v4.3.9 or more recent)版本没问题的话,下载oh-my-zsh,执行curl -L https://raw.github.com/robbyrussell/oh-my...
2020-03-30 12:36:20
312
原创 微信小程序-获取图片主色调
写在前面是的我要开始做:根据图片的主色调来改变一下页面背景颜色了????记录一下,自己碰到的问题以及思考时间多的话,会考虑将代码发在github,欢迎大家去star????开发准备理一下思路将网络图片绘制进canvas通过canvas的getImageData获取图片的像素数据canvas 2d 与旧版 canvas 将网络图片绘制进canvas的两种方法实践分析目前主要用于...
2020-03-29 17:23:12
5440
4
原创 微信小程序-fix canvas原生组件最顶层
写在前面大家应该都知道过,在微信小程序中,canvas等原生组件的层级是最高的,页面中无论你设置多大的z-index都无法覆盖在其之上,这就可能会产生一些问题就像这样柱状图是用canvas画的,它置于了我的tooltip之上。【这看起来真是一个可怕的问题解决问题微信官方提供了cover-view原生组件,覆盖在原生组件之上的文本视图微信官方提供了将canvas转化为图片...
2020-03-22 19:19:29
2018
原创 微信小程序-气泡框 Popover
写在前面记录基于微信小程序-气泡框实现中产生的问题及思考问题截图问题描述模拟器显示正常,但在真机上点击后,气泡框的箭头并没有消失,且点击同一级别区域,能利用覆盖消除箭头。【是不是一个很可爱的bug?问题解决过程记录定位问题发生的原因范围样式样式在判断显示条件(wx:if="{{visible}}")生效后,仍然渲染否定原因查询代码发现,整个样式背景的设定是...
2020-03-22 16:51:08
7544
2
原创 计算机网络 - - 数据链路层
数据链路层功能为网络层提供服务对网络层而言,数据链路层的基本任务是将源机器中来自网络层的数据传输到目标机器的网络层。数据链路层可为网络层提供的服务有: 无确认的无连接服务有确认的无连接服务有确认的面向连接服务有连接一定要有确认,即不存在无确认的面向连接的服务链路管理数据链路层连接的建立、维持和释放过程就称为链路管理在多个站点共享统一物理信道的情况下(例如局域网中)如何在...
2018-06-16 22:54:52
1205
原创 null 和 undefined 深入理解
null 和 undefined 深入理解null:空对象指针 –&gt; 一般都是我们手动设置初始的值为null,后期的话会给其赋值undefined:未定义 –&gt; 一般都是浏览器默认的值 耿大大的女朋友是null.耿大大的男朋友undefinednull我们设定一个变量,后期需要使用,那么前期我们设置默认值为nullvar timer = null;...
2018-06-16 22:53:08
1392
原创 深入理解JS中的--同步和异步
JS中的两种编程思想:同步、异步JS是单线程的 –&gt; JS就是一个傻子,脑子一根筋,做着当前的这件事情,没有完成之前,绝对不会做下一件事情同步就是 –&gt; 上一件事情没有完成,继续处理上一件事情,只有上一件事情完成了,才会做下一件事情 –&gt; JS中大部分都是同步编程&lt;script type="text/javascript"&
2018-06-16 22:46:03
6871
1
原创 计算机网络思维结构
计算机网络概述计算机网络:就是一些互连的、自治的计算机系统的集合网络:由若干个结点和连接这些结点的链路组成互联网:互连的计算机网络协议:是为了进行网络数据交换而建立起来的规则网络的体系结构:计算机网络的各层及其协议的集合协议栈:指网络中各层协议的总和。计算机网络的体系结构通常分为几层,几个层次画在一起很象一个栈的结构。协议数据单元:对等层次之间传送的数据单位基带信号:来自信源的...
2018-06-15 10:31:59
640
原创 计算机网络概述 - - 物理层
通信基础基本概念数据、信号与码元数据是指传送信息的实体信号是指数据的电气的或电磁的表现,是数据在传输过程中的存在形式数据和信号都可以用“模拟的”和“数字的”来修饰: 连续变化的数据(或信号)称为模拟数据(模拟信号)取值仅允许为有限的几个离散数值的数据(或信号)称为数字数据(或数据信号)数据传输方式可以分为串行传输和并行传输串行传输是指一个一个比特按照时间顺序传输(出于经...
2018-06-10 21:13:41
365
原创 计算机网络概述
计算机网络体系结构计算机网络概述计算机网络就是一些互连的、自治的计算机系统的集合。广义观点:只要能实现远程信息处理的系统或进一步能达到资源共享的系统,都是计算机网络资源共享观点:以能够相互共享资源的方式互连起来的自治计算机系统的集合用户透明观点:存在着一个能为用户自动管理资源的网络操作系统,它能够调用用户所需要的资源,而整个网路就像一个大的计算机系统一样对用户是透明的...
2018-06-10 21:12:11
487
原创 数据类型的检测
数据类型检测typeof 用来检测数据类型的运算符使用typeof 监测数据类型,首先返回都是一个字符串 其次字符串中包含了对应的数据类型例如: “number” –> number “string” “boolean” “undefined” “function” “object”局限性:–> typeof null –> “object” 是没有...
2018-06-07 15:38:29
500
原创 案例(一) : 实现表格的多序排列
表格多序排列 // --> 想要操作谁,就先获取谁var oTab = document.getElementById("tab");//table下的特殊属性var tHead = oTab.tHead;var oThs = tHead.rows[0].cells; //rows 所有行,cells 所有列var tBody = oTab.tBodies[0]; //tb...
2018-06-06 09:06:27
264
原创 JS中的this详解
函数中的this指向和当前函数在哪定义的或者在哪执行的都没有任何关系 分析this指向的规律如下:[非严格模式下]1、自执行函数中的this永远是windowvar obj = { fn:(function(i){ //this --&gt; window return function() { //th...
2018-06-04 19:09:13
510
原创 创建简单的脚本
在 Web 页面里添加 JavaScript 的各种方式两种方法 * JavaScript 语句直接包含在HTML文件里 * <script> ... </script> * JavaScript 代码保存到单独的文件中,然后利用<script>标签的src...
2018-04-23 21:00:45
385
原创 1072. 开学寄语(20)
题目要求下图是上海某校的新学期开学寄语:天将降大任于斯人也,必先删其微博,卸其QQ,封其电脑,夺其手机,收其ipad,断其wifi,使其百无聊赖,然后,净面、理发、整衣,然后思过、读书、锻炼、明智、开悟、精进。而后必成大器也! 本题要求你写个程序帮助这所学校的老师检查所有学生的物品,以助其成大器输入格式输入第一行给出两个正整数N(<= 1000)和M(<= 6),分别...
2018-04-23 11:29:48
171
原创 1024. 科学计数法 (20)
题目要求输入两个非负10进制整数A和B(<=230-1),输出A+B的D (1 < D <= 10)进制数。输入格式输入在一行中依次给出3个整数A、B和D。输出格式输出A+B的D进制数.输入样例123 456 8输出样例1103解题思路源码#include <iostream> using namespace std; int main() { int a, b, d;
2018-03-19 17:15:01
220
原创 1015. 德才论 (25)
题目要求宋代史学家司马光在《资治通鉴》中有一段著名的“德才论”:“是故才德全尽谓之圣人,才德兼亡谓之愚人,德胜才谓之君子,才胜德谓之小人。凡取人之术,苟不得圣人,君子而与之,与其得小人,不若得愚人。”现给出一批考生的德才分数,请根据司马光的理论给出录取排名。输入格式输入第1行给出3个正整数,分别为:N(<=105),即考生总数;L(>=60),为录取最低分数线,即德分和才分均不低于L的考生才有资格被
2018-03-18 22:05:15
220
原创 1023. 组个最小数 (20)
题目要求给定数字0-9各若干个。你可以以任意顺序排列这些数字,但必须全部使用。目标是使得最后得到的数尽可能小(注意0不能做首位)。例如:给定两个0,两个1,三个5,一个8,我们得到的最小的数就是10015558。现给定数字,请编写程序输出能够组成的最小的数。输入格式每个输入包含1个测试用例。每个测试用例在一行中给出10个非负整数,顺序表示我们拥有数字0、数字1、……数字9的个数。整数间用一个空格分隔
2018-03-18 22:02:29
282
原创 1022. D进制的A+B (20)
题目要求输入两个非负10进制整数A和B(<=230-1),输出A+B的D (1 < D <= 10)进制数。输入格式输入在一行中依次给出3个整数A、B和D。输出格式输出A+B的D进制数。输入样例123 456 8输出样例1103解题思路源码#include <iostream>#include <cstring>using namespace std;void getN(long long n,
2018-03-18 22:00:34
154
原创 L1-048. 矩阵A乘以B
题目要求给定两个矩阵A和B,要求你计算它们的乘积矩阵AB。需要注意的是,只有规模匹配的矩阵才可以相乘。即若A有Ra行、Ca列,B有Rb行、Cb列,则只有Ca与Rb相等时,两个矩阵才能相乘。输入格式输入先后给出两个矩阵A和B。对于每个矩阵,首先在一行中给出其行数R和列数C,随后R行,每行给出C个整数,以1个空格分隔,且行首尾没有多余的空格。输入保证两个矩阵的R和C都是正数,并且所有整数的绝对值不超过1
2018-03-18 21:56:42
271
原创 L1-039. 古风排版
题目要求中国的古人写文字,是从右向左竖向排版的。本题就请你编写程序,把一段文字按古风排版。输入格式输入在第一行给出一个正整数N(<100),是每一列的字符数。第二行给出一个长度不超过1000的非空字符串,以回车结束。输出格式输入在第一行给出一个正整数N(<100),是每一列的字符数。第二行给出一个长度不超过1000的非空字符串,以回车结束。输入样例4 This is a test case输出样例
2018-03-18 21:54:17
538
1
原创 L1-032. Left-pad
题目要求根据新浪微博上的消息,有一位开发者不满NPM(Node Package Manager)的做法,收回了自己的开源代码,其中包括一个叫left-pad的模块,就是这个模块把javascript里面的React/Babel干瘫痪了。这是个什么样的模块?就是在字符串前填充一些东西到一定的长度。例如用“*”去填充字符串“GPLT”,使之长度为10,调用left-pad的结果就应该是“******GP
2018-03-18 21:52:15
574
原创 L1-020. 帅到没朋友
题目要求当芸芸众生忙着在朋友圈中发照片的时候,总有一些人因为太帅而没有朋友。本题就要求你找出那些帅到没有朋友的人。输入格式输入第一行给出一个正整数N(<=100),是已知朋友圈的个数;随后N行,每行首先给出一个正整数K(<=1000),为朋友圈中的人数,然后列出一个朋友圈内的所有人——为方便起见,每人对应一个ID号,为5位数字(从00000到99999),ID间以空格分隔;之后给出一个正整数M(<=
2018-03-18 21:50:09
163
原创 1021. 个位数统计 (15)
题目要求给定一个k位整数N = dk-1*10k-1 + … + d1*101 + d0 (0<=di<=9, i=0,…,k-1, dk-1>0),请编写程序统计每种不同的个位数字出现的次数。例如:给定N = 100311,则有2个0,3个1,和1个3。输入格式每个输入包含1个测试用例,即一个不超过1000位的正整数N。输出格式对N中每一种不同的个位数字,以D:M的格式在一行中输出该位数字D及其在
2018-03-16 22:18:17
224
原创 1020. 月饼 (25)
题目要求月饼是中国人在中秋佳节时吃的一种传统食品,不同地区有许多不同风味的月饼。现给定所有种类月饼的库存量、总售价、以及市场的最大需求量,请你计算可以获得的最大收益是多少。注意:销售时允许取出一部分库存。样例给出的情形是这样的:假如我们有3种月饼,其库存量分别为18、15、10万吨,总售价分别为75、72、45亿元。如果市场的最大需求量只有20万吨,那么我们最大收益策略应该是卖出全部15万吨第2种月
2018-03-16 22:16:14
156
原创 1019. 数字黑洞 (20)
题目要求给定任一个各位数字不完全相同的4位正整数,如果我们先把4个数字按非递增排序,再按非递减排序,然后用第1个数字减第2个数字,将得到一个新的数字。一直重复这样做,我们很快会停在有“数字黑洞”之称的6174,这个神奇的数字也叫Kaprekar常数。例如,我们从6767开始,将得到7766 - 6677 = 1089 9810 - 0189 = 9621 9621 - 1269 = 8352
2018-03-16 22:13:23
242
原创 1018. 锤子剪刀布 (20)
题目要求大家应该都会玩“锤子剪刀布”的游戏:两人同时给出手势,胜负规则如图所示: 现给出两人的交锋记录,请统计双方的胜、平、负次数,并且给出双方分别出什么手势的胜算最大。输入格式输入第1行给出正整数N(<=105),即双方交锋的次数。随后N行,每行给出一次交锋的信息,即甲、乙双方同时给出的的手势。C代表“锤子”、J代表“剪刀”、B代表“布”,第1个字母代表甲方,第2个代表乙方,中间有1个空格。输出
2018-03-16 22:09:52
215
原创 1017. A除以B (20)
题目要求本题要求计算A/B,其中A是不超过1000位的正整数,B是1位正整数。你需要输出商数Q和余数R,使得A = B * Q + R成立。输入格式输入在1行中依次给出A和B,中间以1空格分隔。输出格式在1行中依次输出Q和R,中间以1空格分隔。输入样例123456789050987654321 7输出样例17636684150141093474 3解题思路源码#include <iostream>
2018-03-16 22:07:35
179
原创 1016. 部分A+B (15)
题目要求正整数A的“DA(为1位整数)部分”定义为由A中所有DA组成的新整数PA。例如:给定A = 3862767,DA = 6,则A的“6部分”PA是66,因为A中有2个6。现给定A、DA、B、DB,请编写程序计算PA + PB。输入格式输入在一行中依次给出A、DA、B、DB,中间以空格分隔,其中0 < A, B < 1010。输出格式在一行中输出PA + PB的值。输入样例3862767 6 1
2018-03-16 22:05:27
179
原创 1014. 福尔摩斯的约会 (20)
题目要求大侦探福尔摩斯接到一张奇怪的字条:“我们约会吧! 3485djDkxh4hhGE 2984akDfkkkkggEdsb s&hgsfdk d&Hyscvnm”。大侦探很快就明白了,字条上奇怪的乱码实际上就是约会的时间“星期四 14:04”,因为前面两字符串中第1对相同的大写英文字母(大小写有区分)是第4个字母’D’,代表星期四;第2对相同的字符是’E’,那是第5个英文字母,代表一天里的第14
2018-03-16 22:03:35
145
原创 1013. 数素数 (20)
题目要求令Pi表示第i个素数。现任给两个正整数M <= N <= 104,请输出PM到PN的所有素数。输入格式输入在一行中给出M和N,其间以空格分隔。输出格式输出从PM到PN的所有素数,每10个数字占1行,其间以空格分隔,但行末不得有多余空格。输入样例5 27输出样例11 13 17 19 23 29 31 37 41 43 47 53 59 61 67 71 73 79 83 89 97 10
2018-03-16 22:00:29
161
原创 1012. 数字分类 (20)
题目要求给定一系列正整数,请按要求对数字进行分类,并输出以下5个数字:A1 = 能被5整除的数字中所有偶数的和; A2 = 将被5除后余1的数字按给出顺序进行交错求和,即计算n1-n2+n3-n4…; A3 = 被5除后余2的数字的个数; A4 = 被5除后余3的数字的平均数,精确到小数点后1位; A5 = 被5除后余4的数字中最大数字。输入格式每个输入包含1个测试用例。每个测试用例先给出一
2018-03-16 21:56:12
156
原创 1011. A+B和C (15)
题目要求给定区间[-231, 231]内的3个整数A、B和C,请判断A+B是否大于C。输入格式输入第1行给出正整数T(<=10),是测试用例的个数。随后给出T组测试用例,每组占一行,顺序给出A、B和C。整数间以空格分隔。输出格式对每组测试用例,在一行中输出“Case #X: true”如果A+B>C,否则输出“Case #X: false”,其中X是测试用例的编号(从1开始)。输入样例4 1 2
2018-03-16 21:52:19
210
原创 1010. 一元多项式求导 (25)
题目要求设计函数求一元多项式的导数。(注:xn(n为整数)的一阶导数为n*xn-1。)输入格式以指数递降方式输入多项式非零项系数和指数(绝对值均为不超过1000的整数)。数字间以空格分隔。输出格式以与输入相同的格式输出导数多项式非零项的系数和指数。数字间以空格分隔,但结尾不能有多余空格。注意“零多项式”的指数和系数都是0,但是表示为“0 0”。输入样例3 4 -5 2 6 1 -2 0输出样例12
2018-03-15 23:34:48
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人