自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 Git将本地仓库上传到远程仓库

1.在远程仓库建立一个repository2.在本地项目中执行: git init 初始化项目3.将本地仓库与远程仓库关联:( 此处本地项目名就叫 user-interface-test )git remote add origin git@github:xin.shen/user-interface-test.git注意:将仓库地址替换成自己的仓库地址4.提交本地代码:...

2018-06-05 11:55:07 295

原创 从shim & polyfill谈浏览器兼容性

shim:shim是一个库,这个库中的方法接收的参数与调用方法与标准的方法一样,但是shim中的方法是自己实现逻辑处理的,因此在方法中加入了兼容性处理。所以方法的返回结果与标准方法相同。备注: 所谓标准方法就是你原先调用的ES5或者ES6或者其它库中的原生方法。polyfill:polyfill指的是符合shim标准的API。polyfill API使用老方法来实现新功能,从而保证在低级浏览器中也

2018-01-03 16:55:40 1799

原创 webpack——配置环境变量

在开发过程中我们可能需要打大量的log,便于在开发过程中进行调试。但是当在生产环境中在浏览器中打出这么多日志会造成信息泄漏。如果在打生产包的时候逐行将log删除,开发时再添加显然是十分麻烦的。为此,我们可以利用Enviroment Flags,在使用webpack打包命令的时候传入对应的参数,告诉程序是否显示log。无论是使用webpack命令或是webpack-dev-server进行打包,环境变

2017-12-29 14:22:59 4047

原创 plugin配置

UglifyJs Plugin——用于将打包后的代码压缩。UgligyJsPlugin是webpack自带的插件,使用前定义一下即可,无需导入module:var webpack = require('webpack');var uglifyJsPlugin = webpack.optimize.UglifyJsPlugin;module.exports = { entry: './ma

2017-12-29 11:31:15 1171

原创 loader配置

当一种文件中需要使用多个loader时,使用 !来连接多个loader。如下CSS-loader中所示。babel-loader常用配置:​module: { ​ loaders: [​ { ​test: /\.jsx?$/, ​exclude: /node_modules/, ​loader: 'babel

2017-12-29 11:23:27 1320

原创 Element-UI分页组件连续点击后页码循环跳转问题解决方案

我在项目中发现当分页组件的总页数比较大的时候(数量级在十万到百万左右),若连续多次快速点击页码,分页组件会出现循环跳转的情况。效果图如下所示:说一下出现这个现象的原因!我的组件代码如下:<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-pa

2017-11-29 10:22:12 4417 8

原创 Element-UI在safari浏览器下table列表无法对齐的问题

由于Element-UI的table列表会在两个column中间添加一条能够拖动的竖线,(可能表现的不明显以至于很多人并没有发现,但是竖线是确实存在的。)在safari浏览器下这个竖线的样式无法正确渲染,所以导致了table列表的表头与内容存在几个px的偏差。我寻找了很久,也尝试与Element-UI官方团队进行沟通,希望官方能够修复这个bug。但是并没有生效,bug依旧存在。下面给出我的解决方案:

2017-11-28 17:28:00 8347 5

原创 echarts 折线图/柱状图 tooltip格式定制

字符串模板关于字符串模板的含义请参考echarts官网的配置项手册。 折线(区域)图、柱状(条形)图、K线图 : {a}(系列名称),{b}(类目值),{c}(数值), {d}(无) 注意: 类目值就是对应的横坐标。 以下是两个我的具体应用: 应用一: tooltip: { trigger: 'axis', axisPointer: { type : 'sh

2017-11-13 11:36:52 6354

原创 ubuntu 下使用sql语句控制mysql数据库

安装数据库我在网上找到一篇很好的如何在ubuntu中安装mysql数据库的博文,并且亲测有效, 有需要的同学可以先去学习如何安装数据库。启动和关闭mysql服务器service mysql startservice mysql stop确认mysql是否启动成功sudo netstat -tap | grep mysql进入数据库shell界面mysql -u root -p连接远程数据库mys

2017-11-06 13:58:21 478

原创 nginx 常用命令

ubuntu中使用nginx常用命令启动nginxsudo nginx -c /etc/nginx/nginx.conf //nginx配置文件所在路径注意:一个niginx中可以配置多个配置项,只需要设置不同端口号即可。重启nginxsudo nginx -s reload

2017-11-01 14:38:20 559

原创 前端页面刷新

之前在做前端项目的时候经常会碰到页面状态发生改变的情况。比如:在设备解绑、解冻,或者是对用户信息进行创建、编辑、删除等操作后。原则上来说页面应该实时显示最新的信息,但是页面是通过ajax请求与数据库中的数据进行同步的。 这种情况下我们必须在这个操作的ajax回调函数中主动对页面信息进行刷新。所谓刷新其实就行重新向后台请求数据,并将最新数据展示出来。最初我才用的刷新方法是刷新浏览器窗口的方式对数据

2017-08-28 11:39:05 3107

原创 判断一个值是否等于 NaN

判断一个值是否等于 NaN,只能用 value !== value 因为NaN不等于自身,也不等于任何字符。举个例子:function bouncer(arr) { // Don't show a false ID to this bouncer. var array = arr.filter(function(value){ if (value === false || value

2016-02-04 16:38:44 3929 1

原创 判断字符串末尾有没有指定子字符串

function end(str, target) { // "Never give up and good luck will find you." var string = str.substr(-target.length); if (string == target){ return true; } return false;}end("He has to give

2016-02-04 14:14:09 531

原创 找出二维数组各数组中最大数并组成新数组

function largestOfFour(arr) { // You can do this! var array = arr[0]; for (var i = 0; i < arr.length; i++){ var num = 0; for (var j = 0; j < 4; j++){ if (num <= arr[i][j]){ n

2016-02-04 11:56:50 857

原创 JS将字符串首字母变为大写,其余为小写

function titleCase(str) { var array = str.toLowerCase().split(" "); for (var i = 0; i < array.length; i++){ array[i] = array[i][0].toUpperCase() + array[i].substring(1, array[i].length); //ar

2016-02-04 11:40:48 21293 2

原创 利用VUE框架,实现列表分页功能

原创作品转载请注明出处 先来看一下效果图: 功能描述: 1. 点击页面序号跳转到相应页面; 2. 点击单左/单右,向后/向前跳转一个页面; 3. 点击双左/双右,直接跳转到最后一页/第一页; 3. 一次显示当前页面的前三个与后三个页面; 4. 始终显示最后一个页面;HTML: <!-- 分页开始 --><div class="u-pages" style="marg

2016-01-11 11:23:15 23631 4

原创 Linux学习心得

沈鑫 原创作品转载请注明出处 《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-1000029000一、首先我分享一下我对Linux学习过程的几篇博客: 1. 通过反编译一个简单的C程序,解释堆栈的变化 2. 一个精简的linux内核分析 3. 跟踪分析一个简单的linux内核的运行 4. 分析一个API的调用机制

2015-05-05 20:17:06 804

原创 The star user interface: an overview 学习笔记

摘要: 1981年4月Xerox发布了8010星形信息系统,这个系统是为那些专业的办公人员设计的一个全新的个人电脑。星形用户界面系统和其他的办公电脑系统是不同的,星形用户界面系统强调了图形化界面,他坚持模拟实际的办公,并且严格要求一组设计理念。形象的图形界面能够减少对系统进行操作时需要输入和记忆的指令。这个系统是系统看起来更加熟悉和友好;它使外行人感觉各个电脑系统看起来都差不多。这个设计理

2015-04-26 15:59:10 675

原创 理解进程调度时机跟踪分析进程调度与进程切换的过程

沈鑫 原创作品转载请注明出处 《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-10000290001、schedule()分析 schedule()是一个内核函数,但是又不是一个系统调用,所以用户态进程无法直接调用schedule(),只能在中断处理过程(包括时钟中断、I/O中断、系统调用和异常)中,直接调用schedu

2015-04-26 14:20:52 600

原创 Linux内核如何装载和启动一个可执行程序

沈鑫 + 原创作品转载请注明出处 《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-10000290001、一个可执行程序的得到过程:编译器预处理->编译成汇编代码->汇编器编译成目标代码->链接成可执行文件->由操作系统将可执行文件加载到操作系统中进行执行 其中目标代码是不可执行的,因为他可能还缺少执行所需要的动态库。 sh

2015-04-20 22:17:06 462

原创 分析Linux内核创建一个新进程的过程

作者:沈鑫 原创作品转载请注明出处 《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-1000029000首先我们创建一个fork程序,并且观察他的运行情况。#include <stdio.h>#include <stdlib.h>#include <unistd.h>int main(int argc, char * ar

2015-04-12 23:10:48 454

原创 分析一个API的调用机制

作者:沈鑫 原创作品转载请注明出处 《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-1000029000这次我进行分析的API是getpid()。分别通过C代码和嵌入式汇编程序来对同一个API的调用过程进行分析。 首先我们先来编写一下C代码的调用。C代码非常的简单,唯一值得注意的地方就是不要忘了添加头文件#include <stdi

2015-03-29 22:07:43 693

原创 跟踪分析一个简单的linux内核的运行

作者:沈鑫 原创作品转载请注明出处 《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-10000290001、首先打开linux内核的目录cd LinuxKernel/2、然后对内核进程进行挂载qemu -kernel linux-3.18.6/arch/x86/boot/bzImage -initrd rootfs.img -s -

2015-03-21 23:41:22 520

原创 一个精简的linux内核分析

首先是mypcb.h,这里主要定义了两个结构体分别用于表示Thread 和 PCB/* * linux/mykernel/mypcb.h * * Kernel internal PCB types * * Copyright (C) 2013 Mengning * */#define MAX_TASK_NUM 4#define KERNEL_STACK_SI

2015-03-14 22:25:39 727

原创 通过反编译一个简单的C程序,解释堆栈的变化

作者:沈鑫 原创作品转载请注明出处 《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-1000029000本次我们使用的示例程序如下 int g (int x){ return x + 4;}int f (int x){ return g(x);}int main (void){ return f(6

2015-03-05 22:39:21 600

转载 欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2015-03-05 19:34:45 357

原创 《黑客与画家》读书笔记

《黑客与画家》读书笔记中国科学技术大学软件学院 沈鑫 原创作品版权所有转载请注明出处        本书是硅谷创业之父保罗•格雷厄姆(PaulGraham)的文集,保罗•格雷厄姆作为一个优秀的黑客,同时他也喜欢写小说,甚至还学习过画画,这在编程高手中是很少见的。         首先,保罗•格雷厄姆自己就是一位成功的创业家,所以文中很多有关作者创业时期的故事,并且通过这些事例和表现

2014-11-08 18:48:17 762

空空如也

空空如也

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

TA关注的人

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