大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

Vue中的自定义指令(directive)

Vue中的自定义指令(directive) 除了了一些内置指令(v-if,v-model)外,我们还可以自定义一些指令,例如: 我是全局自定义指令 // 注册一个全局自定义指令 v-class Vue.directive('class', { // 当绑定元素插入到 DOM 中。 inserted: function (el,value) { //console.log(el,obj) el:标签, value:值 el.style.color=value.value;

webpack-dev-server远程访问

webpack-dev-server远程访问 webpack-dev-server可远程访问 要做以下几件事: 1、在package.json的webpack-dev-server script项中添加 --host 0.0.0.0 例如: "dev": "webpack-dev-server --devtool --progress --host 0.0.0.0", 2、webpack.config.js中添加 disableHostCheck:true 例如: devServer: { publicPath: '/', port: 8888, disableHostCheck: true, colors: true, //终端中输出结果为彩色 historyApiFallback: true, //不跳转 inline: true, //实时刷新 }

从[] == ![] 看隐式强制转换机制

这个运算符,会进行显式强制转化,将结果转化为布尔值即true或false。例如: !valueOf().= 42 x,y为数字和字符串 将字符串的一方进行toNumber()操作,这个不难理解哈 x,y一方为对象 将对象进行ToPrimitive()操作。如何操作见上文。 计算示例代码结果 2 == true true = 一方为布尔值:true = 1 2 ![] 1、左侧[]为对象: ToPrimitive([]) = [].

React.js初学者最好的实战,To-do List应用开发

React.js初学者最好的实战,To-do List应用开发 React 起源于 Facebook 的内部项目,于2013年5月开源。 由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和学习。 React 已成为当下最流行的前端框架技术之一。但是,好的教程却不容易找到。那么,除了官方文档,应该怎样学习React呢? 饥人谷免费公开课第47期,带你一起

CSS实战--图形“合家欢”

CSS实战--图形“合家欢” 写在前面:我们在网页中使用图形会经常使用图片或者字体图标,其实用纯css一样也可以画出很多看似复杂的形状,这篇文章就来介绍一下这方面的东西。 一.基本图形 下面每个例子的html只需要创建一个相应id的div,正方形,长方形就不用介绍了。 1.Circle(圆形) #circle { width: 100px; top: -45px; border-width: 50px 18px 0; transform-origin: 0 100%; left: -25px; bottom: -0.1em;

舒适的前端开发环境是怎样一种体验?

├── package.json └── src ├── index.css ├── index.html └── index.js 在以下文件中输入代码: index.js: var el = document.createElement('div'), text = document.createTextNode('My App');js', path: path.resolve(__dirname, 'dist') } };/index.scss'; 由于文件(模块)类型变了,我们还需要一个 SASS 的 webpack loader: npm install --save-dev sass-loader node-sass 再次修改 webpack.config.js: .

vue 里面使用axios 和封装

vue 里面使用axios 和封装 vue官方推荐使用 axios发送请求 首先上需求 1.需要封装全局调用 2.返回一个promise对象 3.错误全局统一处理 4.除了登录界面token带入头部 5.登录时候把用户信息自动存到vuex里面 首先上封装代码 /** * User: sheyude * Date: 2017/8/23 0023 * Time: 下午 13:15 * */ import axios from 'axios'; } /** * 判断是否是登录 * @param url * @returns {boolean} * @private */ _isLogin(url){ if(url !

Zsh 开发指南(第十七篇 使用 socket 文件和 TCP 实现进程间通信)

Zsh 开发指南(第十七篇 使用 socket 文件和 TCP 实现进程间通信) 导读 就像我之前提到的,zsh 脚本是可以直接使用 socket 文件(UNIX domain socket 所使用)或者 TCP 和其他进程通信的。如果进程都在本地,用 socket 文件效率更高些,并且不要占用端口,权限也更好控制。如果是在不同机器,可以使用 TCP。 Socket 文件 UNIX domain socket 是比管道更先进的进程通信方法,是全双工的方式,

php设计模式

php设计模式 php设计模式:命名空间,类的自动加载,SPL标准库(理解) 当实例化类的时候,自己执行这个方法 // function __autoload($class){ // include __DIR__.'/'.$class.'.php'; // } 类的自动加载,当实例化类的时候会找里面的方法('autoload') // spl_autoload_register('autoload'); // function autoload($class){ // include __DIR__.'/'.$class.'.php'; // }

mongodb学习系列(四)

mongodb学习系列(四) 开启安装php-mongodb拓展 首先,查看php当前版本,在此,我使用的是phpstudy这个集成环境,打开根目录下phpinfo.php查看当前php版本和相关配置,如下图所示: 然后根据自己当前的php版本来选择相应的扩展文件,访问该地https://github.com/mongodb/mongo-php-driver,下载相应的mongodb 的php 扩展: 下载好之后解压扩展文件放入ext拓展目录里,如下图所示: 接下来在php.ini

Docker微服务之Html转Pdf,Html转Image

Docker微服务之Html转Pdf,Html转Image Html转Pdf(Image)的方案应该很多,这里介绍的是docker的一个微服务的方式,利用了工具wkhtmltopdf。 一、Docker微服务 Docker微服务首先是一种服务,暴露一个接口给使用者(一个application),使用者通过端口请求并获得服务。 首先,创建一个镜像,一般是自建Dockerfile,用 docker build -t serverImageName -f Dockerfile . $result = $generator- getOutputFromHtml($html, $options);

PHP网络爬虫

PHP网络爬虫 目前网络爬虫用的比较多的是用Python写的,有很多第三方包可以直接使用,而使用PHP的网络爬虫很少有现成的开发包,大多都是公司自己内部开发的,本文则主要介绍使用PHP如何开发网络爬虫,提供正则匹配dom标签的封装。 本文结构: 一、抓取需要登录网页 二、抓取不需要登录的网页 三、总结 本文适合有过PHP curl和正则开发经验的人群。 一、抓取需要登录网页

创业公司死亡公式 : 人越多死得越快!

15亿美元收购Instagram, 员工只有13人。 Whatsapp 2014年Facebook以190亿美元收购了即时通讯应用服务Whatsapp,当时whatsapp仅有35名工程师,但该应用的用户数已经超过4.

浅谈JavaScript原型与原型链

浅谈JavaScript原型与原型链 对于很多前端开发者而言,JavaScript的原型实在是很让人头疼,所以我这边就整理了一下自己对应原型的一点理解,分享给大家,供交流使用 原型 说起原型,那就不得不说prototype、__proto__、constructor三者的关系,其中比较麻烦的就是容易将prototype和__proto__混淆,这也是因为它们之间的指向确实有些复杂 function Heternally(){}; var f1 = new Heternally;

解决安卓浏览器下 fixed 元素迷之颤抖

解决安卓浏览器下 fixed 元素迷之颤抖 今天, 测试报了一个优化点: 一个位于页面底部的弹出层,在滑动的时候,会出现抖动的情况, 体验不是很好。 ios都正常。 安卓浏览器会有问题。 试了多种方法之后,无果。 后来想会不会是 Android WebView 渲染的问题, 然后就试了一下启动GPU加速。 问题解决。 -webkit-transform: translate3d(0, 0, 0);

css属性的继承、初识值、计算值、当前值、应用值

计算的宽度: auto. 应用的宽度: 998px (举例而言)。明确的宽度: 50%. 指定的宽度: 50%. 计算的宽度: 50%. 应用的宽度: 447px明确的宽度: inherit. 指定的宽度: 50%. 计算的宽度: 50%. 应用的宽度: 221px .

How to use Git on Mac?

一、检测机器上是否已经安装Git? 二、安装Git(如果还未安装) 在Linux上安装Git sudo apt-get install git 在Mac OS X上安装Git 参见 http://mac.github.com. 在Windows上安装Git 参见 https://git-for-windows.github.io 最后一步(设置你的Git独立ID) $ git config --global user.name "Your Name" $ git config --global user.email "email@example.com" 三、创建本地Git目录 如图分为两步:1.