摘要：
JavaScript Ajax用jsonp方式跨域发送请求示例 众所周知，Ajax是通过创建XMLHttpRequest对象或ActiveXObject来连接服务器、发送请求以及响应数据，但它却不能跨域。而在分布式系统中我们又需要跨域发送接受数据，于是jsonp出现了... 它是一种跨域请求方式，主 阅读全文
摘要：
1.推荐团队博客 推荐团队 w3cplus w3school 前端观察 腾讯Web前端Alloy团队 qq前端月报 淘宝前端团队fed 推荐博客 汤姆大叔博客 张鑫旭博客 阮一峰博客 廖雪峰官网 牧云云博客 前端小智 小胡子哥的个人网站 Jerry Qu fouber github 木易杨 gith 阅读全文
摘要：
CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。 如果你安装了多个IE，条件注释将会以最高版本的IE为 阅读全文
摘要：
基本介绍 vue.js采用数据劫持结合发布-订阅模式的方式，通过Object.defineProperty()来劫持各个属性的getter,setter,在数据变动时发布消息给订阅者，触发响应的监听回调。 主要功能： 实现一个指令解析器Compile 实现一个数据监听器Observer 实现一个Wa 阅读全文
摘要：
## 简介 所谓移动端响应式布局，就是最终布局适配不同的手机型号，针对不同的屏幕分辨率的终端上能够浏览网页展示的不同方式，我们也可以称为移动端适配布局。 > 总结就是一个移动端网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 优点： - 面对不同分辨率设备灵活性较强 - 能够快捷解决多设备 阅读全文
摘要：
在配置文件daemon.json中添加国内镜像，让其下载加速。 ``` vi /etc/docker/daemon.json ``` 如下国内镜像： ``` { "registry-mirrors": [ "https://registry.docker-cn.com", "http://hub-m 阅读全文
摘要：
属性 stroke-width SVG具有stroke-width定义笔触宽度的CSS属性。 <svg width="500" height="120"> <circle cx="50" cy="50" r="25" style="stroke: #000066; fill: none;stroke 阅读全文
摘要：
先看个示例 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>svg-viewbox</title> <style> body { text-align: center; } svg { margin-top: 100 阅读全文
摘要：
第一步，注册七牛云账号 打开 七牛开发者平台，选择 注册,注册后登录系统然后实名认证。 第二步，创建七牛云空间 七牛对象存储将数据文件以资源的形式上传到空间中。您可以创建一个或者多个空间，然后向每个空间中上传一个或多个文件。通过获取已上传文件的地址进行文件的分享和下载。您还可以通过修改存储空间或文件 阅读全文
摘要：
clmtrackr.js使用示例代码 html代码： <div class="video-con"> <video id="video" playsinline autoplay width="300" height="300"></video> <canvas style="visibility: 阅读全文
摘要：
广告展现 例如，关于计算机培训广告资源需要投放，一批是Java的用绿色字体，一批是PHP的，用黄色字体，红色背景。 // 创建Java学科类 var Java = function (content) { // 将内容保存在content里面以备后面使用 this.content = content 阅读全文
摘要：
简单工厂模式（Simple Factory）:又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象。 第一次需求 开发一个登录模块的需求，用户名输入框如果输入的内容不符合规范就自定义一个警告框警示一句：‘用户名不能多于16个字母或数字’ var LoginAlert 阅读全文
摘要：
发布-订阅模式的作用 比如常见的发送短信就是一个典型的发布-订阅模式，例如，小明、小红去售楼处购买房子，但是售楼处的工作人员告诉小明、小红当前楼盘已经售罄，新楼盘还没有开售，这个时候，小明、小红把自己的手机号告诉工作人员，当有新楼盘开售的时候让工作人员短信通知到他们。 那么小明、小红等购买者就是订阅 阅读全文
摘要：
方式一 <style> .border { width: 200px; height: 200px; position: relative; } .border::before { content: ""; position: absolute; left:0; top: 0; width: 200 阅读全文
摘要：
JSX是什么？ JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以他即具备了 Javascript 的灵活性，同时又兼具 html 的语义化和直观性。 注：灵活度强的部分组件可以用 阅读全文
摘要：
前端路由实现方式，主要有两种，分别是history和hash模式。 hash模式 不同路由对应的hash是不一样的，如何能够监听到URL中关于hash部分发生的变化？浏览器已经暴露给我们一个现成的方法hashchange,在hash改变的时候，触发该事件。 实现示例代码： <!DOCTYPE htm 阅读全文
摘要：
一般场景 我们看下，我们在高清显示屏下，实现这样一个内容，里面填充颜色及文字。第一种是用普通div元素的方式绘制，第二种就是用canvas的方式来绘制，示例效果如下： 从图上我们可以看出，普通div的绘制方式是清晰的，但是用canvas的绘制方式是模糊的。 参考示例代码如下： css代码： html 阅读全文
摘要：
前沿简介 圣杯布局和双飞翼布局是前端重要的布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。 圣杯布局来源于文章In Search of the Holy Grail,双飞翼布局来源于淘宝UED。 两者的实现方式有差异，但是都遵循以下几点： 两侧宽度固定，中间宽度自适 阅读全文
摘要：
首先先声明一个变量str,下面演示以该变量为例： str='https://www.baidu.com/about.html' 1.#号截取，删除左边字符，保留右边字符 echo ${str#*//} 说明： str为变量 #号是运算符 *//表示从左边开始删除第一个//号及左边的所有字符 结果：w 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>旋转立方体效果</title> <style type="text/css"> *{padding: 0; margin: 0} img{border: 0} 阅读全文
摘要：
主应用代码 主应用工程里面源代码新建qiankun/index.js，通信代码如下： import { initGlobalState } from "qiankun"; import store from '@/store' // 主应用与微应用数据通信 const state = { subap 阅读全文
摘要：
参考地址：https://github.com/mermaid-js/mermaid 原生使用方式： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/mermaid.min. 阅读全文
摘要：
样式隔离插件代码postcss-namespace.js如下： const postcss = require('postcss'); function specailTest(rule) { if ( rule.parent && rule.parent.name && rule.parent.n 阅读全文
摘要：
题目描述 给你两个有序整数数组 nums1 和 nums2，请你将 nums2 合并到 nums1 中，使 nums1 成为一个有序数组。 说明: 初始化 nums1 和 nums2 的元素数量分别为 m 和 n 。 你可以假设 nums1 有足够的空间（空间大小大于或等于 m + n）来保存 nu 阅读全文
摘要：
可选链操作符（?.） 以前一般这样使用： let nestedProp = obj.first && obj.first.second; 或者这样： let temp = obj.first; let nestedProp = ((temp null || temp undefined) ? und 阅读全文
摘要：
基础使用 完整使用参考地址：https://www.npmjs.com/package/babel-upgrade 使用方式： # npx lets you run babel-upgrade without installing it locally npx babel-upgrade --wri 阅读全文
摘要：
一、用浏览器内部转换器实现转换 代码： var HtmlUtil = { // 1.用浏览器内部转换器实现html编码 htmlEncode: function(html) { // 创建一个元素容器 var tempDiv = document.createElement('div'); // 把 阅读全文
摘要：
maven项目出现：“致命错误: 在类路径或引导类路径中找不到程序包 java.lang”的解决方法 原文地址：https://www.cnblogs.com/xuehuashanghe/p/9397982.html maven项目有时候会出现报：“致命错误: 在类路径或引导类路径中找不到程序包 j 阅读全文
摘要：
Blob基本用法 创建 通过Blob的构造函数创建Blob对象： new Blob(blobParts[, options]) blobParts： 数组类型， 数组中的每一项连接起来构成Blob对象的数据，数组中的每项元素可以是ArrayBuffer(二进制数据缓冲区), ArrayBufferV 阅读全文
摘要：
简单示例： 需求：输入 “题2” 字，希望树形结构中带有 “题2” 字的项显示，即使父节点没有，但子节点含有，父节点仍要返回。 let arr = [ { title: '标题1', children: [ { title: '标题11', children: null }, { title: '标 阅读全文
摘要：
在前端应用程序中，最常见的错误/异常类型可能包括以下几种： 语法错误：使用了一些错误的语法 运行时错误：由于执行期间的非法操作导致的 逻辑错误：由于程序逻辑错误 Http 错误：API 返回的错误 有很多方法可以解决上面的问题，例如使用 eslint 来检查语法错误，使用适当的 try-catch 阅读全文
摘要：
创建版本库 git clone url 克隆远程版本库 git init 初始化本地版本库 配置 git config --global user.name 'chengcp' 配置global级别的用户名 git config --global user.email '1326895569@qq. 阅读全文
摘要：
依赖环境 安装node.js：node.js下载可以从其官方界面开始https://nodejs.org/zh-cn/ 安装git：git下载则可以从其官方界面开始https://git-scm.com/ Hexo安装 新一个blog文件夹，单机右键启动Git Bash Here，输入如下命令： n 阅读全文