Javascript: js截图, html转图片(png,jpg), html转canvas, js下载图片,html2canvas截图,html2canvas入门

  html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。· 它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时,将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本:Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的浏览器。 html2canvas可以通过获取HTML的某个元素,然后生成Canvas,能让用户保存为图片。 这个项目主要是生成canvas,那么我们如果需要生成图片还需要将它转化为图片地址。、   html2canvas官网 官方网址         项目下载 基本语法 html2canvas(element, options);… Read More

PHP 网页爬虫, php 抓取网页页面, php解析html, php解析html页面元素, DiDOM解析器使用入门 (web crawler)

  之前一直用的 PHP 网页爬虫:Simple HTML DOM解析器使用入门 (web crawler)   ,最近发现一个更好用的解析器 DiDOM   主页:https://github.com/Imangazaliev/DiDOM   安装 要安装DiDOM,请运行以下命令: composer require imangazaliev/didom… Read More

后端开发福音!GitHub上15W+的后台控制面板!

Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。   一、AdminLTE Github Star 数 26365,Github 地址: https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstrap 3.x 的免费的后台… Read More

github上star数最多的前十大项目

github是个宝藏,有很多好东西,可能正是你急需的,就看你知不知道好东西在哪。 我计划每天抽一点时间,把github上star数前1000的项目都介绍一遍。 每天10个,只能浅显的告诉大家这个项目是干啥的。 如果觉得对自己有用,就去github自己看吧 1,freeCodeCamp freeCodeCamp是一个免费的编程训练营。主要是前端开发的编程训练,可以说是入门前端的神器,是全球最火的Web开发学习平台之一。采取的是闯关模式。让你有打游戏的冲动,一步步过关升级,边学边玩,边做边学。 从最基础的课程开始,有讲解,有实战,而且采取的是挑战闯关的模式,每一小节都需要自己编写代码来完成挑战。 在学习到一定的阶段,还提供了若干实际的公益项目让学员去做,极大地锻炼了动手实践的能力。 学习一门新技术,最有效的方式不是抱起大部头就开始啃,也不是疯狂地看教学视频。而是去写。   2,vue 不想多说了,目前最火的前端框架之一。   3,Bootstrap Bootstrap 是一套用于 HTML、CSS 和… Read More

Python生成二维码, Python生成SVG,如何在Python中创建QR代码图像或SVG, How to create a QR Code image or SVG in Python

快速响应(QR)代码是一种二维象形代码,由于其快速可读性和相对大的存储容量而被使用。代码由在白色背景上以正方形图案排列的黑色模块组成。如果您正在使用Python并且需要快速创建QR代码,我们将向您展示如何使用qrcode库在几秒钟内实现此目的。   1.安装所需的库 您需要在Python中添加的第一个库是Pillow。Python成像库,也称为PIL以及新版本的Pillow(在称为Pillow的新版本中)是Python编程语言的免费库,它增加了对打开,操作和保存许多不同图像文件格式的支持。它适用于Windows,Mac OS X和Linux。要创建QR代码,我们将使用依赖于Pillow的qrcode库 您可以在终端中安装此模块执行以下命令: # REM Required to work with images pip install Pillow  … Read More

Top 5: 用Javascript编写的最佳代码编辑器插件, Top 5: Best code editor plugins written in Javascript

  享受我们用Javascript编写的5个最好的代码编辑器插件的集合。   5. EditArea Example EditArea是源代码的免费javascript编辑器。此编辑器旨在编辑textarea中的源代码文件。主要目标是允许文本格式化,搜索和替换以及实时语法高亮(对于不太重的文本)。 EditArea由Christophe Dolivet开发,目前根据“LGPL”,“Apache”和“BSD”许可证(使用您想要的许可证)发布,请阅读许可协议以获取详细信息。   特征 易于集成,只有一个脚本和一个调用函数 制表支持(允许编写格式良好的源代码) 可定制的实时语法突出显示(目前:PHP,CSS,Javascript,Python,HTML,XML,VB,C,CPP,SQL,Pascal,Basic,Brainf * ck,可能还有更多…) 自动换行支持 搜索和替换(使用regexp)… Read More

PHP与Python进行数据交互, PHP传参数给Python, Python接受php参数, PHP调用python

  思路 我解决此问题的方法是利用了PHP的passthru函数来调用命令运行Python脚本。   实现 在PHP中调用命令运行Python脚本 //php.php <?php $params = "value"; #传递给python脚本的入口参数 $path="python python.py "; //需要注意的是:末尾要加一个空格 passthru($path.$params);//等同于命令`python python.py… Read More

在 Ubuntu 上自动化安装基本应用的方法, 安装及使用Alfred, Ubuntu Post Installation Script, post_install.sh

  默认安装的 Ubuntu 并未预先安装所有必需的应用。你可能需要在网上花几个小时或者向其他 Linux 用户寻求帮助才能找到并安装 Ubuntu 所需的应用。如果你是新手,那么你肯定需要花更多的时间来学习如何从命令行(使用 apt-get 或 dpkg)或从 Ubuntu 软件中心搜索和安装应用。一些用户,特别是新手,可能希望轻松快速地安装他们喜欢的每个应用。如果你是其中之一,不用担心。在本指南中,我们将了解如何使用名为 “Alfred” 的简单命令行程序在 Ubuntu 上安装基本应用。 Alfred… Read More

Google Data Studio浅析和教程, 数据分析和可视化工具 Data Studio, Google Data Studio:初学者教程

Google Data Studio简易教程 谷歌的数据产品GA360套件之一的Data Studio发布已经一年多了,尚未出Beta。这个工具起初并未对一些国家和地区开放,包括香港,之后它逐步为各个地区提供了语言界面和支持。对我们墙内的用户来讲,如果你的Marketing Stack建立于GA套件之上,Data Studio仍然是非常好用的工具之一,它可以连接GA,Google Search Console,AdWords等产品。   Google Data Studio究竟是什么? 你可以通过https://datastudio.google.com来开通Data Studio服务。进入以后界面如下图: 简单地讲Google Data Studio(下面简称GDS)是一个报表可视化工具,它提供了丰富的数据图表和数据连接,可以十分方便地按照既定模板生成报表。如果你使用Google… Read More

jQuery: 遍历json字符串, 遍历object数组,报错:Uncaught TypeError: Cannot use ‘in’ operator to search for ‘156’, Uncaught SyntaxError: Unexpected token k in JSON at position 2, loop over JSON string – $.each example

    遍历一个json字符串,或者object数组的方法: var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"}, {"id":"4","tagName":"watermelon"}, {"id":"5","tagName":"pineapple"} ]; $.each(json, function(idx, obj) { alert(obj.tagName);… Read More