- 博客(23)
- 收藏
- 关注
RSS订阅原创 「抖音」体验报告
因为不怎么使用抖音，所以从一个非重度用户的角度来看必然是会有些许片面和欠缺的，所以本报告更多是从一种主观性较强的角度出发去，仅供参考。简介抖音是字节跳动旗下的一款UGC短视频平台，slogan为“记录美好生活”，体验过后不难 看出，该产品的定位是年轻人的短视频社交平台。在印象中，抖音原来专注于做短视频领域，但是近年来随着体量上的增长和版块的不断变大，不论是从产品还是运营的角度上来说都会变得更加艰难，短视频虽然是一个很大的风口，但是谁也不知道它的时效性有多久，换句话说，我们时刻需要居安思危，也许近几.
2020-07-27 17:13:45
1001
原创 炫酷多彩的粒子效果——canvas实现前端页面背景点缀
想直接感受动态效果的可以直接访问我的个人主页：http://bingchacha.top/这里就直接上图吧~如果想使用的话非常简单，加载我写好的js文件引入就行了，具体代码和操作可以访问项目的github，readme文档我都写得非常清晰了：https://github.com/Chacha-Bing/rainbow-particles瞅一眼可配置项：new Rainbow({ max_age : 粒子可达的最长寿命，也就是粒子的最大历程，此值越大，粒子的平均路径越长, .
2020-06-03 10:27:36
741
2
原创 直接引用vue的js文件和使用vue-cli写Vue应用的不同之处踩坑
持续更新…刚开始接触vue有两种写法：直接引用cdn的js文件到本地来单页地写基于脚手架的项目写法但是我发现这两种写法还不太一样，有些地方会有坑，如果不注意那很可能因为一个简单的错误而排了一下午的bug非常不值得。比如1.在前者中props中的传入数据名不能和自己的名字相同，即不能这样写：子组件标签中写：:detailMsg="detailMsg"子组件props中写props: { detailMsg: Object}这样会发生引用错误，但是在后者开发中就没有这种问题
2020-05-30 15:34:06
1400
原创 阿里云主机下使用node开服务后访问不了的枯燥原因
阅读时请配合“朱一旦的枯燥生活”bgm正在播放 《枯燥生活》 ━━━━━━─────── 3:47 ⇆ ◁ ❚❚ ▷ ↻听说我的酒肉朋友新写了一个页面我立马打开记事本一顿狂写标签随便用，是个盒子就好样式随便搞，看着差不多了就好注释从不写，自己当时看懂了就好一顿操作猛如虎连机node开金斧打开页面404忧心忡忡心里苦酒肉朋友一看心里乐开了花顿时对我的程序大加指点我知道毕竟作为多年云程序员线上指点江山也是一套
2020-05-16 18:47:25
472
1
原创 第一次使用Vue开发小项目的感想与体会复盘
第一次使用Vue本身学Vue就没有多长时间，而且一直没有自己动手去实践过所以一直处于纯小白阶段，刚好这次某门课有个课程设计，那我就顺手揽下了前端开发的活并且兴冲冲地就想开始拿vue来实验一番。由于还有部分细节问题和首屏优化的性能问题，虽然已经上了云但是就先不放网址了。我负责的我在本项目中负责 前端开发和UI/UX设计UI/UX设计作为一个需要对产品负责的开发者，首先在确定了产品的需求和主题之后，就要对其整体架构和页面有一个大致的规划，这里说的不是代码级别，而是产品上的层次。很多时候，大家往往
2020-05-14 21:31:25
3857
4
原创 调用百度地图服务API的跨域问题 Vue+jsonp
背景今天做一个小页面，这个页面基于百度地图，功能是你输入起始点位置，然后给你规划一条路径并且在地图上可视化出来，当然完成这项工作都是站在百度的肩膀上，在你输入起始点后，需要通过百度地图接口——地理编码服务，正编码接口可以负责把地址名转成经纬度，然后再调用另一个接口得到规划的路径在地图上显示出来。童鞋们在调用这个接口的时候一定要尽量把地址给写详细了，不然就会出现诸如黄鹤楼迁址北京，清华大学迁址...
2020-05-08 14:09:02
5300
1
原创 vue+echarts展示大量点数据的踩坑和思考
背景最近在做一个疫情可视化的前端，前端框架使用的是vue（虽然没有使用vue的必要，但是为了让我这个菜鸡多熟悉一下vue我觉得还是用用吧哈哈），然后里面会运用到地图之类的，我这里使用的是echarts，毕竟为了做可视化项目的话，你如果用openlayers或者leaflet去调UI那估计会疯。其中有一个使用地图的页面需要展示全国所有的医疗点（数据为爬虫爬取，筛选前共计4w+个点数据），所以在...
2020-04-28 20:45:45
4955
原创 Linux下计划任务的crontab命令以及无法执行shell脚本的原因
背景在上午探索了Windows下时间任务创建运行的可视化界面和Schtasks命令行工具且默默失败后，下午我决定不依不饶地去看一下Linux系统下是怎么创建时间任务的。其实我Linux接触得不多，而且今天也是新接触的crontab命令，所以不免会踩坑踩雷，但是最后还是解决了问题，于是噫吁嚱记录一下。这里我主要想试验一下这个功能，在我的test.py文件里是一个简单的python命令，里面主要...
2020-04-07 00:10:37
2449
1
原创 5. LeetCode最长回文子串
题目给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。示例1:输入: "babad"输出: "bab"注意: "aba" 也是一个有效答案。示例2:输入: "cbbd"输出: "bb"解法1.镜像字符串先把这个字符串掉个个儿，然后再去寻找里面的相同序列子串，但是有个问题需要同时注意一下，就是找到了相同的需要去比较索引位置，因为如...
2020-03-11 13:00:45
114
原创 4. LeetCode寻找两个有序数组的中位数
题目给定两个大小为 m 和 n 的有序数组 nums1 和 nums2。请你找出这两个有序数组的中位数，并且要求算法的时间复杂度为 O(log(m + n))。你可以假设 nums1 和 nums2 不会同时为空。示例1:nums1 = [1, 3]nums2 = [2]则中位数是 2.0示例2:nums1 = [1, 2]nums2 = [3, 4]则中位数是 (2 ...
2020-03-07 15:20:15
109
原创 3. LeetCode无重复字符的最长子串
题目给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。示例1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。示例2:输入: "bbbbb"输出: 1解释: 因为无重复字符的最长子串是 "b"，所以其长度为 1。示例3:输入: "pwwkew"输出: 3解释: 因为无重复字符的最长子串是 "wke...
2020-03-06 14:03:40
146
原创 2. LeetCode两数相加
题目给出两个 非空 的链表用来表示两个非负的整数。其中，它们各自的位数是按照 逆序 的方式存储的，并且它们的每个节点只能存储 一位 数字。如果，我们将这两个数相加起来，则会返回一个新的链表来表示它们的和。您可以假设除了数字 0 之外，这两个数都不会以 0 开头。示例:输入：(2 -> 4 -> 3) + (5 -> 6 -> 4)输出：7 -> 0 -&g...
2020-03-06 13:54:48
956
原创 1. LeetCode两数之和
题目给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]解法1...
2020-03-06 11:01:36
156
原创 CSS只设置定位而不设置top、left等属性会怎样
问题 前段时间做H5时发现有个定位问题怎么都搞不好，后来捣鼓了好久，之后发现当在出问题的那个盒子设置了left属性之后解决了这个定位问题，当时一时间没反应过来，也因为比较赶就没有细想，今天才突然意识回想起这个问题。改前的代码：.info-box { position: absolute; top: -40px; ...}改之后的代码：.info-box { ...
2020-01-27 12:18:37
1287
原创 JS异步编程同步化
问题背景同步是指一件事一件事的执行，只有前一个任务执行完毕，才能执行后一个任务。异步(async)是相对于同步(sync)而言的，由于JavaScript是单线程运行的，为了避免阻塞带来的糟糕体验，异步操作成了必不可少的一种编程模式，js实现异步操作的方式有很多，包括回调函数、时间监听、发布/订阅模式、定时函数，包括ES6及以后的promise，Generator函数及各种语法糖。这里...
2020-01-14 14:27:27
738
转载 php获取客户端真实ip地址
在写东西时碰到有需要取得用户真实ip地址的需求，但是最简单的$IP=$_SERVER["REMOTE_ADDR"]只适用于没有使用用户代理而直接访问的情况，其他情况得到的都是空地址或unknown（在PHP 中使用 [“REMOTE_ADDR”] 来取得客户端的 IP 地址，但如果客户端是使用代理服务器来访问,如果要获取真正的ip就需要使用[‘HTTP_X_FORWARDED_FOR’]），所...
2020-01-13 11:08:43
689
原创 position:sticky属性与js实现
what is 'sticky'？position指定位类型，取值类型有：static、relative、absolute、fixed、inherit和sticky，而sticky是CSS3新发布的一个属性。这是一个结合了position:relative和position:fixed两种定位功能于一体的特殊定位，适用于一些特殊场景特别是一些导航栏。how to use 'st...
2020-01-07 16:36:19
1967
原创 函数柯里化经典例子
/*补充：柯里化(Currying)，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数并且返回接受余下的参数而且返回结果的新函数的技术。柯里化的目的是，减少代码冗余，以及增加代码的可读性，同时在参数复用、延迟运行等方面也有用处。下面看一个与柯里化有关的经典例子：*/ // 实现一个add方法，使计算结果能够满足类似如下的预期： ...
2020-01-03 15:00:46
639
转载 将overflow-x/y其中一个设置为visible而另一个不是时的问题
1.问题 在一次开发过程中，对一个元素设置CSS overflow-x: hidden; and overflow-y: visible; ，理想状况下，在X轴超出部分隐藏，Y轴超出部分显示。然而，元素属性并没有生效。2.原因根据W3C的说法，如下The computed values of ‘overflow-x’ and ‘overflow-y’ are the s...
2019-12-20 18:46:46
789
原创 实现浮动迷你窗口的随意拖拽及贴边悬浮
有时候在其他网页的界面上我们可以看到一些浮动的帮助窗口，这些窗口可以自由拖动，而且在你想要把它拖出窗口外的时候自动贴合吸附在窗口的边界，下面来看一下具体的效果（很简陋地实现了一下，别笑hh）： 其实要实现这个效果看上去是很简单的，但是对于第一次制作这种效果的小白来说，还是有几个小小的地方是有些困惑的。下面我们就一起来看一下如何实现这个：首先，我们来制作一个简单的迷你小窗口...
2019-11-27 13:55:26
2249
转载 osm 数据导入到 postgresql
注：本篇文章是转载的，是因为自己在实践中碰见一些小问题所以特地来在某步骤中补充说明一下以免有些地方使得部分朋友会觉得奇怪。本文中，补充提示文本均用红色斜体标识出（因为看到这篇文章的转载博客并未显式标明来源，所以我无法展示源地址，若侵则删。）一 提取数据剪切你选择区域内的数据，或者提取出特定区域特定的特征，下载二 数据格式OSM文件OSM文件仅属于OSM，不能用别的软...
2019-11-23 13:55:13
649
2
原创 用CSS隐藏或自定义侧向导航栏的滚动条
问题：自己在做界面的时候做到导航栏那一块，发现导航栏内容过多时会出现一个浏览器自带的滚动条，这对于二分布局中左侧的导航栏来说是极其不友好的，因为浏览者可能会因为滚动条的突然出现而视觉干扰从而影响浏览体验，所以现在的任务就是隐藏这个自带的滚动条，或者对于一些有需要的朋友们也可以自己设计滚动条的样式。解决方案：首先我们得先制作出一个侧向导航栏：导航栏是在左侧，效果是固定在界面上并且有滚动需...
2019-11-03 12:13:31
1579
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人