首先安装vscode工具,下载地址如下: https://code.visualstudio.com/ 在vs code的扩展中安装: Markdown Preview Enhanced 这款插件,安装完成重新加载即可生效 新建一个.md文件 Visual Studio Code 原生就支持高亮Markdown的语法,想要一边编辑一遍预览,有两种方法: 3.1. Ctrl + Shift + P 调出主命令框,输入 Markdown,应该会匹配到几项 Markdown相关命令 2.2. 先按Ct

之前生成了Product类的scaffold,但是如同rails的开发者David所讲的那样,scaffold几乎没什么用.所以按照<Agile Web Development with Rails 4th>中的迭代计划,下一步的修改是美化list页面: 但是这个界面还是太丑陋了.其实,有了bootstrap后,很多站点都变成了“又黑又硬”的工具条+“小清新”风格.我们即不能免俗,又懒得自已设计风格,不妨用bootstrap将产品清单界面重新设计成如下的风格: 下面让我们来实现这个界面.显然w

第一 :引入iframe后背景色解决: 需要先设置 被引入文件的body样式 第二:滚动以及其他样式需要设置,span是为了小屏准备的,处理小屏时候元素距离顶部高度问题: 这个是span 的样式 然后设置iframe   大屏需要固定显示,不占用空间,小屏需要占用50px高度 下一步需要设置小屏点击事件需要满足以下条件: 大屏不影响其它元素 小屏时候高度变低,点击时候展开,高度变大200px以上,收回后高度变50px:这样才不会影响其他元素的点击: 代码如下: 加上这个会有动画 以及这个更加简单

marked是一个markdown 解析.编译器,通过引入marked模块,可以实现一个简单的markdown编辑器.使用方式如下: Install 新建一个项目文件夹,在项目中下载marked模块 Usage 新建一个marked.js文件,引入marked 模块,并使用. option配置 参数说明: -o, –output [output]: 指定输出文件,默认为当前控制台 -i, –input [input]: 指定输入文件或最后一个参数,默认为当前控制台输入 -t, –tokens:

My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件:     <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 3.页面使用两个方式:     常规调用:  <input id="d11" type="tex

创建service.module.ts import { NgModule, ModuleWithProviders } from '@angular/core'; import { SomeSharedService } from './global.service'; export { SomeSharedService } @NgModule() export class ServicesModule { static forRoot():ModuleWithProviders{ retu

因为Android Studio是基于IDEA的,所以IDEA里面能用的插件Android Studio也能用,这次图片背景是依赖IDEA下的一个插件,名为BackgroundImage的插件,用户可以去搜索下载,先看看效果图: 设置步骤: 1.打开[File]-->[Settings],找到Plugins,在里面搜索BackgroundImage这个插件名称,搜索后点击右边的Install,然后重启Android Studio,在重启的时候会报错,原因是你还没对图片背景设置进行修改,Backg

创建service.module.ts import { NgModule, ModuleWithProviders } from '@angular/core'; import { SomeSharedService } from './global.service'; export { SomeSharedService } @NgModule() export class ServicesModule { static forRoot():ModuleWithProviders{ retu

前段时间,做了个官网项目,客户要求将首页的域名后面的参数去除干净,然后就把#去掉了,一转脸,客户让去掉子页面地址栏上的参数,这很棘手,因为子页面的内容是根据子页面地址栏上的参数而定的,如果要去掉这些参数,怎么在跳转页面时也可以拿到上一个页面所存的变量呢?于是,想起了vuex,但是vuex有一个问题是,一旦刷新页面,vuex中的值会丢失,那怎么解决呢?就是在存变量值的同时在session中也存一份数据,在取变量值时,如果刷新了页面,变量值肯定就不存在了,这时我么你可以判断vuex中的变量是否有值,

症状: Missing artifact org.springframework:spring-core:jar:5.0.0.RC3 原因: 在引入之前没有设置spring版本号 和spring url地址 解决方案: <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocatio

设置程序Dlls的搜索路径 1.导入Native函数 /// <summary> /// 设置Dlls的搜索路径 /// </summary> /// <param name="path"></param> /// <returns></returns> [DllImport("kernel32.dll", CharSet = CharSet.Auto, SetLastError = true)

ngx-markdown 是 Angular2+ 的一个第三方库,它的主要功能是将md文件转换为HTML格式,并且支持语法高亮. GITHUB地址:https://github.com/jfcere/ngx-markdown 安装 1. 安装 ngx-markdown 使用 npm 进行安装,在 `angular｀项目目录中执行: npm install ngx-markdown --save 在应用中引入 marked 的支持.引入: "scripts" : [ "../n

import 规范 引入了三种类型的包,标准库包,第三方包,程序内部包,建议采用如下方式进行组织你的包: 有顺序的引入包,不同的类型采用空格分离, 第一种标准库 第二是第三方包 第三是项目包. 在项目中不要使用相对路径引入包,在goland中可以使用如下设置自动格式化为引入标准 打开设置:Editor > Code Style > Go,选择import标签,将排序改为goimports, 剩下的按照自己喜好进行修改即可 Reference goimports-group

博客地址:http://blog.csdn.net/FoxDave 在进行开发的时候,你很可能会想要引用一些公开的JavaScript库到你的项目中,本文将会介绍如何打包和共享这些库. 打包脚本 默认情况下,web部件包会自动包含项目所依赖的库.这意味着库会随着你的web部件一起被部署.这对于非公用的规模较小的库来说是比较有益的. 例子 将字符串验证库validator包加入到web部件.从npm下载validator包,输入命令: npm install validator --save 注意

这是我几个月之前的项目作品,花了相当的时间去完善.博客人气不高,但拿代码的人不少,所以一直处于保密状态.没有公开代码.但如果对你有帮助,并能提出指导意见的,我将十分感谢. IFE前端2015春季 任务3 综合练习 任务描述 参考设计稿实现一个简单的个人任务管理系统:如下图 任务需求描述: 最左侧为任务分类列表,支持查看所有任务或者查看某个分类下的所有任务 初始时有一个默认分类,进入页面时默认选中默认分类. 分类支持多层级别. 分类支持增加分类.删除分类两个操作在左侧分类最下方有添加操作,点击后弹

本章主要内容: 介绍我们将在接下来的几章中构建的应用程序 配置我们的CSS样式表,使其看起来更像一个本机应用程序 回顾在Electron中主进程和渲染器进程之间的关系 为我们的主进程和渲染器进程实现基本功能 在Electron渲染进程中访问Chrome开发者工具 我们的书签管理器是一个很好的开始,但它只触及了我们可以用Electron做什么. 在本章中,我们将更深入地探讨,并为与用户操作系统建立更紧密联系的应用程序打下基础.在接下来的几章中,我们将实现触发操作系统用户界面,对文件系统进行读写和访

近期在自己的项目中加入了对 Markdown 语法 的支持,主要用到的是markedjs这个项目.该项目托管在github上,地址为:https://github.com/markedjs/marked/ 项目的安装 下载项目之后,在根目录下执行如下 npm 命令 进行安装 $ npm install 安装完成之后最终项目的目录结构如下 我们看一下根目录下的 package.json 文件,部分内容如下. json有自己的语法格式,可以参考 Json 教程 "scripts": { &

先来上图: 我们把主界面从左向右拉动,可以看到地下有一层菜单页,从透明渐渐变得不透明,从小渐渐变大,感觉上觉得菜单页是从屏幕外面被拉到屏幕中的.下面的代码实现这个DEMO: 首先是自定义控件SlidingMenu控件的代码: public class SlidingMenu extends HorizontalScrollView { // 自定义View的步骤: // 1.onMeasure():决定子View的宽和高和自己的宽和高 // 2.onLayout():决定子View放置的位置 /

组件拆分 先把项目搭建时生成的代码给清了吧 现在static目录下引入reset.css 接着在index.html引入,并且设置<meta> 有时候呢,为了让代码符合我们平时的编码习惯,我们可以在ESLint进行设置,如下: 回到入口js文件main.js,为了好看,我们给它加上分号: 不过这是就会报错了: 所以要到eslintrc.js去设置(上面对应可以去官网查看怎么配置),使它接受这样的编码方式. 现在的App.vue如下: 然后我们编写组件来替换那三个区块. 创建header组件 将

这个东西需要第二级, babel-preset-stage-2,然后再presets里引入stage-2的设置,再plugins离引入对应的插件 { "presets": ["es2015", "react", "stage-2", "stage-3"], "plugins": [ "transform-runtime",  "transform-stric

系列文章 Visual Studio 2015速递(1)——C#6.0新特性怎么用 Visual Studio 2015速递(2)——提升效率和质量(VS2015核心竞争力) Visual Studio 2015速递(3)——ASP.NET 新特性 说是VS2015的高级特性,其实也高级不到哪里,看起来确实“高大上”,正如BUILD2015上演示的那样,你真的可以只用VS2015就可以“通吃”各种移动设备应用了,当然,是有条件的“通吃”,微软给了一系列的解决方案,来辅助完成这一目标. 首先我们来