麻球科技

VSCode 采用了 Electron，在语言上，VSCode 使用了自家的 TypeScript 语言开发。Electron是基于 Chromium 和 Node.js，使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用，它兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。从实现上来看，Electron = Node.js + Chromium + Native API接下来看下VS Code布局。

Docker 官方中国区: https://registry.docker-cn.com。中科大: https://docker.mirrors.ustc.edu.cn。1、点击tabar栏中的docker图标，选择Preferences。网易: http://hub-mirror.c.163.com。原因就是发现是因为docker加速器超时导致pull不下来。2、选择Docker Engine项，在文本框中填下如下配置。3、已按照上面配置完成后，重新执行pull。

是一款基于 postMessage 来处理父子页面通信的库，轻量且好用。一个强大的、简单的、基于 promise 的 postMessage iFrame 通信库。

/* eslint-disable react-hooks/rules-of-hooks */import React, { useEffect, useRef } from 'react';import _ from 'lodash';import PageComponent from '@/components/PageComponent';import { useCallbackState } from '@/useHooks/useCallbackState';import styles

箭头函数和普通函数区别？1、箭头函数相当于匿名函数，并且简化了函数定义，箭头函数有两种格式，一种包含一个表达式，连{...}花括号和return都省略了，还有一种可以包含多条语句，这时候就不能省略花括号和return；2、箭头函数是匿名函数，不能作为构造函数，不能使用new；3、箭头函数不绑定arguments,取而代之用rest参数...解决；4、箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值；5、箭头函数通过call()或apply()方法调用一个函数时，只.

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 引用meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ；其中http-equiv属性主要有以下几种

小程序与传统HTML5的区别小程序刚开放公测，互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联，甚至小程序就是基于HTML5开发。经过仔细研究文档和代码开发，从视图层的角度来说，小程序与传统HTML5还是有明显的区别，主要区别在于：开发工具不同。区别于H5的开发工具+浏览器Device Mode预览的模式，小程序的开发基于自己的开发者工具

第一阶段：在 app.json 中配置 "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/logs/logs", "text": "日志" }] }出现问题：有些页面不想有ta

border对元素设置边框，写法如下：border: 1px solid #0ff;11设置border的顺序为border-width、,border-style和border-color，width直接设置宽度，color直接设置颜色，style有多种选择，如solid(实线)、dashed(虚线)等。直接设置border是对元素四边全部设置，也可以用border-top、

首先来个盒子 class="wrap"> class="child child-1">1 class="child child-2">2 css通用样式 * { margin: 0px; padding: 0px; } .wrap { margin: 200px auto

一、关于今天，本文，及其他今天是个特殊的日子，因为今天是汶川地震两周年的日子，我很悲鸣；今天又是国际护士节，看到微博上护士照横流，我很欣慰。一段放松的YY后，进入正题。上个月21号，有位同行留言想让我讲讲vertical-align属性，我其实对vertical-align属性也是略知皮毛，要说岂敢谈“讲解”，就说说我对vertical-align属性的一些理解吧，纯属个人见解，若

很多人说  使用rem单位，就能解决自适应问题。接下来就讲讲如何实现的。首先你要知道psd图的宽度，比如是750px,然后就是利用 js 去设置下 font-size,如下：            var w = $(window).width();        $("html").css("font-size", w / 750*100 + "px");

先上代码效果图，在说话：效果图：html:css:

window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body)

又到周五了，这几周遇到一个让我很头疼的问题，接口文档里写着：尼玛！看着就头疼，这写的什么呀，完全看不懂呀！于是乎，一番百度，似乎有了点头绪，下面讲讲：我不是来讲概念的，直接切入正题，图片的base64编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址。这样做有什么意义呢？我们知道，我们所看到的网页上的每一个图片，都是需要消耗一个http请求下载

1、配置app图标2、配置启动页3、如果有授权登录，需要申请appid，微信的到微信开放者平台https://open.weixin.qq.com/cgi-bin/index?t=home/index&lang=zh_CN4、打包的时候需要自己的证书文件，这个证书通过jdk来申请，按着步骤来操作即可http://blog.sina.com.cn/s/bl

HBuilder Android APP打包发布作者：admin来源：csdn浏览：4482次时间：2016-10-01 19:55:07我要评论分享到导读：1、manifest配置 按照Manifest.json文档说明 manifest配置把工程中的manifest.json文件配置好，下面以我的项目为例进行配置。（1）、

navigator 跳转url传参：*.wxml?1234<view class="btn-area"> <navigator url="navigate?title=navigate"hover-class="navigator-hover">跳转到新页面 <nav

request请求失败常见问题情况1解决方案：打开小程序微信公众平台设置小程序开发设置，配置服务器合法域名（必须是https），如下图rquest请求失败常见问题情况2根据微信小程序开发文档说明：wx.request发起的是https请求，因此http请求不能得到响应。

http请求介绍HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然

1，什么是前端路由？路由是根据不同的 url 地址展示不同的内容或页面前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，之前是通过服务端根据 url 的不同返回不同的页面实现的。2，什么时候使用前端路由？在单页面应用，大部分页面结构不变，只改变部分内容的使用3，前端路由有什么优点和缺点？优点用户体验好，不需

有些页面加载起来比较慢，为了加强用户体验效果，所以一般都会做一个页面加载等待的提示，页面加载完成后消失。下面是用CSS实现的一个简单的页面加载等待效果，大家可以参考：[html] view plain copyspan style="font-size:18px;">>  html>  head>  meta http-equiv="Co

1.到网站jquery.qrcode.js 下载最新版，加到项目里2.引用js<script type="text/javascript" src="jquery.qrcode.min.js">3.建一个domdiv id="qrcode">div>4.js生成二维码：jquery('#qrcode').qrcode("this plugin is great");也可以定义尺

微信小程序可谓是今天最火的一个名词了，一经出现真是轰炸了整个开发人员，当然很多App开发人员有了一个担心，微信小程序的到来会不会给移动端App带来一个寒冬，身为一个Android开发者我是不相信的，即使有，那也是很遥远的未来。 不管微信小程序是否能颠覆当今的开发格局，我们都要以好奇的心态去接收，去学习。不排斥新技术，所以，心动不如行动，赶紧先搭建一个微信小程序开发工具。那么接下来就让我们一起来

微信小程序可谓是今天最火的一个名词了，一经出现真是轰炸了整个开发人员，当然很多App开发人员有了一个担心，微信小程序的到来会不会给移动端App带来一个寒冬，身为一个Android开发者我是不相信的，他只不过提供了一个新的流量入口，给一些企业多了一种选择，即使有，那也是很遥远的未来。 不管微信小程序是否能颠覆当今的开发格局，我们都要以好奇的心态去接收，去学习。不排斥新技术，所以，心动不如行动，赶

最近在做个网站时，其中有一部分涉及到很多图片布局，想采用比较流行的Water Flow布局。开始的时候自己动手写的，真费事情，没有考虑检测图片大小，虽然也能达到布局效果，但是图片有的本身尺寸比较小却被强行拉大了，看起来很不和谐。后来上网收了一下，原来有很好的Water Flow布局工具使用。下面来认识一下这个神器吧~神器名称：JQuery Masonry , 网址：http://m

我们常能在网上看到很多瀑布流布局的页面，尤其是很多图片网站，例如百度图片。这种最典型的瀑布流布局，每个元素的宽度是固定的，但图片长度各不相同，于是通过下图这种样子竖着排列了下来，达到了最大的页面空间利用率。因为对前端开发不了解，一开始为了找到这种布局叫什么名字也是花了我好久时间o(╯□╰)o瀑布流布局不局限于等宽布局，例如下面这种形式也可以，来自Masonry官网截

两行三列的边框为1 颜色为红色的表格代码table小结table小结table小结table小结table小结table小结效果：colspan属性代码：table/colspan小结table/colspan小结table/colspan小结table/colspan小结显示效果如下：rowspan属性代码：tabl

为了解决这个问题，Vue.js 为 v-on 提供两个 事件修饰符：.prevent 与 .stop。你是否还记得修饰符是点号打头的指令后缀？a v-on:click.stop="doThis">a>form v-on:submit.prevent="onSubmit">form>a v-on:click.stop.prevent="doThat">form

PC端添加以下meta内容：    ....      2. Mobile端添加以下meta内容：    .....说明：    target-densitydpi=device-dpi，指定屏幕像素密度DPI，device-dpi 为设备原本的DPI值，不会有任何缩放。  

AmazeUI个人感觉确实蛮不错的，虽然现在还不算特别完善，但毕竟是国内首款，用起来比较符合国人。今天要讲得是图片轮播，感觉这个应该能够帮到大家，再此整理整理。[html] view plain copy >  html>      head>          meta charset="utf-8">       

store.js 如下：var store = (function () {    var api               = {},        win               = window,        doc               = win.document,        localStorageName  = 'localStorage

很多网站都会有一个判断过程，判断是否为手机浏览器，然后跳转到相应适合的手机网站！其实只要有一个支持JS脚本的访问，我们一样可以达到这样的效果[javascript] view plain copy function uaredirect(murl){      try {              if(document.ge

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)iPhone5      1rpx = 0.42px

Animate.css是一个有趣的，跨浏览器的css3动画库。很值得我们在项目中引用。用法1、首先引入animate css文件123head>  link rel="stylesheet" href="animate.min.css">head>2、给指定的

HTML5一个重要特性就是DeviceOrientation，它将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。这个特性包括两种事件：　　1、 deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。　　2、 deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的

作者：斯迪链接：http://www.zhihu.com/question/21658448/answer/18903129来源：知乎著作权归作者所有，转载请联系作者获得授权。前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?　　1.