前端
VUE
· ☕ 2 min read
介绍 技术 特性 适用场景 说明 VUE - 中文官网 - 教程 - Github 安装 vue 前提条件 安装 node.js 安装 vue 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 # 安装最新稳定版 $ npm install vue $ vue --version # 安装 vue-cli $ npm install vue-cli -g # 初始化项目 $ vue init webpack vue-demo ?

Flutter
· ☕ 3 min read
介绍 技术 特性 适用场景 说明 Flutter - 声明式 - 跨平台 - 热重载 - 使用 C、C ++、Dart 和 Skia(2D渲染引擎)技术构建 移动端跨平台开发 - 官网 - Docs - Github - awesome-flutter Flutter plugin - 运行 - 调试 - 热重载 开发环境插件 支持Flutter开发人员工作流程(运行、调试、热重载等) Dart plugin - 代码验证 - 键入代码 - 完成代码 开发环境插件 提供了代码分析(代码验证、键入代码、完成代码等) 安装 Mac 安装SDK 1 2 3 4 5 6 7 ########## 安装SDK ########## $ mkdir -p ~/development $ cd ~/development $ wget https://storage.

Hexo
· ☕ 6 min read
安装 安装node.js https://nodejs.org/en/ 安装Hexo 1 $ npm install -g hexo-cli 目录结构 目录结构如下: . |--_config.yml |--db.json |--package.json |--node_modules |--public |--scaffolds |--source |----|_posts |--themes 文件/目录 说明 _config.yum 网站的全局配置信息。 db.json 缓存文件 package.json 应用程序的信息。 node_modules 插件存放目录。 public 存放生成的静态文件。 scaffolds 布局模板文件夹。新建文章时,会根据这里的模板来创建文件。 source 存放用户资源的地方,如:文章、网页。 source/_posts 用户的文章存放目录。 themes 主题文件夹。 创建网站 1 2 3 $ hexo init blog $ cd blog $ npm install 指令 基础指令 指令 说明 init 新建一个网站 new 新建一篇文章 generate 生成静态文件 publish 发表草稿 server 启动服务器

highlight.js支持的语言和别名
· ☕ 3 min read
highlight.js支持的语言和别名 支持的语言 别名 1C 1c ABNF abnf Access logs accesslog Ada ada ARM assembler armasm, arm AVR assembler avrasm ActionScript actionscript, as Apache apache, apacheconf AppleScript applescript, osascript AsciiDoc asciidoc, adoc AspectJ aspectj AutoHotkey autohotkey AutoIt autoit Awk awk, mawk, nawk, gawk Axapta axapta Bash bash, sh, zsh Basic basic BNF bnf Brainfuck brainfuck, bf C# cs, csharp C++ cpp, c, cc, h, c++, h++, hpp C/AL cal Cache Object Script cos, cls CMake cmake, cmake.

jQuery中通过Ajax传送数组
· ☕ 1 min read
在jQuery1.4以后,如果想通过Ajax传送数组,需要在Data参数里增加一个traditional:true的参数。 如,原有的写法是: 1 2 3 4 5 6 7 8 9 10 11 12 $.ajax({ type: "POST", url: "/role/SaveRoleResource", data: { roleId: roleId, array: item }, datatype: 'json', success: function (result) { alert('保存成功'); }, error: function (data) { alert(data); } }); 最新的写法是: 1 2 3 4 5 6 7 8 9 10 11 12 13 $.ajax({ type: "POST", url: "/role/SaveRoleResource", data: { roleId: roleId, array: item }, datatype: 'json', traditional:true, success: function (result) { alert('保存成功'); }, error: function (data) { alert(data); } });

Bootstrap中jQuery无法选中复选框解决办法
· ☕ 1 min read
问题症状 前段时间做了一个系统,为了能够很好的兼容移动端,我使用了一套基于Bootstrap的模版,但是发现,无法使用jQuery选中。 问题诊断 经过上网搜索,发现很多人有这个问题,很普遍,但是没有解决办法。类似的症状也蛮多的。 经过调试,发现Bootstrap有自己的一套选择的方式,是通过增加样式进行选中的。 解决办法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 //全选/全不选 $("#checkAll").click(function () { if ($(this).is(':checked') == true) { // 全选 $(":checkbox").each(function () { $(this).prop("checked", true); $(this).parent("span").addClass("checked"); }); } else { $(":checkbox").each(function () { $(this).prop("checked", false); $(this).parent("span").removeClass("checked"); }); } });