关于Css的定位的一些总结
1、静态定位：所有的标准流都是静态定位 position：static float: none 元素没有偏移值 2、相对定位：相对自身进行移动 参照物：自身 是否脱标：不脱，永远占据标准流位置 3、绝对定位 参照物：往父级上找，如果找到了有定位（相对，绝对，固定）的父级，就会以这个元素为 参照物，如 ... 查看全文
总结vscode调试vue,nodejs的各种方法
之前写项目一直都是console.log()来调试的，浪费了很多时间，现在整理一下用vscode对nuxt(vue)前后端进行调试的方法 前端的调试 chrome+launch 使用chrome调试，模式为launch。不多说，直接上图 当执行到到的位置就会出现 chrome+attach 使用ch ... 查看全文
CentOS安装NodeJS
NodeJS 目的 构建VUE项目 安装nginx 这部分很基础，网上很多教程 安装wget yum install y wget 如果已经安装了可以跳过该步 下载nodejs最新的bin包 在https://nodejs.org/en/download/中找到下载地址。然后执行指令 cd /dat ... 查看全文
编译原理实战入门：用 JavaScript 写一个简单的四则运算编译器（修订版）
编译器是一个程序，作用是将一门语言翻译成另一门语言。 例如 babel 就是一个编译器，它将 es6 版本的 js 翻译成 es5 版本的 js。从这个角度来看，将英语翻译成中文的翻译软件也属于编译器。 一般的程序，CPU 是无法直接执行的，因为 CPU 只能识别机器指令。所以要想执行一个程序，首先 ... 查看全文
Vue+Mock.js模拟登录和表格的增删改查
前言 关于mockjs，官网描述的是 1.前后端分离 2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。 3.数据类型丰富 4.通过随机数据，模拟各种场景。 5 项目不背锅（等后端给接口的话可能会背锅） 等等优点，最后一条我加的。 第一步先安装mock.js npm insta ... 查看全文
让网页变灰的实现_网站蒙灰CSS样式总汇
每次全国哀悼日，各大网站首页都变成了灰色，添加以下全局CSS样式，可以实现此效果： 方法一 html { -webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} ... 查看全文
yarn的使用及升级Node.js的新方法
yarn的使用 yarn包管理工具，官网说是快速、可靠、安全的依赖管理，尝试了一下，入手很快，用起来也蛮方便的。大家可以尝试一下。 yarn安装 mac电脑上面安装如下： brew update brew install yarn yarn工作流 1、创建一个新的项目 yarn init 类似于np ... 查看全文
fastadmin开发总结2---如何快速上手一个JS插件，如何自己写一个插件
封装js插件学习指南 1、原生JavaScript插件编写指南 = http://geocld.github.io/2016/03/10/javascript_plugin/ 2、如何定义一个高逼格的原生JS插件 = https://www.jianshu.com/p/e65c246beac1 3、 ... 查看全文
如何形成一个完整的HTML对象
写在前面，本文将同步发布于Blog、掘金、segmentfault、知乎等处，如果本文对你有帮助，记得为我得到我的个人技术博客项目给个star哦。 为何写这篇文章？ 你可能做Web开发已经有一段时间，你是否有想过下列问题呢？为什么div元素甚至是所有的html元素都可以使用addEventListe ... 查看全文
前端每日实战：89# 视频演示如何用 CSS 和 D3 创作旋臂粒子动画
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/xJrOqd 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ... 查看全文
Flask 使用CSS框架
加载静态文件 一个Web项目不仅需要HTML模板，还需要许多静态文件，比如CSS、JavaScript文件、图片和声音声。 在flask程序中，默认需要将静态文件存储在与主脚本（包含程序实例的脚本）同级目录的static文件夹中。 为了在HTML文件中引用静态文件，我们需要使用url_for()函数 ... 查看全文
获取js内置对象实例所属的类型
在js中，typeof js内置对象实例都会返回object。例如： let value = [1,2,'a']; typeof回返回object，而Object.prototype.toString.call(value)回返回[object Array]，但是自定义对象实例仍然回返回object ... 查看全文
Vue.js文档---介绍
Vue.js文档 介绍 1. Vue.js是什么？ 用于构建用户界面的渐进式框架（渐进式JavaScript框架） 和其他大型框架的区别：自底层向上，逐层应用 核心库只关注视图层，易上手，便于和第三方库和既有项目整合 为复杂单页提供驱动（结合其他工具和支持类库） Vue和其他库/框架的区别：等文档学 ... 查看全文
javaScript Event loop
1.JavaScript是一门单线程语言，单线程意味着他只有一个栈，一次只能去做一件事情，所以要知道他是如何去处理异步问题还得搞清楚JavaScript的代码执行运行机制。 首先我们先写一段简单同步线程的代码 function one(n){console.trace(n);} function t ... 查看全文
webstrom Debug 调试vue项目
第一种，使用vue插件 下载插件：https://chrome.google.com/web... 这样直接run一个vue项目，你就会看见插件标亮了 打开调试模式，你就会看见最后有个vue标记，打开能看见当前vue页面渲染相关数据 第二种，使用webstrom调试 下载插件 https://chr ... 查看全文
浏览器内核拿到html文件后，渲染流程是怎么样?
解析html元素，构建dom 树 解析CSS，生成页面css规则树（Style Rules） 将dom树 和 css规则树关联起来，生成render树 布局（layout/ reflow），浏览器会为Render树上的每个节点确定在屏幕上的尺寸、位置 绘制Render树，绘制页面像素信息到屏幕上，这 ... 查看全文
RxJS Subject学习
一个Observable的例子 输出 可以看到 Observable 对象可以被重复订阅。 Observable 对象每次被订阅后，都会重新执行。 一个Subject的例子 输出 可以看到 Subject 是 Observable 对象。 Subject 是保持内部状态的 Observable 对象 ... 查看全文
warning: LF will be replaced by CRLF in public/tinymce/langs/zh_CN.js
windows使用git时出现：warning:LF will be replaced by CRLF windows中的换行符为 CRLF， 而在linux下的换行符为LF，所以在执行add . 时出现提示，解决办法： $ rm -rf .git // 删除.git $ git config -- ... 查看全文
跨域解决方案 - JSONP
[toc] 1. 定义 在HTML 中, script 标签有两个个性质: 1. script 标签可以不受同源策略的限制去访问服务器资源, 即script 标签不存在跨域问题 2. script 加载的内容为JavaScript 代码时, 会立即执行一遍JavaScript 代码 我们利用这一性质 ... 查看全文
基于VuePress构建高基于markdown语法的网站全教程
VuePress是一个用来构建博客以及简易网站的项目，基于vuejs，由尤雨溪亲自主持的一个静态项目，静态打包。 基于这样的系统，可以方便用于小型文章发布，如帮助中心、官方博客，支持解析md文件。 ... 查看全文
javascript es6新增语法之`${}`
这是es6中新增的字符串方法 可以配合反单引号完成拼接字符串的功能 1、反单引号怎么打出来？将输入法调整为英文输入法，单击键盘上数字键1左边的按键。 2、用法step1： 定义需要拼接进去的字符串变量step2： 将字符串变量用${}包起来，再写到需要拼接的地方 3、示例代码： let a='Kar ... 查看全文