移动端页面分享到微信的方案

本文作者:@小狐心月

现实背景:
1.微信自身的运营策略不同于微博,整体倾向于控制和封闭,没有给普通网页提供任何分享接口;
2.但在移动端(IOS+android系统均适用)上,微信给原生app提供了分享功能权限;那么,只要原生app把该功能下放到所属的网页,网页就拥有了分享到微信的能力;
3.微信也给其内置浏览器下放了这一权限,但必须通过微信公众号的权限启动;否则,只允许用户点右上角菜单手动分享

思路:
我们依据客户端的能力来不同处理:能够直接分享的浏览器(app),我们放出按钮引导用户点击分享;不能直接一键,但能手动分享的,我们引导用户去手动操作分享。这样可解决相当比例的移动端页面分享[……]

继续阅读

2017-03-13 Comments (3)
阅读全文

JavaScript知识点汇总

1 变量 语句 操作符
2 作用域 内存
3 函数
4 面向对象
5 BOM
6 DOM
7 事件
8 JSON
9 Ajax[……]

继续阅读

2017-03-09 Comments (0)
阅读全文

JavaScript事件绑定的方法汇总

1 通过HTML标签属性指定,如:

[code lang=”html”]
<input type="button" value="TEST" onclick="functionName();" />
[/code]

这样的方式可以直接把元素作为参数传递给处理函数,如:
[code lang=”html”]
<input type="button" value="TEST" onclick="functionName(this);" />
[[……]

继续阅读

2017-03-09 Comments (1)
阅读全文

主流操作系统汇总

面向大众的操作系统目前主要分作3类,分别是基于Windows,Linux和UNIX。

1 Windows
1.1 Windows系列:从Windows95开始已经经历了,Windows 95、98、2000、Me、XP、Vista、7、8、10几个主要版本。
1.2 服务器系列,Windows NT Server 4.0、Windows 2000 Server、Windows Server 2003、Windows Server 2003 R2、Windows Server 2008 、Windows Server 2008 R2 、Windows Server 2012。
1.3 Wind[……]

继续阅读

2017-03-09 Comments (0)
阅读全文

各种专业的入门教材

人活一世,乐在体验。用有限的生命去获取更多的阅历、接触更多的事物,能够让枯燥的日子变得更加丰富。

本着以上目的——也是体会到很多人对某种专业有兴趣,但是不知道怎么开始学习——通过自己的实践,总结了一些专业的下手方法。这其中包括入门书籍,当然也有网络课程,这些可以让你从最基本的了解到某种专业的知识,但是尚不足以胜任该专业的岗位。如果你想深入学习提高自己,看了入门知识以后,自然也就知道该从那些方面在本专业提高自己了。

所有教材都带了图书链接或教程网址,不可能所有的都接触过,欢迎大家补充。

360 中医学与中药学

360.10 中医学

中医有四大经典著作《黄帝内经》、《难经》、《伤寒杂病论[……]

继续阅读

2017-03-09 Comments (0)
阅读全文

Node.js+MySQL示例

1 安装Node的MySQL模块,方法有两种:
 一种是手动在package.json中添加依赖(dependencies),然后执行 npm install。
一种是直接执行 npm install mysql。
package.json示例:
[javascript]
{
"name": "test",
"version": "0.0.0",
"private": true,
"scripts": {
"start&q[……]

继续阅读

2017-03-07 Comments (0)
阅读全文

ES6学习笔记1:声明和赋值

规格文件:http://ecma-international.org/ecma-262/6.0/

1 let
不存在变量提升
暂时性死区 tdz
不允许重复声明

2 变量提升
[javascript]
var tmp = new Date();
function f(){
console.log(tmp);
if(false){
var tmp = "Hello world!";
}
}
f(); // undefined
[/javascript]

3 const定义之后值不能变,但是
[javascript]
const[……]

继续阅读

2017-02-28 Comments (1)
阅读全文

声明式编程和命令式编程的比较

原文:http://latentflip.com/imperative-vs-declarative

先统一一下概念,我们有两种编程方式:命令式和声明式。

我们可以像下面这样定义它们之间的不同:

命令式编程:命令“机器”如何去做事情(how),这样不管你想要的是什么(what),它都会按照你的命令实现。
声明式编程:告诉“机器”你想要的是什么(what),让机器想出如何去做(how)。

声明式编程和命令式编程的代码例子

举个简单的例子,假设我们想让一个数组里的数值翻倍。

我们用命令式编程风格实现,像下面这样:

[javascript]
var nu[……]

继续阅读

2017-02-22 Comments (0)
阅读全文

gulp和gulp-cli的区别

原文地址:http://stackoverflow.com/questions/35571679/what-does-gulp-cli-stands-for

问题:gulp-cli中的cli是什么意思?
有没有人能给我解释下以下两种gulp安装的区别:

npm -install -g gulp-cli

npm install -g gulp

看起来两个都是一样的,除了前者安装版本是1.2.1,后者版本是3.9.1

能否通俗地解释下两者区别?顺便说说cli啥意思?

回答1:

gulp-cli的目的是让你像使用全局程序一样使用gulp,但并不是在全局安装gulp。

比如,[……]

继续阅读

前端 
2017-02-21 Comments (1)
阅读全文

使用Node版本管理器NVM

UPDATE: 2018-04-10 14:42

1 下载 nvm nvm-windows,然后安装。安装之后需要重启 CMD (PowerShell)。

2 使用国内镜像:nvm默认的下载地址是 http://nodejs.org/dist,在国内下载速度很慢。在nvm的安装路径下,找到settings.txt打开,在后面加加上:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

或者直接在控制台(CMD、PowerShell)输入:[……]

继续阅读

2017-02-21 Comments (2)
阅读全文

前端工程化之路:前端构建工具、模块化、框架、类库、工具汇总

UPDATE: 2018-12-05 17:01

前面多说一句,我觉得前端的灵魂是 AJAX,有了 AJAX 才有了前端这个职业。

本文目录

截至2018年11月28日,github star 数:
image

构建工具、任务流工具 Task Runner

2017-01-13 Comments (1)
阅读全文

新建XHR对象

[javascript]

function createXHR(){
if(typeof XMLHttpRequest != "undefined"){
return new XMLHttpRequest();
}else if(typeof ActiveXObject !== "undefined"){
if (typeof arguments.callee.activeXString != "string") {
var versions = ["MSXML2.XMLHttp.6.0&q[……]

继续阅读

2016-10-25 Comments (0)
阅读全文

Javascript-JSON操作手册

[……]

继续阅读

2016-10-25 Comments (0)
阅读全文

JavaScript浏览器兼容性汇总

JSON:全局对象JSON

IE8+、FF3.5+、Safari4+、Chrome、Opera10.5+

fetch

兼容方案

XMLHttpRequest:var xhr = new XMLHttpRequest()

IE7+、FCOS
兼容方案

input的select事件

IE8-:选择一个字母(不必释放鼠标)
IE9+、FCOS:选择之后释放鼠标

FormData

FF4+、Safari5+、Chrome、Android3+版WebKit

XHR timeout

IE8+

overrideMimeType

FF、Safari4+、Opera10.5、Chrom[……]

继续阅读

2016-10-25 Comments (0)
阅读全文

gulp的安装及常用插件

gulp官网 中文

1.基于node-npm,安装node.js以及npm

2.安装gulp

常用插件

gulp-livereload
npm install –save-dev gulp-livereload
当代码变化时,它可以帮我们自动刷新页面
该插件最好配合谷歌浏览器来使用,且要安装 livereload chrome extension 扩展插件,不能下载的请自行FQ。
[code lang=”javascript”]
var gulp = require(‘gulp’),
less = require(‘gulp-less’),
livereloa[……]

继续阅读

2016-10-21 Comments (1)
阅读全文

前端包管理工具NPM

UPDATE: 2018-04-10 14:57

1 安装

推荐使用 Node 版本管理工具 nvm

1.1 下载安装 Node:
https://nodejs.org/en/download/,安装 Node 之后,自动安装 npm,可以使用“npm install -g xxx”命令。

1.2 升级npm:“npm update -g npm”。

1.3 使用国内npm包:

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.使用

2.1 基本命令

npm install express  #[......]

继续阅读

前端 
2016-10-21 Comments (3)
阅读全文

linux操作命令大全

每天一个linux命令:https://mp.weixin.qq.com/s/h2ySo9WqYT-dXHAyHoB3NA

1 基本操作

ls
wget url

2 压缩解压

解压: unzip file.zip
压缩 folder 目录: zip -r folder.zip folder
解压bz2: tar -xjf file.tar.bz2

linux解压缩命令大全:http://www.cnblogs.com/eoiioe/archive/2008/09/20/1294681.html

http://www.php100.com/html/w[……]

继续阅读

2016-10-08 Comments (0)
阅读全文

可靠有效的Office for Mac 15.19.1破解版

1、下载 Microsoft Office 2016 安装包,MS官网直链:http://officecdn.microsoft.com/pr/C1297A47-86C4-4C1F-97FA-950631F94777/OfficeMac/Microsoft_Office_2016_Installer.pkg

2、这个时候最好不要打开office软件,更不要登录,血和泪的教训哭

3、下载破解工具:链接: https://pan.baidu.com/s/1gfYDmjp 密码: qpwp

4、使用破解工具:打开dmg文件后,单击黑色的锁,即使提示已激活,也点击继续,然后输入电脑的登录密码即可[……]

继续阅读

2016-08-25 Comments (1)
阅读全文

安装grunt.js

1.基于node-npm,安装node.js以及npm

2.运行npm install -g grunt-cli

3.安装插件:如果grunt目录已经存在package.json,npm install将依据package.json。安装插件时使用“–save-dev”,将安装的插件存储到package.json的devDependices中,“npm install grunt –save-dev”[……]

继续阅读

2016-08-09 Comments (1)
阅读全文

windows10下IIS支持PHP

首先,如果你使用的是 Windows 7,可以使用php manager,非常方便。

遗憾的是 PHP Manager 已经停止更新了,Windows 10 上的 IIS10 已经不支持 PHP Manager 了。所以,我们可以按照以下步骤在 Windows 10 的 IIS 上搭建 PHP:

1 下载PHP:

http://windows.php.net/download 我是64位 Windows 10 系统,选择了 VC14 x64 Non Thread Safe (2017-Aug-02 00:22:57) 的 Zip 下载。将zip解压,我解压到了 D:/Prog[……]

继续阅读

2016-08-04 Comments (0)
阅读全文

正则表达式

需要转义的字符:
\*[……]

继续阅读

2016-07-28 Comments (0)
阅读全文

占位图资源

2016-07-20 Comments (0)
阅读全文

《颐和园》,我爱你,这是我对这个世界最大的不解。

“人其实是愿意孤独的

人也是愿意死的

要不然

为什么偏偏与心爱的人作对

为何对眼前的一切漠然

而去注目永不可期的事物”

——余虹日记

娄烨《颐和园》电影网盘下载链接:https://pan.quark.cn/s/3d52e112e216

扫码关注,回复“颐和园”获取下载资源

image

绵雨天的周末,我站在窗口发呆。

顺手拍了几张照片↓

image

image

image

image

我不能形容我是多么喜欢下雨,尤其是在夏天。虽然下雨天很多事情都耽误了,但这时候会让你感觉整个世界都不是那么着急了。

每到下雨天,我就很容易记起来电影《颐和园》里女主余虹推着自行车在雨天里穿过街巷的镜头。

就是下面这个↓

image[……]

继续阅读

2016-05-14 Comments (2)
阅读全文

PHP中include和require的区别

include是有条件
require是无条件

incluce在用到时加载
require在一开始就加载
_once后缀表示已加载的不加载

PHP系统在加载PHP程序时有一个伪编译过程,可使程序运行速度加快。但incluce的文档仍为解释执行。include的文件中出错了,主程序继续往下执行,require的文件出错了,主程序也停了,所以包含的文件出错对系统影响不大的话(如界面文件)就用include,否则用require。

include引入文件的时候,如果碰到错误,会给出提示,并继续运行下边的代码。
require引入文件的时候,如果碰到错误,会给出提示,并停止运[……]

继续阅读

2016-05-11 Comments (0)
阅读全文

TOP