2. react 简书头部(header) 图标添加

1. 访问 iconfont 并注册登陆 2. 进入 iconfont 头部图标管理->我的项目 3. 点击右边的文件夹 + 号图标创建我的项目输入项目名称即可 4.在搜索框搜索 '放大镜' 三个字 5.找到合适的图标点击添加入库 6.点击右上角的购物车 -> 添加到项目选择项目 7.点击下载到本地并解压 8. 将解压后的文件放到 src 下的 statics 下的 iconfont 文件夹内 9. 删除原有的 iconfont.js 将文件夹内的 iconfont.c…

2. react 简书头部 (header) 样式编写

1. 在 src 下创建 common 文件下创建 header 文件夹下创建 index.js #src/common/header/index.js import React, {Component} from 'react'; import { HeaderWrapper, Logo, Nav, NavItem, NavSearch, Addtion, Button } from './style'; class Header…

react 简书开发笔记

详见文章<React简书开发实战课程笔记>…

3 react 简书添加头部搜索动态效果

1. 添加动态效果组件 yarn add react-transition-group 2. 修改 src/common/header/index.js import React, {Component} from 'react'; import {CSSTransition} from 'react-transition-group'; import { HeaderWrapper, Logo, Nav, NavItem, SearchWrapper, NavSearch, Addtion,…

React 简书

create-react-app jianshu yarn add styled-components -D 利用js写css样式样式会更高效 https://github.com/chochinlu/blog/issues/126 https://blog.csdn.net/weixin_43801564/article/details/86713318 关于全局样式原方法淘汰替代的语法 -:)>>>>>为样式生成唯一的 class name…

4 react 简书引入 redux 的 combineReducers 对 redux 数据进行管理

1. src 下的 common 下的 header 创建 store 文件夹下创建 reducer.js # src/common/header/store/reducer.js const stateDefault = { focused : false }; export default (state = stateDefault, action)=>{ if(action.type === 'focus' || action.type === 'blur'){ const newSta…

react简书

开发项目之前的准备 https://www.chromefor.com/ 登录此网站下载相关crx react插件不然要FQ 下载 React Developer Tools 谷歌插件下载 Redux DevTools 插件 npm install axios // 安装axios npm install --save styled-components 安装 css.js npm install react-transition-group --save 安装动画插件 npm ins…

1. react 简书项目初始化

1. 创建 react 项目 npx create-react-app my-app 2. src 目录下删除除了 index.js index.css app.js 的文件 3. 引入 styled-components 样式组件 yarn add styled-components 4. 修改 index.css 改名为 style.js 并书写 style.js 写入 reset.css #style.js import { createGlobalStyle } from 'style…

react简书笔记一环境, git 和项目关联

1.. 建立git项目 ( 码云, github 都可以 ), 具体步骤: https://www.cnblogs.com/andy-lehhaxm/p/10720717.html 1.1 git 和项目关联: git remote add origin gti@gitee.com/CMCC_10086/reactJianShu.git ( git remote add origin 单词顺序不能错 ) 1.2 再 git add . --> git c…

vue添加滚动事件,解决简书Carol_笑一笑方案中vue移除滚动事件失效的问题

在写项目的时候,遇到了需要添加滚动事件的问题,在简书Carol_笑一笑这里找到了解决方案.代码如下 <script> export default { name:"vue-scroll", data () { return { …… } }, mounted: function () { window.addEventListener('scroll', this.handleScroll, true); // 监听(绑定)滚轮滚动事件 }, methods: { hand…

ASP.NET Core 2.1 JWT token (一) - 简书

原文:ASP.NET Core 2.1 JWT token (一) - 简书 JwtBearer认证是一种标准的,通用的,无状态的,与语言无关的认证方式.Bearer验证属于HTTP协议标准验证. 如果不希望api被所有人调用,就要控制 api 的访问权限,只有通过认证的用户,才允许调用api. Bearer Token(Token 令牌) 为了验证使用者的身份,需要客户端向服务器端提供一个可靠的验证信息,称为Token,这个token通常由Json数据格式组成,通过hash散列算法生成一个字…

swift调用oc语言文件，第三方库文件或者自己创建的oc文件——简书作者

Swift是怎样调用OC的第三方库的呢?请看下面详情: 情况一: 1.首先打开Xcode,iOS->Application->Single View Application, 选Next.然后写上Product Name, 在Language那一栏选Swift开发语言: 2.创建完了工程,这时是没有桥接文件的,所以我们要来创建这个桥接文件,这个桥接文件就是swift和oc相互联系的一种媒介.我们来按command+N键,先来创建一对oc语言的文件,亲,要切记是oc语言哦~~.取名为FuWu…

把cnblogs变成简书 - cnblogs博客自定义皮肤css样式

吐槽博客园cnblogs作为老牌的IT技术博客类网站,为广大的开发者提供了非常不错的学习交流平台. 虽然博客内容才是重点,但是如果有赏心悦目的页面不更好吗! cnblogs可以更换博客模板,并且提供了custom模板供开发者自行定制. 但是看看模板库里的模板,截止目前118套模板中,98套是2010年以前的(/手动笑哭),全都是小学时网站的风格,无一不透露着程序员就是钢铁直男的强烈暗示.然后10年有4款,12年有7款,13年4款,15年4款,风格都并没有好转. 每次在cnblogs看博客查资料…

[开源,学习,分享]UWP第三方简书客户端分享

简介 Windows10正式版发布到现在,我利用零零碎碎的一些时间对UWP进行一些学习,也基于这门技术开发了一个第三方的简书App. 基本界面优酷视频: http://v.youku.com/v_show/id_XMTM2MjU4MjI4NA==.html 基本功能客户端采用了UWP的技术,所以支持x86,x64,ARM平台,采用了响应式的布局.对手机进行了部分的优化. 对SQLite和本地存储进行了封装,支持缓存. 缓存支持同步和异步的两种方式,分别实现了两个接口: internal in…

SuperSpider(简书爬虫JAVA版)

* 建站数据SuperSpider(简书)* 本项目目的:* 为练习web开发提供相关的数据:* 主要数据包括:* 简书热门专题模块信息.对应模块下的热门文章.* 文章的详细信息.作者信息.* 评论区详细信息.评论者信息等...* 最后存储mysql数据库. 想学习爬虫的同学也可以瞧瞧整个项目跑完花了近十个小时, 足见数据之多, 个人web开发练习用来充当建站数据也是绰绰有余的(-￣▽￣)- 代码注释写的挺详细的,我就直接上代码了. 主要代码: /** * 此类对简书文章内容页进行了详细的…

WPF系列教程——(一)仿TIM QQ界面 - 简书

原文:WPF系列教程--(一)仿TIM QQ界面 - 简书 TIM QQ 我们先来看一下TIM QQ长什么样,整体可以将界面分为三个部分 TIM QQ 1. 准备阅读本文假设你已经有XAML布局的基础,所以只对部分布局进行说明. 界面上的图标均来自 Material Design Icons 选择需要的图标后点击View XAML 图片.png 会显示WPF的调用代码,直接复制到项目中即可,WPF是支持矢量图显示的. 图片.png 本文中的控件使用了开源的MaterialDesignInXam…

Docker决战到底(三) Rancher2.x的安装与使用 - 简书

原文:Docker决战到底(三) Rancher2.x的安装与使用 - 简书 image.png 当越来越多的容器化应用被部署,一个可以管理编排这些容器的工具此时就显得尤为重要了.目前容器编排领域的佼佼者非kubernates莫属了, 但我一直没有来得及上手,可能是学习成本比较高吧,加上公司里面使用的rancher1.6,我就直接用rancher来作为容器编排管理的切入点了,只是我这里采用的是rancher2.15版本. 非常意外的是,以前rancher1.6版本还支持docker comp…

RabbitMQ消息可靠性分析 - 简书

原文:RabbitMQ消息可靠性分析 - 简书有很多人问过我这么一类问题:RabbitMQ如何确保消息可靠?很多时候,笔者的回答都是:说来话长的事情何来长话短说.的确,要确保消息可靠不只是单单几句就能够叙述明白的,包括Kafka也是如此.可靠并不是一个绝对的概念,曾经有人也留言说过类似全部磁盘损毁也会导致消息丢失,笔者戏答:还有机房被炸了也会导致消息丢失.可靠性是一个相对的概念,在条件合理的范围内系统所能确保的多少个9的可靠性.一切尽可能的趋于完美而无法企及于完美.我们可以尽可能的确保Rabb…

[Selenium2+python2.7][Scrap]爬虫和selenium方式下拉滚动条获取简书作者目录并且生成Markdown格式目录

预计阅读时间: 15分钟环境: win7 + Selenium2.53.6+python2.7 +Firefox 45.2 (具体配置参考 http://www.cnblogs.com/yoyoketang/p/selenium.html) FF45.2 官方下载地址: http://ftp.mozilla.org/pub/firefox/releases/45.2.0esr/win64/en-US/ 痛点:爸爸的一个朋友最近简书上面更新了20多篇文章,让我添加目录.每次手动查找链接再添加标…

ASP.Net Core下Authorization的几种方式 - 简书

原文:ASP.Net Core下Authorization的几种方式 - 简书 ASP.Net Core下Authorization的几种方式 Authorization其目标就是验证Http请求能否通过验证.ASP.Net Core提供了很多种Authorization方式,详细可以参考微软官方文档.在这里只详细介绍三种方式: Policy Middleware Custom Attribute 1. Policy : 策略授权先定义一个IAuthorizationRequirement类…

Python 2.7_发送简书关注的专题作者最新一篇文章及连接到邮件_20161218

最近看简书文章关注了几个专题作者,写的文章都不错,对爬虫和数据分析都写的挺好,因此想到能不能获取最新的文章推送到Ipad网易邮箱大师.邮件发送代码封装成一个函数,从廖雪峰大神那里学的 http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001386832745198026a685614e7462fb57dbf733cc9f3ad000 网页源码获取和解析获取文章标题和url依然是用…

iOS开发--Bison详解连连支付集成简书

"最近由于公司项目需要集成连连支付,文档写的不是很清楚,遇到了一些坑,因此记录一下,希望能帮到有需要的人." 前面简单的集成没有遇到什么坑,在此整理一下官方的集成文档,具体步骤如下导入文件添加头文件引用设置link标志Target->Build Setting ,Other Linker Flags 设置为 -all_load可能添加-all_load以后和其他库冲突,可以尝试使用 -force_load 单独load库, force_load后面跟的是 lib库的完整路径…

仿简书、淘宝等等App的View弹出效果

昨天用简书App的时候觉得这个View的弹出效果特别好,而且非常平滑,所以我就尝试写了一个,和简书App上的效果基本一致了: 下面开始讲解: 1.首先我们要知道这个页面有几个View?这个页面其实有四个View,self.view , 图中白色VC的View rootVC.view ,白色VC上的maskView maskView , 以及弹出的popView popView .我们创建它们: self.view.backgroundColor = [UIColor blackColor]; _…

仿简书分享：UIActivityViewController系统原生分享

接下来介绍UIActivityViewController: 1. 创建要分享的数据内容,加在一个数组 ActivityItems里. NSString *textToShare = @"我是且行且珍惜_iOS,欢迎关注我!"; UIImage *imageToShare = [UIImage imageNamed:@"wang.png"]; NSURL *urlToShare = [NSURL URLWithString:@"https://github…

简书markdown教程

1 支持 Markdown 的编辑器 Windows 推荐 Sublime Text 3,强大优雅的编辑器.MarkdownPad,一款可以直接预览排版效果的编辑器. Mac 推荐 Ulysess,专注写作的编辑器,功能强大,体验一流.Macdown,可以预览排版效果. Linux 推荐 VIM,编辑器之神.当然,Emacs是神的编辑器.ReText,也可以预览. Web 推荐简书,有 Markdown 写作/预览模式.作业部落,功能强大的 Markdown 编辑器.与其他常用工具配合在 Fir…