使用 prismjs 在网页中高亮显示代码

最近在总结这一年来制作的网页模块,网站风格统一的情况下,网站页面结构不会改变,因此想记录一部分网站中统一的结构,方便日后维护。用到的相关技术:vue,element-ui,prismjs,vue-prism-editor,vue-router做成的效果如图:因为是在vue 环境下,因此需要安装以下插件:npmiprismjsnpmivue-prism-editornpmielement-ui制作过程中有三个知识点:element-ui 菜单展示代码通过组件间传值prismjs 代码皮肤菜单sibar.js菜单结构是通过一个json实现的,数据结构使用类似router 的组件嵌套方式,方便维护://外层的数组代表一级菜单,内层sub数组代表二级菜单。module.exports=[{name:'AnvizModule',id:'anviz',sub:[{name:'layout布局',componentName:'AnvizLayout'},{name:'container布局容器',componentName:'AnvizContainer'}]...

我的第一个远程代码库房:建立Github仓库 心得

一直想有一个自己的代码库,搞了两天终于搞定了,把自己的代码上传到github的愿望终于实现了,虽然仅仅是个开始。在搭建的过程中,吸收了些知识,记录在这里,以作为分享。Git和Github的区别与联系:Git Git是版本管理系统,它是个软件。是可以在电脑不连网的情况下只在本地使用的一个版本管理工具,其作用是让你更好的管理你的程序。Github是一个网站,是广大开源者开源自己的代码的平一个平台,而它采用版本控制的软件就是Git。Github是基于Git的代码托管库,说白了就是程序员自己写的程序存放的仓库,它是让程序员相互交流和学习的平台。Github的管理神器:SourceTree,虽说Github功能强大,但是使用命令行操作还是有点不习惯,也非常容易出错,特别对于英文不好的同学来讲,简直要了老命了。而 SourceTree就是一个图形化操作  Github的工具,操作简单,提交也非常直观。 那么我怎么建自己的代码库呢?下载一个 Git:https://git-scm.com/download,安装完成之后。你的代码就放在git...

微信JSSDK javascript 开发 代码片段,仅供参考

最全面最专业的微信公众平台开发教程:http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html比较完整的分享教程:http://www.cnblogs.com/leinov/p/5256879.htmlajax调用服务器接口:functionGetWeiXinJsapiConfig(){varurl=encodeURIComponent(location.href.split('#')[0]);alert('urlis'+url);$.ajax({type:"POST",url:"/XXX/GetWeiXinJsapiConfig",data:"{'curUrl':'"+url+"'}",contentType:"application/json;charset=utf-8",dataType:"json",success:function(data){console.log(data.d);varconfigData=$.parseJSON(data.d);console.log('sigis'+configData.signat...

git提交代码到码云详解

一、为什么不用github而使用码云?   私有——免费,速度快二、怎么用?  1.下载安装好git.  2.去码云官网注册个账号。官网:https://git.oschina.net/  3.创建项目。项目创建好后,你会发现,可以直接通过上传文件的方式,把文件放进去。可是,我要用git去传。  4.配置SSH公钥。      4.1通过gitbash生成公钥    找到.ssh文件位置,我的是在C:Usersadmin.ssh,点进去。右键单击,选择gitbashhere,出现命令窗口.输入下面命令#ssh-keygen-trsa-C"shoneworn@163.com" 注意,如果你以前配置github的时候,生成过公钥。那就没必要再使用以上命令了。否则,会出现两种情况。一种是,你没有重命名,导致原公钥被重写。导致github无法提交。一种是,你重命名了,结果,等你操作的时候,发现无论如何也无法提交,这个时候,你再回头找原因,遍地百度,还是无法解决。在这里,我告诉你,原因就在这里,因为已经有公钥,即便你配置了重命名的公钥,还是不行。所以,...

Android多项目依赖在Eclipse中无法关联源代码的问题解决 Ctril 点不进去的解决方法

1.使用快捷键:Ctrl+shift+R,在弹出框中输入.classpath 找到被作为library引入的那个.classpath文件。2.将kind="src"path="src"放在第一行!3.重启,ok!...

***Linux chmod命令修改文件与文件夹权限命令代码

  在Unix和Linux的各种操作系统下,每个文件(文件夹也被看作是文件)都按读、写、运行设定权限。 在Linux中要修改一个文件夹或文件的权限我们需要用到linux chmod命令来做,下面我写了几个简单的实例大家可参考一下。语法如下:chmod [who][+|-|=][mode]文件名命令中各选项的含义为u表示“用户(user)”,即文件或目录的所有者。 g表示“同组(group)用户”,即与文件属主有相同组ID的所有用户。 o表示“其他(others)用户”。 a表示“所有(all)用户”。它是系统默认值。操作符号可以是:+添加某个权限。 -取消某个权限。 =赋予给定权限并取消其他所有权限(如果有的话)。设置mode所表示的权限可用下述字母的任意组合:r可读。 w可写。 x可执行。X只有目标文件对某些用户是可执行的或该目标文件是目录时才追加x属性。s在文件执行时把进程的属主或组ID置...

如何安装ioncube扩展对PHP代码加密

禅道专业版本的核心代码都是加密的(前端的html,css,js,配置,语言项是开源的)的,使用的加密软件是ioncube,因此要能运行禅道专业版本的软件,先要按照ioncube扩展。一、下载loader-wizard.php(支持php5.3、php5.4、php5.5、php5.6版本)ioncube提供了一个安装的向导程序,可以非常方便的帮助检测php的运行环境,自动给出提示。1.1通过下面的地址下载loader-wizard:http://www.ioncube.com/loader-wizard/loader-wizard.zip1.2下载之后,将其解压缩,到apache的www或者htdoc目录。二、运行loader-wizard.php程序2.1使用浏览器访问loader-wizard.php比如http://localhost/loader-wizard.php 实际的访问路径根据情况修改。2.2这个loader程序经过计算之后,会自动给出提示:根据这个向导程序的提示,下载相应的解密软件。将下载下来的解密软件放在它指定的目录中。下载向导程序计算出来新的php.i...

**代码审查:Phabricator命令行工具Arcanist的基本用法

Phabricator入门手册http://www.oschina.net/question/191440_125562  Pharicator是FB的代码审查工具,现在我所在的团队也使用它来进行代码质量的控制。其提供了一个differential(codereview)命令行工具Arcanist(arc)。本文仅从本人的日常使用中总结出Arcanist比较常用的用法做个简单介绍。  环境说明OS:OSXMountailLionSCV:svnIDE:Eclipse  安装将Arcanist的源码拷贝到本地 somewhere/$gitclonegit://github.com/facebook/libphutil.gitsomewhere/$gitclonegit://github.com/facebook/arcanist.git复制代码 将arc的路径加入到系统路径中 $exportPATH=$PATH:/somewhere/arcanist/bin/复制代码  或在系统的profile或是bash(如果用bash)的配置文件的末尾...

微信默认表情符号的代码对照表

在微信用户可以发送表情符号,如下图:这些符号公众平台是将其处理成文本,下面就列出微信默认表情符号代码对照表:表情图片字符串代码替换关键字/::)微笑/::~伤心/::B美女/::|发呆/:8-)墨镜/::<哭/::$羞/::X哑/::Z睡/::’(哭/::-|囧/::@怒/::P调皮/::D笑/::O惊讶/::(难过/::+酷/:–b汗/::Q抓狂/::T吐/:,@P笑/:,@-D快乐/::d奇/:,@o傲/::g饿/:|-)累/::!吓/::L汗/::>高兴/::,@闲/:,@f努力/::-S骂/:?疑问/:,@x秘密/:,@@乱/::8疯/:,@!哀/:!!!鬼/:xx打击/:byebye/:wipe汗/:dig抠/:handclap鼓掌/:&-(糟糕/:B-)恶搞/:<@什么/:@>什么/::-O累/:>-|看/:P-(难过/::’|难过/:X-)坏/::*亲/:@x吓/:8*可怜/:pd刀/:<W>水果/:beer酒/:basketb篮球/:oo乒乓/:coffee咖啡/:eat美食/:pig...

第一行代码 Android 思维导图

第一行代码Android 思维导图 ...

JQuery判断radio是否选中并获取选中值的示例代码

这篇文章主要介绍了JQuery判断radio是否选中并获取选中值的方法,代码很简单,但很实用,需要的朋友可以参考下其他对radio操作功能,以后在添加。直接上代码,别忘记引用JQuery包?123456789101112131415161718192021222324252627282930313233343536373839404142434445<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>JQueryradio</title><scripttype="text/javascript"lan...

构建iOS稳定应用架构时方案选择的思考,主要涉及工程结构,数据流思想和代码规范

我打算采用Informationflow的方式自上而下,两大层分为基础层和展现层的结构。基础层分为多层,展现层也可分为多层。主要思想是将基础层的最下一层当做零部件,将业务层最下层当做组装大部件,通过流程串起来形成一个完整的产品,做零件时按照做出一个就扔进对应基础层的篮子里思路来,目录结构也可以按照这种来进行。这两大层的最下层按照零件拆得越小越容易应对需求变化越容易保护巩固上层的思路来就好。拿微信这个大家都熟悉的产品的几个功能来简单示例说明下这个思路构建后的结构,模块比较多,一些模块就不深入到最底层分析了:基础层-网络--收发数据---单例(持续使用数据)---本地(缓存和持续化存储数据对业务的封装输出)---单次使用(API接口Model封装输出和业务逻辑封装的ViewModel,将这些做为业务零件)-存储---NSUserDefault(对轻量需要存储的添加下一层业务零件封装)---keychain(对安全级别较高需要存储的添加下一层业务零件封装)---文件存储(对时效需求短的需要存储的添加下一层业务零件封装)---数据库存储(对数据量大的需要存储的添加下一层业务零件封装,业务层上一...

IOS笔记 #pragma mark的用法和作用(方便查找和导航代码)

简单的来说就是为了方便查找和导航代码用的。 下面举例如何快速的定位到我已经标识过的代码。  #pragmamark 播放节拍器-(void)Run:(NSNumber *)tick{//...}OK,那么如何查找呢,点击代码编辑器上面的导航栏即可: 接着我修改一下代码:#pragmamark- 播放节拍器 猛一看没发现区别是吧?实际上多了一个横线  #pragmamark “-” 播放节拍器 这个短横线(减号)有什么作用呢,再次点击导航栏就可以看到。加上-后会显示一条分割线会让注释名称更加显眼突出。 That'sall....

30个php操作redis常用方法代码例子

这篇文章主要介绍了30个php操作redis常用方法代码例子,本文其实不止30个方法,可以操作string类型、list类型和set类型的数据,需要的朋友可以参考下redis的操作很多的,以前看到一个比较全的博客,但是现在找不到了。查个东西搜半天,下面整理一下php处理redis的例子,个人觉得常用一些例子。下面的例子都是基于php-redis这个扩展的。1,connect描述:实例连接到一个Redis.参数:host:string,port:int返回值:BOOL成功返回:TRUE;失败返回:FALSE示例:复制代码代码如下:<?php  $redis=newredis();  $result=$redis->connect('127.0.0.1',6379);  var_dump($result);//结果:bool(true)  ?>   2,set描述:设置key和value的值参数:KeyValue返回值:BOOL成功返回:TRUE;失败返回:FAL...

阿里云PHP Redis代码示例

测试代码示例<?php/*这里替换为连接的实例host和port*/$host="localhost";$port=6379;/*这里替换为实例id和实例password*/$user="test_username";$pwd="test_password";$redis=newRedis();if($redis->connect($host,$port)==false){die($redis->getLastError());}/*user:password拼接成AUTH的密码*/if($redis->auth($user.":".$pwd)==false){die($redis->getLastError());}/*认证后就可以进行数据库操作,详情文档参考https://github.com/phpredis/phpredis*/if($redis->set("foo","bar")==false){die($redis->getLastError());}$value=$redis->get("foo");echo$value;?...
首页上一页...153154155156157下一页尾页