- 博客(120)
- 资源 (4)
- 收藏
- 关注
原创 50 天学习 50 个项目 - HTML/CSS and JavaScript
???? ???? ???? 项目源代码,点击【Github 原文链接】所有项目如下所示:#项目在线演示01Expanding CardsLive Demo02Progress StepsLive Demo03Rotating Navigation AnimationLive Demo04Hidden Search WidgetLive Demo05Blurry LoadingLive Demo06Scroll Animation
2021-07-18 01:09:32
1059
1
原创 资源工具分享(第1期):后端架构师技术图谱
???? ???? ???? 更多精彩内容,看【原文链接】推荐:《Java技术书籍大全》 - awesome-java-books从初级开发者到资深架构师,看这些书就够了 数据结构 队列 集合 链表、数组 字典、关联数组 栈 树 二叉树 完全二叉树 平衡二叉树 二叉查找树(BST) 红黑树 B,B+,B*树 LSM 树 BitSet 常用算法 排序、查找算法 选择排序 冒泡排序
2021-07-16 18:38:38
1364
转载 使用 sroll-snap-type 优化滚动
本文转自公众号:iCSS前端趣闻。慕课网推出 CSS 架构课程,一节课解决 CSS 难复用、难维护、难扩展问题(点我)。根据CSS Scroll Snap Module Level 1[1]规范,CSS 新增了一批能够控制滚动的属性,让滚动能够在仅仅通过 CSS 的控制下,得到许多原本需要 JS 脚本介入才能实现的美好交互。Tips:本文截的一些 Gif 图涉及容器滚动,效果不是很好,可以点进 Demo 里实际感受下。sroll-snap-type首先看看sroll-snap-ty...
2021-04-01 17:30:29
599
原创 Flex 布局教程
CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局,它具有很强大的功能,可以很轻松实现很多复杂布局。然而Flex属性较多,不便于记忆,而在项目中,布局使用频繁,那么可以将flex抽离为一个布局工具类,简化使用方式,快速应用于项目,减少记忆成本。Flex介绍Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。 Flex是 Fl...
2019-07-07 17:24:59
1623
原创 如何用不到200行代码写一款属于自己的js类库
前言JavaScript 的核心是支持面向对象的,同时它也提供了强大灵活的 OOP 语言能力。本文将使用面向对象的方式,来教大家用原生js写出一个类似jQuery这样的类库。我们将会学到如下知识点:闭包:减少变量污染,缩短变量查找范围 自执行函数在对象中的运用 extend的实现原理 如何实现跨浏览器的事件监听 原型链与继承接下来我会对类库的核心api进行讲解和展示,文章最后后附...
2019-07-07 14:55:08
398
转载 前端时光机(神技)
转自:原文背景狗蛋年近三十,被老母亲逼着跟隔壁村大花成亲狗蛋厌倦了种田,觉得自己的人生要自己决定于是在某大型婚恋平台上约了个妹纸狗蛋感觉有诈 ,于是叫我今晚陪他一起去面基到了约定的饭店后 我们都震惊了见到妹纸的一瞬间 我们俩全部都沦陷宇宙创世的光芒 冲击着我们的天盖骨由于狗蛋从小到大都在敲代码 没见女人狗蛋的额头冒出了豆大般的汗珠子腿就像烧柴油的马达 在...
2019-07-07 14:01:40
413
1
转载 万门JAVA零基础特训班 第2-3讲Java语言基础
转自:原文Java标识符命名约定:一、常量用大写字母,变量用小写字母开始。类首字母以大写字母开始:eg. final int SIZE=100; boolean flag; class Person;二、如果一个变量名由多个单词构成,第一个单词后面的单词以大写字母开始eg. int anlnt; class SchoolMaster;三、下划线虽然可以作为标识...
2019-07-06 16:05:41
216
转载 抛弃 JS,使用 TypeScript
转自:原文最近几个月我已经全面抛弃 JavaScript,完全使用 TypeScript 进行前端开发(只在上课的时候用到 JS)。先说优点:bug 显著减少,之前会遇到的 xxx 为空的问题几乎不会出现了,类型相关 bug 直线减少。 应用更可控,当你需要约束某些代码的时候,用类型就能很简单地做到,比如 React 里强制写 diaplayName 方便调试。 查文档更方便,以前...
2019-07-06 15:39:00
791
转载 七月在线机器学习中的数学第二期笔记1
这套笔记是跟着七月在线机器学习中的数学第二期的学习而记录的,主要记一下我再学习机器学习的时候一些概念比较模糊的地方,具体课程参考七月算法官网:七月数理统计和参数估计部分一. 概率与数理统计首先,看一下概率与统计的关注点1概率论问问题的方式:已知总体的所有可能性,求某种事件发生的概率,如图所示:已知小桶中小球的总数和白球和黑球的个数,从小桶中取球,求取出白球或黑球的概...
2019-07-05 20:26:14
16538
原创 面试官到底想看什么样的简历?
面试一直是程序员跳槽时期非常热门的话题,虽然现在已经过了跳槽的旺季,下一轮跳槽季需要到年底才会出现,但是当跳槽季的时候你再看这篇文章可能已经晚了,过冬的粮食永远不是冬天准备的,而是秋收的时候。简历准备简历是你进入面试的敲门砖,也是留给意向公司的第一印象,所以这个很重要,必须在这上面做足了文章,一份优秀的面试简历是整个面试成败的重中之重,我们会详细分析如何准备简历才能保证简历不被刷掉。简...
2019-07-05 11:57:17
672
原创 万门大学 java 零基础特训班课程笔记
根据组织数组的结构不同,可将其分为:一维数组、二维数组、... 多维数组:一维数组的静态初始化一、当我们声明一个数组的同时对数组元素赋初值,称为数组的静态初始化。二、初值必须用大括号括起来,用逗号作为分隔符,初值个数表示数组的大小。相关说明一、数组下标下限为 0,上限为数组元素个数减1。二、引用数组元素时,下标不能超出它的范围,通常 Java 会自动进行数组下标越界...
2019-07-05 11:28:31
679
转载 13 个 npm 快速开发技巧
为了保证的可读性,本文采用意译而非直译。每天,数以百万计的开发人员使用 npm 或 yarn 来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首选方式,无论是为客户端或服务器端,还是桌面应用程序。但是npm不仅仅是初始化项目或安装包。在本文中,我们将会介绍 npm 的13个技巧来最大限度地利用npm:从简单的快捷方式到自定义脚本。...
2019-07-04 21:08:26
325
原创 js获取img宽高
知识点1如果写了var img = new Image(100 ,100), img.src = ‘1.png’ ,这样的作用是可以把img缓存到浏览器中,常用来做图片预加载。知识点2html代码:<img src='1.png' style="width:400px" />js代码:var imgW = document.getElementsByTagName('img')[0].style.w
2017-02-12 16:03:56
9856
1
原创 vue学习资料整理
1、Vue生命周期详解http://dapengtalk.blog.51cto.com/11549574/1880350http://www.cnblogs.com/fly_dragon/p/6220273.htmlhttps://segmentfault.com/a/1190000008010666http://www.cnblogs.com/haoyongliang/p/35c49b15
2017-01-09 00:53:09
1034
原创 微信小程序之『仿 QQ 消息气泡拖拽消失』
转载:请写明掘金原文链接及作者名 ‘小小小’ 一个潜心研究小程序QQ群:139128168 ← 点击加群 今天带来的是仿QQ消息气泡拖拽消失特效,源码中很多地方还是有很多不足,希望大家一起齐心协力,给我提出宝贵意见,咱们一起来继续完善此效果~~先看效果:原理并没有想象得那么简单,我们拆分来逐步分析~~1)实现静态效果先看效果:上图看着很头疼,就算静态,也完全没有思路,我们将填充色去掉,留下曲线,
2016-12-28 01:02:40
2874
1
原创 弄懂canvas中的save和restore
一直以来没有特别明白canvas中的save()和restore()函数,这次终于通过微信小程序中使用此函数的时候弄明白了,以下代码可以运行在微信小程序中~~看效果:代码:const ctx = wx.createCanvasContext('canvas')ctx.save() ctx.setFillStyle('red') ctx.scale(2, 2)ctx.fillRect(10,
2016-12-26 18:58:58
10103
原创 真的炸了:让人头痛的小程序之『图片懒加载』终极解决方案
微信小程序中,懒加载特效让人头疼不已,因为小程序完全没法操作dom,所以位置的操作在小程序中,变得极其的难~~
2016-12-15 05:37:26
22252
原创 微信小程序仿闲鱼『下拉菜单』
下拉菜单我们非常常见了,但是要在微信小程序中实现并不容易,今天带来的是仿闲鱼下拉菜单,相信对您有一定的帮助~~先看效果:麻雀虽小五脏俱全,此效果很复杂,我们将其拆分为多个步骤来分析~1)tab状态的切换先看效果:wxml代码:<view class="{{navindex == 1? 'active' : ''}}"> <view class="content">区域</view></vi
2016-12-11 02:26:05
17761
3
原创 微信小程序中rpx与rem单位使用
本文讲解rpx和rem应用于微信小程序,如果你还没有入门,建议先从下面看起:微信小程序官方文档 web app变革之rem rpx单位官方文档 rpx单位基础介绍如果看完上面几篇文章,我们开始进入正题吧~~一、rem的使用1) js中导入下面这段代码(function (doc, win) { var docEl = doc.documentElement, res
2016-11-30 11:29:45
1430
1
原创 基于iscroll.js实现下拉刷新和上拉加载特效
现在已经不是纯Android独霸天下的时代了,H5嵌入Android的Hybrid混合开发是大势所趋。今天给大家带来的就是移动端中常见的“上拉刷新,下拉加载”特效,这个特效将会基于H5来实现。先看下运行效果:是不是有点小小的‘鸡冻’ ,它就是由我们今天要介绍的主人公‘iscroll.js’实现的,接下来我以最最简便的方式教给大家~~实现步骤一、准备好iscr
2016-11-27 21:13:07
1698
原创 搞懂移动端网页中viewport、retina、高清图、dp单位等
一直以来,web移动端都有这么几个问题困扰着我:单位太多,除了px、rem,其他单位到底啥意思? 设计师经常会问前端,我到底按照什么尺寸出设计稿?高清图怎么做出来的?边框1px,为什么在不同手机中粗细完全不同?妈蛋,为何移动端总要在meta中width=device-width, initial-scale=1…写这么一句什么是viewport?我相信我的问题也困扰着你,且听我娓娓道来
2016-11-20 06:16:05
2333
1
原创 最全web前端资料整理
Awesome JavaScriptJavaScript是一个仅在一周就被发明出来的小玩意, 所以,它有着有多的缺陷,即使是这样,它已经存在了20年,全世界几乎每台电脑都至少装有一个JavaScript解释器, 况且今天这个当初的小玩意的目标是编写大型的企业应用。如果你对JavaScript的理解仅限于DOM操纵,页面动画,jQuery等等, 本列表将为你展现JavaScript的更多
2016-08-30 15:22:30
3074
原创 Go语言之环境搭建
1、下载Sublime Text 3 连接:http://www.sublimetext.com/3 2、下载Go语言环境包 访问http://www.golangtc.com/download 选择你需要的版本 我现在用的是1.5rc1选择Windows下的安装包在这里建议选择.zip开始的不建议直接安装 下载后进行解压放到我的电脑下的D盘活着其它的不要出现中文目录(你懂得)。如
2016-08-24 01:22:12
1326
原创 红黑二叉查找树
//红黑二叉查找树 //红黑二叉查找树是一种平衡二叉树,是基于2-3查找树的基础上演变的 //这里不对2-3查找树的算法进行描述,感兴趣的朋友可以自行了解一下 //2-3查找树的实现原理. // //在2-3查找树算法中,难点就是3-Node类型(含有2个key,3个子节点的节点类型) //的节点数据结构处理,那么在红黑二叉查找树中这种3-Node类型节点演变为如
2016-08-15 02:07:21
1120
转载 20位活跃在Github上的国内技术大牛
20位活跃在Github上的国内技术大牛本文列举了20位在Github上非常活跃的国内大牛,看看其中是不是很多熟悉的面孔?1. lifesinger(玉伯)Github主页: https://github.com/lifesinger微博:@ 玉伯也叫射雕玉伯(王保平),淘宝前端类库 KISSY、前端模块化开发框架SeaJS、
2016-08-05 14:13:04
1582
原创 算法最简单之_链表
node类://节点类 public class Node { protected Node next; //指针域 protected int data;//数据域 public Node( int data) { this. data = data; } //
2016-08-03 17:05:00
599
原创 算法最简单之希尔算法
公共函数:less:public static boolean less(Comparable v , Comparable w){ return v.compareTo(w) < 0;}exch:public static void exch(Comparable[] a, int i ,int j){ Comparable t = a[i]; a[i] = a[j];
2016-07-31 21:19:02
2298
原创 算法之最简单的堆笔记
公共函数:比较大小:private boolean less(Array pq, int i ,int j){ return pq[i].compareTo(pq[j]) < 0 ;}交换:private void exch(Array pq , int i , int j ){ Key t = pq[i] ; pq[i] = pq[j] ;
2016-07-31 01:20:19
429
转载 面向设计的半封装web组件开发
本文完整版地址已经在发表在ISUX团队官方博客:http://isux.tencent.com/half-package-web-components-for-design.html 欢迎围观,欢迎评论交流!一、传统web组件的妄想目前很多Team和团队都有自己的一套web组件体系,模块化开发,封装良好,上手简单。然后希望该web组件可以应用到接手的各个项目中,节约日后的开发成本。
2016-07-18 16:41:29
864
原创 Android Studio从github下载和上传
Android studio怎么从Github克隆下载源代码首先,需要进入到Android studio的界面中,然后点击菜单中的"VCS"选项,在弹出的可以看到为“checkout from version control”选项。通过checkout from version control会进行弹出下一级菜单,然后进行点击“github”的选项。会弹
2016-07-14 22:48:51
1054
转载 前端开发人员必须了解的七大技能图谱
网上学习资源参差不齐、分散无系统,给爱学习、努力想提高的你是不是造成很多困扰呢? 与其他学习平台不同,CSDN知识库不是随机地、一股脑地向您推算大量文章,而是首先梳理各技术领域知识图谱,再以此为基础,收集、筛选出每个技术分支所涉及的各个技术点的解析类、动手实践类文章,内容更系统化、更有针对性。无论您正关注哪个技术领域,这里都可以找到你所需要的。(如果没找到您所需要的,欢迎向我们反馈,我们不会让您等
2016-07-14 22:36:24
711
转载 写给自己,梳理一下我现在对前端知识结构的理解
今天想着做一件事情,给自己的收藏夹分类。结果做着做着,发现这个任务的工作量超乎我的想象。有一些文章,可能很难界定说,它是哪一类的;而且自己还没有特别去梳理自己对前端知识结构的理解,使得在分类的时候层级也有些模糊。所以在这里梳理一下自己理解中的知识结构。这既是一篇总结,也是一篇指南,有些地方我自己亲身经历可能丰富一点,就说的多一些;有些地方自己没什么实践,就少说话,简单提一提,免得贻笑大方。
2016-07-13 19:51:04
5112
Python机器学习及实践-从零开始通往Kaggle竞赛之路
2017-09-13
终极算法:机器学习和人工智能如何重塑世界
2017-09-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人