自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 资源 (1)
  • 收藏
  • 关注

原创 css画扇形的几种实现方式

前言前两天做了360前端星技术测验,其中有个UI效果实现是这样的 (请实现如图warning标志,其中圆的半径是100px,并且保证圆始终垂直居中页面显示) 核心技术难点是: 1. 扇形的实现 2. 多个扇形怎么拼凑成圆 下面我将从扇形的不同实现着手讲解我对这个UI效果实现的思考。完整代码: https://github.com/EmilyYoung71415/iCSS/t...

2018-04-26 11:36:16 21032 1

原创 知识整理反思

1-前言受面试刺激,我开始站在一个不一样的角度思考知识管理问题了以前在校学习某科时是以某科的知识面作为复习单位,或者再不济写博客时以前端作为积累单位,可当我面临面试时,我发现面试是以所有知识交叉为大范围,也许有重点但没有范围,是以整个大学为单位的,更确切地说是以”个人”为单位。这样就带来了很大的难度: 1. 以前学的知识尚且还能称得上掌握的有多少? 2. 学科交叉的知识点能作联系吗...

2018-03-14 17:04:35 950

原创 基于dva的表单类页面复用思考

背景 新学期新开始,前几天老师让我和一个学弟一起接手实验室新接的项目,老师已经把基本框架搭好了,项目是基于dva的金融类管理系统(所以表单类页面又来了)现有代码的问题 这个管理系统涉及到很多列表类页面,而当我们将model层以视图划分时,会发现现有代码有很多很多类似的。而且,为了保持代码风格差不多,当我加入项目时,先尝试写了一个基本curd功能的表单页,发现写的很痛苦。因...

2018-03-03 16:30:34 1890

原创 基于react的表单类页面复用思考

前言 很久之前,我用vue重构过部分表单类页面的代码,主要实现了表单类页面里函数与数据复用的问题,当时实现的方式是以类的方式构建表单类,而表单页面的数据和表单页面的方法一并捆绑在一个类里。优化效果是表单类页面中减少了很多使用函数修改数据的代码。 后来,我接触到了react,发现,原来表单类代码的优化,是不止步的!面向页面编写->面向页面的组件编写 思路转变一:...

2018-03-03 08:32:11 2573

原创 react16捕获错误

手动重定向 http://www.xiexianbo.xin/wordpress/?p=523

2018-02-01 17:59:16 897

原创 React初学笔记

前言: 对于新的知识(无论理解知识的途径是官方文档、博文甚至或是某个评论)有些时候刚学的时候看的知识讲解以为会用了就是看懂了,但写了代码之后再看发现又是一番体味,而自己总结时翻看以前的笔记又是不一样的感觉。于是在这里记录下我学习react过程中一些纠结的点或是让我醍醐灌顶的一些理解,希望也能帮助到各位。1. 木偶组件和容器组件木偶组件Presenter Component :

2018-02-01 15:19:52 474

原创 前端调试技巧-谷歌浏览器&VSCODE

先立个flag,等会来填坑首先让控制台美美的: 控制台主题插件: DevTools Theme: Obsidian Snake 食用指南: 安装好插件之后,设置允许替换主题然后再打开控制台即可起效。配合调试插件调试: 1. React Developer Tools2.Redux DevTools3.Vue.js devtools一些参考链接

2018-01-14 13:17:23 1218

原创 修复npm安装全局模块命令失效

前言:npm -g 全局安装的命令失效场景重现原因: npm config get prefix //查看默认全局安装路径 对于大多数系统显示目录为:/usr/local 而我的目录是安装目录/app/node解决: 修改默认全局安装路径//1.新建一个全局安装的路径mkdir ~/.npm-global //2.配置npm使用新的路径npm config

2018-01-12 09:25:55 12332 2

原创 [一步一步学react系列] 04—计算器Demo

前言: 之前的例子都是写的计数器,加一减一的功能,我们大致弄懂了redux分层和store数据管理,下面我们将结合现有知识写一个终极版的计算器。以此巩固所学知识 知识点:redux分层,react-router,一些算法及数据结构知识[栈 + 中缀转后缀]首段祭出源码地址: github:https://github.com/EmilyYoung71415/LearnReact

2018-01-10 13:49:41 4660 8

原创 React-Native学习笔记1—环境搭建[Linux & Windows]

这篇博文记录下我从reactnative搭建环境到从零开始学习的探索之旅,记录自己的成长。1. 环境搭建步骤如下:1.安装node2.安装JDK3.安装/配置Android-studio开发工具4.安装React-Native Cli及初始化reactnative项目5.在模拟器或真机上运行项目下面简略说下在win下和linux两个环境中的配

2018-01-10 11:14:13 711

原创 使用VsCode开发React-Native[debug调试+智能提示]

前言: 这篇博文主要介绍两个方面: 1. react-native项目的调试 2. react-native项目的代码智能提示 这两个问题主要是由于reactnative和vue,react等框架不一样,这个是跨平台的,写的app不能直接在网页上即看即所得[意味着不能”直接地”console.log打印..]只能在真机调试或者在模拟器中查看,所以关于调试就显得特别重要。其次

2018-01-08 20:18:08 45952 10

原创 重装系统的各种安装配置—论前端攻城狮的自我修养[不定期更新]

前言: 每次重装系统最麻烦的莫过于重装之后的各种配环境了。然而有些安装配置文章有点坑,由此记录下我的配置过程。 环境: 1. win10 2. linux (其实是deepin15但没啥大的差别) 待安装/环境配置: 1. git 2.node 3. vscode 4.react-native环境搭建linux环境前言: 我一般软件安装的位

2018-01-08 11:23:25 487

原创 linux下sudoers文件损坏,修复办法(附图、详细)

前言: 之前不小心[好吧作死]修改了sudoer文件,未曾想修改失败导致我不能获取sudo,su有关这两个操作权限都不行了。带来了很大麻烦,由下记录下我的纠正过程命令:cd /etc pkexec visudo进入编辑,修改为如下强制保存并退出ctrl + x 再次尝试使用sudo权限参考链接: 1. ubuntu中的sudoers文件损坏

2018-01-07 22:00:28 7183

原创 [一步一步学react系列] 03—计数器V1.0

前言 在上文中我们学习了react的工作流程,知道了用户点击操作先是分发action,然后reducer根据接收到的action来做具体值的改变的这个曲折过程。 仔细看redux工作流的盆友一定发现了,上文中并没有用到最中心的store,那么下文中我们将引入新的东西:store 知识点: Provider createStore connectstore类似与vue的

2017-12-30 21:38:57 624

原创 [一步一步学react系列] 02—计数器V0.0

前言: 本文将写一个计数器的例子 前备知识: react基本知识 redux的基本概念和api 技术栈: create-react-app redux1.环境搭建和vue一样,react也有脚手架: create-react-app 我们将在这上面进行开发 脚手架安装:npm install -g create-react-app cre

2017-12-30 21:00:45 668

原创 [一步一步学react系列] 01—学习路径规划

前言: 从今天开始,在这里记录下我从零开始学习react的记录 学习react确实比vue难上手一些,多亏了网上的各种资料,辅助官方文档的学习,让我不至于啃的那么慢。 由此在这里记录下我的学习过程,希望也能给在react初学者们一些帮助react学习路径: react —> redux + react-router [即router和redux可以一起学]1. 先看官网文档:r

2017-12-30 20:27:21 706

原创 Chrome插件分享—不定期更新

前言: chrome插件是一个风水宝地,有很多很方便的插件能够让你的身心愉悦同时办事效率蹭蹭上涨 以下介绍下个人使用的一些觉得比较好用的chrome插件,包含生活类和技术前端类一. 生活实用类1. 标签页皮肤:Momentum 每天打开谷歌浏览器看到的标签页都不一样,有种将全世界美景揽于眼下的感觉。喜欢这款的原因很简单: 因为他颜值高 + 够纯粹!当然缺点

2017-12-30 10:47:13 738

原创 git -modified: xxx目录没有被跟踪

[git]modified: xxx(modified content, untracked content)出错: 目录被跟踪在远程github网站上查看确实那个目录下面是空的场景还原: github上: 解决:删除该目录下的.git目录,一般是隐藏状态查看状态git status ,git add 发现出现以下错误 fatal: in unpopulated submod

2017-12-29 18:48:13 8396

原创 操作系统知识结构图

本学期学了操作系统,复习之后整理了相关知识结构图,顿时有茅塞顿开的感觉。在此献上我的整理以飨各位,有不足之处还望斧正/共同探讨1. 概览2. 结构图下载2.1 文件说明:上面的截图只是冰山一角,每个节点都可以展开,同时每个知识要点也有对应的备注及说明如下: 重要的算法思想也备注了对应的参考链接: 2.2 文件下载链接:1. csdn资源里:操作系统知识结构图[本来不想收C币的但是选项要求最低

2017-12-20 13:31:40 9304 14

原创 python秒搭本地服务器

前言: 一切都源于罪恶的期末大作业——可视化步骤:1. 安装python我安装的是python3 安装不用多说 直接下一步,安装完成后把python的安装目录添加到path系统环境变量。 再测试python安装是否成功,cmd打开命令行输入 python 命令2.在你的项目目录里cmd进入命令行模式 输入以下命令: python -m http.server 8080 如上图所示则服务器

2017-12-09 11:36:56 507

原创 vscode —— 编码缩进空格转为tab

由于共同开发时,需要格式化代码,方便别人阅读。 我们规定同意使用 4个空格的缩进 然而发现当我想将vscode缩进设置为4个空格,发现它已经默认是4个空格了,但是并没有在所有文件内都生效解决:文件 ——> 首选项 1. 因为vscode默认启用了根据文件类型自动设置tabsize的选项,在设置中添加:"editor.detectIndentation": false2.编辑器配置:

2017-11-29 10:31:22 44390

原创 移动端电商实战类css技巧总结

最近在搭一个仿京东的移动app 移动端相比PC端的后台管理少了很多逻辑,但是相对难的就是布局的实现。 所以最近重心都在布局,知识的吸收和巩固都集中在css,sass等上面了 由下记录我在开发过程中遇到的一些值得记录&思考的东西:1. css实现文本最多两行,超过则用省略号结尾overflow: hidden;//超出部分首先隐藏text-overflow: ellipsis;/

2017-11-26 12:36:45 1535

原创 GIT —同时与多个远程库互相同步

前言: 因为我个人喜好用GitHub作为我的远程托管库,但是和实验室的小伙伴们做项目(可公开的那种,如一起参加某比赛)的时候大家又用的是码云。由此我想两个远程端同时同步我的代码。。。、 主要有点在乎每日贡献量哈哈,我希望那块田地都是绿油油的。嘻嘻1.git clone 码云地址2.项目初始化git环境为码云的。3.现在我们要在已经初始化为码云的代码库里加上github...

2017-11-24 21:59:11 3068

原创 VSCODE常用插件记录—不定期更新

常用必备:1. vscode-icon 让 vscode 资源树目录加上图标,必备良品!2. Path Intellisense 自动路劲补全,默认不带这个功能的3. beautifyBeautify css/sass/scss/less react-beautify 格式化代码 使用指南:按F1,然后输入bea—>选择

2017-11-22 10:29:16 10306

原创 gulp-css-wrap工具的使用——[批量为css文件扩展命名空间]

前言:我们要对css文件的所有选择器添加命名空间如我们给所有的加上.custom-1b1e24原css文件:.header{height:100px;}.content{color:#fff;}=>输出.custom-1b1e24 .header{height:100px;}.custom-1b1e24 .content{color:#fff;}gulp使用指南 gulp-css-

2017-11-21 20:26:46 6772 1

原创 vue-基于elementui换肤[自定义主题]

前言: 这篇文章记录换肤的两个方面: 1.基于elementui这个ui框架的换肤 2.在vue项目里自己写的内容的换肤 所用知识: vue , elementui , vuex , sass , gulp-css-wrap首行祭图: 源码地址: https://github.com/EmilyYoung71415/vue-admin-elementui

2017-11-21 19:24:47 49833 14

原创 sass初次使用及奇淫技巧之使用谷歌调试编译sass

sass初次使用及奇淫技巧之使用谷歌调试编译sass

2017-11-18 11:30:00 1777

原创 git 本地删除文件后,git status会显示红色的那个文件。

前言: 本地删除项目之后,git status 会看到红色 按照提示git add * 之后还是不行。解决办法:git rm -r '已被删除的文件'git commit

2017-11-17 21:47:32 7145 1

原创 git 分支整合并删除分支

直接从github上选择dev分支然后git clone 得到的代码是主支的。思路: 如何将分支的代码拉取到本地,然后把重构的文件包放到主支文件中代码

2017-11-16 15:19:12 3756

原创 Vue类重构代码——02 开始:一个简单的类

前言: 上文总结: 接上文《 Vue类重构代码——01 准备:提取工具类方法》总结,上文主要做的且本文及以后还可以用到的有用功是:将获取数据的方法提取成一个公共的函数,放到了fetch.js里面,使用的时候调用fetchData(api,{参数})即可获取数据 本文引言: 定一个订单类,订单类里有个方法就是获取最大最小id,然后我们把他封装好之后在具体的vue文件里取...

2017-11-13 19:54:41 3931

原创 Vue类重构代码——01 准备:提取工具类方法

前言:之前写了一个菜市场订单配送的项目,刚开始用jquery写的,后来又用了vue重写相同的内容,发现和jquery比起来,以数据为驱动的vue写同样的东西真的要简单方便快捷很多。关于这个项目jquery踩的坑及转换为vue写较jquery比较或vue遇到的难点,我之后会把笔记补上(ง •̀_•́)ง 正文前言:虽然vue相较jQuery写同个项目代码量缩减了很多,但是也有个很糟心...

2017-11-13 18:54:25 1591

原创 JavaScript Shell入门分享

一、简介JavaScript shell,这是由 Mozilla 提供的综合 JavaScript 编程环境,是SpiderMonkey 中的一部分。 我是在看数据结构与算法js描述这本书发现这个东西的。 简而言之就是能在命令行中运行输入的js语言,当然也能直接执行解析以.js为后缀的js文件。与一般浏览器解析打印js执行的语言不同,shell下的js执行有更多的执行权利,例如读取本地文件

2017-11-04 22:28:59 872 2

原创 git回退到某个版本并提交到远程仓库

git回退到以前的版本并提交

2017-10-20 20:54:04 18088 2

原创 LeetCode WIith JS || 121. Best Time to Buy and Sell Stock[求股票的最佳收益,只能交易一次]

题目描述Say you have an array for which the ith element is the price of a given stock on day i. If you were only permitted to complete at most one transaction (ie, buy one and sell one share of the stock)

2017-10-20 20:20:29 382

原创 LeetCode WIith JS || 119. Pascal's Triangle II

题目描述  Given an index k, return the kth row of the Pascal’s triangle.   For example, given k = 3,   Return [1,3,3,1].大白话  给行号n,输出第n行的杨辉三角序列题目链接  119. Pascal’s Triangle IIAC代码var getRow = function(rowI

2017-10-07 16:14:26 320

原创 LeetCode WIith JS || 118. Pascal's Triangle[杨辉三角]

题目描述Given numRows, generate the first numRows of Pascal’s triangle. For example, given numRows = 5, Return [ [1], [1,1], [1,2,1], [1,3,3,1], [1,4,6,4,1] ]大白话输入行数n,输出n行的杨辉三角原题目链接

2017-10-07 15:56:47 416

原创 ES6的开发环境搭建

ES6的语法自动的转变成ES5的语法。 除了Webpack自动编译,我们还可以用Babel来完成 接下来讲述使用Babel把ES6编译成ES5的环境搭建

2017-10-02 16:31:18 625

转载 JS apply()、call()使用详解

前言:  call(),apply()两个方法脑海中很模糊,特此一记,来区分下同时也是对自己学习知识的总结。问题:  1.apply和call的区别在哪里   2.什么情况下用apply,什么情况下用call   3.apply的其他巧妙用法(一般在什么情况下可以使用apply) 正文:   一.apply和call的定义,及示例来解释这两个方法的意思和用法        1.apply和

2017-08-30 16:32:18 351

原创 LeetCode WIith JS || 88. Merge Sorted Array[合并有序数组]

题目描述:  合并有序数组

2017-08-29 22:02:40 680

原创 LeetCode WIith JS || 53. Maximum Subarray[寻求最大连续序列]

题目描述:一个数组里面数据有正有负,求连续的几个数加起来是数组中能找到的最大的和。

2017-08-28 17:11:49 674

操作系统知识结构图

基于操作系统第5版 费翔林编著的知识要点总结,脉络清晰手动整理有错之处望斧正希望能共同进步

2017-12-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除