07 2019 档案
摘要：安装homebrew： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 卸载homebrew： $ cd `brew --prefix` $ rm -
阅读全文
摘要：安装 请先看总结！！！！！ 1、网上的安装方法都是用curl，从官网找到命令复制到终端，然后回车，结果报错请求超时 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/ins
阅读全文
摘要：Homebrew Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，会自 动下载相关依赖，十分方便便捷（缺失包管理器） Homebrew 能干什么? 使用 Homebre
阅读全文
摘要：我们可以使用html2jade将html编译成jade 首先安装html2jade npm install html2jade -g 用法一：使用html2jade将html转为jade html2jade http://www.imooc.com > mock.jade 上面表示将慕课网的首页转化
阅读全文
摘要：首先全局安装jade，我们就可以使用jade 命令了！ jade index.jade // 解析后会在文件夹中新生成一个压缩代码后的index.html 如果我们不想生成的index.html文件进行压缩，那么我们可以执行 jade -P index.jade 如果我们想实时看到我们的编译效果（不
阅读全文
摘要：1、首先安装node 2、新建一个文件夹并进入该文件夹 3、安装jade 4、在新建的文件夹下新建js文件，写nodejs代码 5、在vscode中利用插件code runner直接执行js文件，输出相应结果
阅读全文
摘要：jade可以自动识别单双标签 // 1.jade内容： input(type="button", value="点击") div // 此时输出❌error:input is self closing and should not have content，input为单标签不能有内容 Jade中所
阅读全文
摘要：语法 ⚠️实例均结合node jade缩进代表层级 html <html></html> html <html> head <head> style <style></style> </head> body <body> div <div></div> div <div></div> </body>
阅读全文
摘要：前言 流行的模板 PHP:Smarty SimpleTemplate Xtemplate Savant Java:Velocity FreeMarker Jbyte C#:Dotiquid SharpDom Razor Javascript:Mustache Handlebars Juicer Xt
阅读全文
摘要：定义和用法 $.fn.extend() 函数为jQuery扩展一个或多个实例属性和方法(主要用于扩展方法)。 提示：jQuery.fn是jQuery的原型对象，其extend()方法用于为jQuery的原型添加新的属性和方法。这些方法可以在jQuery实例对象上调用。 语法 $.fn.extend(
阅读全文
摘要：如何在页面上同时使用 jQuery 和其他框架？ jQuery 和其他 JavaScript 框架 正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？ 其他一些 JavaScript 框架包括：MooTo
阅读全文
摘要：jQuery 遍历 - 祖先 parent() parents() parentsUntil() jQuery parent() 方法 parent() 方法返回被选元素的直接父元素。 该方法只会向上一级对 DOM 树进行遍历。 jQuery parents() 方法 parents() 方法返回被
阅读全文
摘要：jQuery 尺寸 方法 jQuery 提供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery 尺寸 jQuery width() 和 height() 方法 width
阅读全文
摘要：过滤被删除的元素 jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。 该参数可以是任何 jQuery 选择器的语法。 下面的例子删除 class="italic" 的所有 <p> 元素： $("p").remove(".italic"); trigger() 触发被选元
阅读全文
摘要：添加元素的方法 append()、appendTo()、prepend()、prependTo()、after()、before() 通过 append() 、appendTo()、prepend() 、prependTo()方法添加若干新元素 在上面的例子中，我们只在被选元素的开头/结尾插入文本/
阅读全文
摘要：三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 $("#btn1").click(function(){ $("#test1").te
阅读全文
摘要：通过 jQuery，可以把动作/方法链接在一起。 Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。 jQuery 方法链接 直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。 不过，有一种名为链接（chaining）的技术，允许我们在相同的元素
阅读全文
摘要：jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。 语法：$(selector).stop(stopAll,goToEnd); 可选的 stopAll 参数规定
阅读全文
摘要：可以用 animate() 方法来操作所有 CSS 属性吗？ 是的，几乎可以！不过，需要记住一件重要的事情：当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 m
阅读全文
摘要：Advanced templating: illustrates defines and includes. Include external snippet defined in a variable: {{#def.externalsnippet}} Load external template from a file: {{#def.loadfile('/snippet.txt')}}...
阅读全文
摘要：简介 创建搜索最快和简洁的JavaScript模板函数，强调V8和nodejs下的性能，它在nodejs和浏览器上都显示了很好的性能。 dot.js速度快，体积小，没有依赖关系，源js代码只有140行 特性 无依赖 极其快速 自定义定界符 (custom delimiters) 运行时求值 (run
阅读全文
摘要：如何使用距离标记标记包 如何使用双因素身份验证 如何使用安全令牌 如何从CLI更改配置文件设置 理解包和模块
阅读全文
摘要：package-lock.json 描述 对于npm修改node_modules树或package.json的任何操作，都会自动生成package-lock.json，它描述生成的确切树，以便后续安装能够生成相同的树，而不管中间依赖项更新如何。 此文件拟提交至来源资料库，并可作以下用途： 描述依赖关
阅读全文
摘要：前言 要求npm版本2或更高 作用域用于将相关包分组在一起，并为npm模块创建一个名称空间(类似于域)。这里有更详细的解释。 如果一个包的名称以@开头，那么它就是一个有作用域的包。范围是@和斜杠之间的所有内容。 每个npm用户都有自己的范围。 如何初始化作用域包 要创建有作用域的包，只需使用以作用域
阅读全文
摘要：包括文档(readme.md) npm建议您包含一个readme文件来记录您的包。自述文件必须有文件名readme.md。文件扩展名.md表示该文件是一个标记(markdown)文件。当有人发现您的包时，该文件将出现在npm网站上。在开始之前，请查看一些包页面，了解可以添加到readme文件中的信息
阅读全文
摘要：npm的语义化版本控制——Semantic versioning 在新发布的代码中传达更改的程度非常重要，因为有时更新会破坏包需要的代码(称为依赖项)。语义化版本控制(semver)是一个旨在解决这个问题的标准。 Semver出版商 如果一个项目要与其他项目共享，那么它应该从1.0.0开始(尽管np
阅读全文
摘要：前言 我们经常使用npm来下载别人的模块或者说包，那么我们如何将自己写的模块上传到npm呢？ 了解npm政策 在开始之前，最好回顾一下npm的政策，以防您对站点礼仪、命名、许可或其他指导原则有疑问。 发布包 1、创建用户帐户，要发布，您必须是npm注册表上的用户。如果您不是用户去npmjs.org注
阅读全文
摘要：如何创建 Node.js 模块 Node.js 模块是一种可以发布到 npm 的包。当你创建一个新模块时，创建 package.json 文件是第一步。 你可以使用 npm init 命令创建 package.json 文件。命令行中将会提示 package.json 字段中需要你输入的值。名称（n
阅读全文
摘要：使用package.json 管理本地安装的npm包的最佳方法是创建一个package.json文件。 一个packagejson文件: 列出项目所依赖的包。 允许使用语义版本控制规则指定项目可以使用的包的版本。 使您的构建具有可重复性，因此更容易与其他开发人员共享。 需求 一个package.js
阅读全文
摘要：如何安装全局包 有两种方式用来安装 npm 包：本地安装和全局安装。选用哪种方式来安装，取决于你如何使用这个包。 如果你想将其作为一个命令行工具，那么你应该将其安装到全局。这种安装方式后可以让你在任何目录下使用这个包。比如 grunt 就应该以这种方式安装。 如果您希望依赖于来自您自己模块的包，那么
阅读全文
摘要：如何安装本地包 有两种方式用来安装 npm 包：本地安装和全局安装。至于选择哪种方式来安装，取决于我们如何使用这个包。 如果你自己的模块依赖于某个包，并通过 Node.js 的 require 加载，那么你应该选择本地安装，这种方式也是 npm install 命令的默认行为。 如果你想将包作为一个
阅读全文
摘要：如何防止权限错误 如果您在尝试全局安装包时看到EACCES错误，请阅读本章。如果更改安装npm的目录，通常可以避免此错误。要做到这一点，要么使用版本管理器重新安装npm(推荐)或手动更改npm的默认目录。 选项一:使用节点版本管理器重新安装 这是避免权限问题的最佳方法，在安装节点版本管理器之前，不需
阅读全文
摘要：现在假设大家都安装了iTerm2 如果你想看看自己的机子上装了哪些shell，可以使用如下命令： cat /etc/shells 存在zsh 如果存在zsh显示如下： /bin/bash /bin/csh /bin/ksh /bin/sh /bin/tcsh /bin/zsh chsh -s 命令
阅读全文
摘要：好程序员web前端分享绝对路径与相对路径的引用 解惑页面中的相对路径和绝对路径 java中相对路径，绝对路径问题总结
阅读全文
摘要：前言 最近在开发中遇到一个需求：将后端返回的链接转换成二维码，那么如何来实现呢？我们可以使用QRCode.js来解决这一问题 什么是 QRCode.js？ QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成
阅读全文
摘要：Chrome开发者工具详解(3)：Timeline面板
阅读全文
摘要：Chrome开发者工具面板 面板上包含了Elements面板、Console面板、Sources面板、Network面板、 Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。 按钮的功能 Elements:查找网页源代码HTM
阅读全文
摘要：Elements面板 实时编辑DOM节点和CSS样式 双击DOM树视图里面的节点，可以实时编辑标签属性，修改的效果会立刻反应在浏览器里 点击右侧Style面板，可以实时修改CSS的属性值，这里面的所有样式Name和Value都是可以编辑的;在每个属性后面单击可以添加新的样式，如下图 ： 点击右侧Co
阅读全文
摘要：1.准备一张图片,比如1.gif 2.使用chrome浏览器,新建立一个窗口,然后将a.png拖动至浏览器窗口里面,打开控制台(检查),最后点击source 3.使用方法: 注意source获取的一串字符串码,前面要加上base64编码的前缀,才能正常使用,下面是一个例子:
阅读全文
摘要：JS调试技巧 技巧一：格式化压缩代码 技巧二：快速跳转到某个断点的位置 右侧的Breakpoints会汇总你在JS文件所有打过的断点，点击跟checkbox同一行的会暂时取消这个断点，若是点击checkbox下一行的会直接跳转到该断点的位置 技巧三：查看断点内部的作用范围【很实用】 右侧的scope
阅读全文
摘要：前言 最近在开发中有一个需求大概就是说：表单点击提交按钮首先弹出确认对话框，然后点击确定请求接口，那么问题来了，我们如何确定点击的是确定还是取消呢？ 定义和用法 定义 comfirm()确认对话框，用于显示一个带有指定消息和确定及取消按钮的对话框 语法 comfirm(message) 参数：mes
阅读全文
摘要：前言 最近在开发中在写表单时想要将表单左侧的文案两端对齐 实现 在固定宽度的div中实现文字两端对齐有浏览器兼容问题：以下测试在谷歌67 火狐59 IE11 谷歌浏览器 谷歌浏览器 text-align-last: justify; 即可 火狐浏览器 火狐浏览器 1. 文字之间必须有空格 2. 添加
阅读全文
摘要：安装npm 安装前须知： npm是在Node中编写的，因此需要安装Node.js才能使用npm。可以通过Node.js网站安装npm，或者安装节点版本管理器NVM。 如果只是想开始探索npm，使用Node.js安装方法是最快的。如果您是一名高级开发人员，准备投入工作并使用版本，请使用node版本管理
阅读全文
摘要：npm：查看npm所有命令 自己写包可能用到的命令： npm adduser：注册 npm login：登录 npm whami：查看当前用户名 npm init：初始化包的信息 npm publish：发布包/更新包 npm publish --access=public：发布公共作用域包 npm
阅读全文
摘要：前言 执行命令npm publish报错：403 Forbidden - PUT https://registry.npmjs.org/kunmomotest2 - You cannot publish over the previously published versions: 0.0.1. 原
阅读全文
摘要：前言 执行npm publish 报错：403 Forbidden - PUT https://registry.npmjs.org/kunmomotest - you must verify your email before publishing a new package: https://w
阅读全文
摘要：前言 执行npm publish 报错：401 Unauthorized - PUT https://registry.npmjs.org/kunmomotest - You must be logged in to publish packages. 原因 未登录
阅读全文
摘要：问题描述 一般的form表单提交是单向的：只能给服务器发送数据，但是无法获取服务器返回的数据，也就是无法读取HTTP应答包。 想要真正的半双工通讯一般需要使用Ajax, 但是Ajax对文件传输也很麻烦。 解决方法 方法一： jQuery封装了一个form表单提交有回调功能的方法 导入 jquery
阅读全文
摘要：实现 第一步：打开VSCode的设置(Preferences>User Settings） 第二步：搜索terminal.integrated.shell.osx 的 并把它的值改为你的zsh安装路径 查找路径 tip （cat /etc/shell 命令找到zsh路径）
阅读全文
摘要：报错： 从错误信息来看，似乎需要通过管理员身份来接受许可协议，于是试着从这个角度google，终于在这里找到了解决方法： 1、打开终端，输入 sudo xcodebuild -license 2、终端提示敲回车键（enter）打开许可协议，照做 3、终端提示 按下 “space” 键阅读许可协议，按
阅读全文
摘要：https://www.cnblogs.com/soyxiaobi/p/9695931.html https://www.jianshu.com/p/246b844f4449
阅读全文
摘要：https://www.jianshu.com/p/ab2e6589e133
阅读全文
摘要：内部命令 我们可以直接在CMD下就可以执行的命令，例如：telnet、ftp、dir、cd、等等，你可以在CMD下输入help进行查看 外部命令 就是cmd下不能直接运行的命令，（例如大家常用的nc）他需要在CMD下切换到他（NC）所在的目录你才能运行NC及NC的命令
阅读全文
摘要：含义 dos 英文disk operation system，意思是磁盘操作系统是微软系列操作系统之一，dos是一个独立的操作系统，dos对操作人员的要求是比较高的，操作者需要记住很多的命令，并利用命令编写大量的命令行，来完成一些工作，操作相对比较复杂。windows的出现取代了DOS，因为wind
阅读全文
摘要：SDK 外语：Software Development Kit 中文：软件开发工具包 含义：一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。 通俗：是指由第三方服务商提供的实现软件产品某项功能的工具包。 出现形式：一般以集合kpi和文档、范例、工具
阅读全文
摘要：异常原因：VSCODE默认是UTF-8编码打开文件的。如果遇到了像GB18030 GBK等等的编码，就显示乱码了。 解决办法： 在设置文件中加入："files.autoGuessEncoding":true；自动识别字符编码。vscode默认文件字符编码为utf-8，可以在用户设置修改该属性，如：f
阅读全文
摘要：前言 我们经常会看到“javascript:”这种情况，他经常会用在两种属性身上，href和onclick等事件处理器，接下里我们主要说用在onclick等事件处理器上的情况，在href中的应用在之前的文章中有说过。 情况一：用在href上 参考：a标签中的onclick和href的使用 情况二：用
阅读全文
