xiangzhihong8
xiangzhihong8

前端要失业了么，sketch-code让草图秒变HTML

最近两年来，人工智能正在以人们难以想象的速度颠覆科技行业。前不久，偶然看到一篇从草图到HTML只需5秒文章，让我感觉「使用人工智能自动生成网页」已经变得越来越现实。而本文将要介绍的SketchCode 的卷积神经网络能够把网站图形用户界面的设计草图直接转译成代码行，为前端开发者们分担部分设计流程。目前，该模型在训练后的 BLEU 得分已达 0.76。

本篇原文链接：深度学习使用sketch-code 草图、手稿自动生成HTML前端页面

下面就来简单的认识下这个框架，你可以在 GitHub 上找到这个项目的代码：https://github.com/ashnkumar/sketch-code
前端要失业了么，sketch-code让草图秒变HTML_第1张图片
如上图，只要一张手绘的效果图，sketchcode就可以将它转换生成HTML代码，还是bootstrap的。项目使用的是keras深度学习框架，使用的是Python3，且不支持其他python2的版本，如果要搭建这样一个深度学习框架，需要读者具有macOS、linux系统支持。以下是keras需要的软件环境：

Keras==2.1.2
tensorflow==1.4.0
nltk==3.2.5
opencv-python==3.3.0.10
numpy==1.13.1
h5py==2.7.1
matplotlib==2.0.2
Pillow==4.3.0
tqdm==4.17.1
scipy==1.0.0

然后直接进入项目根目录下，使用pip命令进行安装。

pip install -r requirements.txt

进入到scripts文件下，会发现多了两个文件。
这里写图片描述
执行这两个文件命令，下载所需的数据和权值文件。

sh get_data.sh
sh get_pretrained_model.sh

这里使用wget下载所需要的包，文件将近1个G大小，会有点慢，建议直接打开这两个文件 拷贝链接使用迅雷下载再放进指定目录。
前端要失业了么，sketch-code让草图秒变HTML_第2张图片
下载并解压完毕后data文件下会有一个all_data文件夹，里面放的是一些手稿数据模型，用来训练用的。进入examples文件下，会有测试手稿图片。
这里写图片描述
打开文件可以发现如下：
前端要失业了么，sketch-code让草图秒变HTML_第3张图片

为了测试，我们先画一张图
前端要失业了么，sketch-code让草图秒变HTML_第4张图片
然后我们将图片放进examples下运行程序，进入src目录下，然后在终端执行程序命令：

python convert_single_image.py --png_path ../examples/img002.png \
      --output_folder ./generated_html \
      --model_json_file ../bin/model_json.json \
      --model_weights_file ../bin/weights.h5

然后耐心的等待他渲染前端代码，大概一分钟左右。
前端要失业了么，sketch-code让草图秒变HTML_第5张图片
为了让大家看清楚手稿的布局和生成代码的布局，下面对比下代码实现。

<style>
        div{
            border:1px solid black;
        }
    style>

生成的代码：

<html>
<header>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <style>
.header{margin:20px 0}nav ul.nav-pills li{background-color:#333;border-radius:4px;margin-right:10px}.col-lg-3{width:24%;margin-right:1.333333%}.col-lg-6{width:49%;margin-right:2%}.col-lg-12,.col-lg-3,.col-lg-6{margin-bottom:20px;border-radius:6px;background-color:#f5f5f5;padding:20px}.row .col-lg-3:last-child,.row .col-lg-6:last-child{margin-right:0}footer{padding:20px 0;text-align:center;border-top:1px solid #bbb}

    style>
    <title>Scaffoldtitle>
    <style>
        div{
            border:1px solid black;
        }
    style>
header>
<body>
<main class="container">
    <div class="header clearfix">
        <nav>
            <ul class="nav nav-pills pull-left">
                <li><a href="#">Rmjoyzs Sja>li>
                <li><a href="#">Dtve Erhaza>li>
                <li><a href="#">Rnwy Ytpdya>li>

            ul>
        nav>
    div>
    <div class="row">
        <div class="col-lg-12">
            <h4>Ghhblh4>
            <p>azsiooemicuwzfzihzwszwifivztb ejpb hcukgvayzsrmfd zfheqzp>
            <a class="btn btn-warning" href="#" role="button">Eyzedji Iia>

        div>
    div>
    <div class="row">
        <div class="col-lg-3">
            <h4>Cajqlh4>
            <p>sw f qpgtzfwyjo fkygfdozgtsmvxqcdgtakfusadoqhj zc ynpmujp>
            <a class="btn btn-warning" href="#" role="button">Vbcmla Awla>

        div>
        <div class="col-lg-3">
            <h4>Dtgpzh4>
            <p>qtim b baoi ifbohotcxhvyonys hffqjjnip hrl nymsqiawxooup>
            <a class="btn btn-warning" href="#" role="button">Gypkcdc Cua>

        div>
        <div class="col-lg-3">
            <h4>Pfdibh4>
            <p>met mlu fexp gwty afd qvwislevvmx afymfoytwytucytqpj vmap>
            <a class="btn btn-warning" href="#" role="button">Rtro Omwgba>

        div>
        <div class="col-lg-3">
            <h4>Dofwmh4>
            <p>ipaobcqhuzmtj rw uqlmohukgqfhenp zxgnrjt vgh psgabonmhfnp>
            <a class="btn btn-warning" href="#" role="button">Dssgiz Zqga>

        div>
    div>
    <div class="row">
        <div class="col-lg-6">
            <h4>Vyilrh4>
            <p>ztrcrpzxrdqvq ex k dsckj rvwc woshsyvbnydkkk rvsv rsgvltp>
            <a class="btn btn-warning" href="#" role="button">Evlk Kfglma>

        div>
        <div class="col-lg-6">
            <h4>Rdewah4>
            <p>ycbtmxmnmt z yqdnclxfektreixx m j ckgyagaqwnkf os nfzfoap>
            <a class="btn btn-warning" href="#" role="button">Rkcbs Serva>

        div>
    div>

main>
<script src="js/jquery.min.js">script>
<script src="js/bootstrap.min.js">script>
body>
html>

通过利用图像标注的研究成果，SketchCode 能够在几秒钟内将手绘网站线框图转换为可用的 HTML 网站。但目前仍有以下局限：

  1. 由于这个模型是用一个只有 16
    个元素的词汇进行训练的，它不能预测训练数据之外的标记。下一步可能是使用更多元素（如图像，下拉菜单和表单）生成其他样例网站——Bootstrap components是个练手的好网站：https://getbootstrap.com/docs/4.0/components/buttons/。
  2. 实际生产环境中，网站有很多变化。创建一个更能反映这种变化的训练数据集的好方法是去爬取实际的网站，捕获他们的 HTML / CSS代码以及网站内容的截图。
  3. 手绘素描也有很多变化，CSS 修改技巧没有被模型完全学会。在手绘素描上生成更多变化的一种好方法是使用生成对抗网络来创建逼真的绘制网站图像。

你可能感兴趣的:(杂文)

  • 系统设计DDIA之Chapter 7 Transactions 之防止丢失更新 暴躁老哥在线刷题 SystemDesign数据库系统设计大数据系统架构DDIA
    防止丢失更新涉及处理多个事务并发写入时发生的各种冲突类型。虽然“读已提交”和“快照隔离”等隔离级别管理与读取相关的冲突，但防止丢失更新需要额外的措施来处理写写冲突。丢失更新问题：当两个事务同时读取一个值，对其进行修改，然后将修改后的值写回时，会发生这种问题。一个修改可能会覆盖或“破坏”另一个修改，导致更新丢失。例子包括递增计数器、更新复杂文档，或多个用户同时编辑相同内容。防止丢失更新的解决方案：原
  • 一篇关于离家的杂文 刮风一只毛
    多年后刻意去找的东西，往往是找不到的。天下万物的来和去，都有他的时间。——三毛《谈心》接到大学录取通知书的那天，我爸正在厨房给我和我弟做蛋炒饭。他眯着眼凑过来，拿起了我的邮件，我记得那天的他有些颤抖，我的眼泪被我憋回了肚子里。他什么都没有说，只是拿出邮件袋里的所有东西，一样一样仔仔细细的看，再一样一样放回邮件袋。他看了我一眼，说好好收好，我点点头，接过那份通知，又看着他进了厨房。填志愿有两天的时间
  • 杂文『14』 嘿你很棒
    微博盗的漂亮小姐姐―在冰岛这个系列好久没更了~说真的，快被自己写成日记本了，还是希望能写点实在的东西。额，今天还是一篇杂文。01今天下午有一场视频面试，之前CEO直接在微信与我交流，定时间，有点让人诧异，这个CEO我也有听说过。这个面试是他正在做的另一个项目，其实内容没多感兴趣。和以往一样，面试的时候我还是辣么真诚，啥都说，完全不避讳自己的缺点，也没有套路，服了自己哦。有时候感觉还挺复杂的，现代人
  • 读奥威尔杂文《英国的失业》想到的 风再起时012
    这篇大概讲的是当时英国失业问题，和社会的很多弊端，包括政府的不作为，装死，以及社会阶级分化。这里面有一句话，使我有很深的感触，是这么说的：事实上，许多失业者根本让人没办法羡慕。说到底，谁能靠一星期18先令生活？答案很简单，那算不上是生活，那只是赖着不死。那只是赖着不死。过去，现在，将来，都是一成不变的。可能现在参照过去的英国最基础的生活水平有了质的提高，时代进步是不言而喻的。然而作为普通个体，依然
  • 像你一样 横眉冷对千夫指 妍兮
    不记得家里有多少本关于鲁迅的书了，但知道，每次屯书都少不了鲁迅相关的。鲁迅是我最喜爱的一个作家，既因九年义务教育中跟他最为熟稔，也因他那桀骜固守的性格是我最为赞赏。（图片来源于网络）鲁迅的著作很多，长篇小说，短篇小说，杂文，诗歌等等均有涉猎，均有造诣。记得在小说盛行的几年间，事实上鲁迅以因《阿Q正传》《狂人日记》等小说很出名了，有朋友向鲁迅建议何不趁现在人都爱看，再创作几部小说？然而鲁迅彼时的心境
  • 杂文 马卓先生
    点点滴滴都是生活的馈赠，所以我们时常重复，而不会厌倦。今天，也的确在想旧日时光中的自己。生活果然是点点滴滴的轮回，好多事都在重来，只有主角的轮换。十八岁的他过着十九岁的你的前一年的日子，现在的你继续着二十岁的他、三十岁的他走过的路，于是每一个相同的故事都在重复前一年中，我们乐在其中，苦中作乐。放一放往事，老照片看看就裱好，过于沉溺难，免过分哀伤。洗一洗新相片，做一下明年回忆的故事。花瓣包裹花蕊，红
  • 小胖 查克有点晕
    （本科期间，胡乱写的一篇。小胖是当时我最好的兄弟，现在当了记者，也算实现了文中梦想。本杂文之前贴在我qq空间，今天转载过来，供大家一乐吧。）小胖其实并不胖，起码现在是这样。大一刚来的时候他的体重达到95公斤，第一眼看上去像是在水里泡了太久的死猪。这厮酷爱耍深沉，整个人看上去杀气逼人，阴阴一笑都可以勾出你膝盖里陈年的风湿病。于是乎即使在同一班，我对他仍是敬而远之。和小胖第一次聊天是在军训期间的一次休
  • 【爬虫入门知识讲解：正则表达式】 无敌开心 爬虫正则表达式
    正则表达式RegularExpression，译作正则表达式或正规表示法，表示有规则的表达式，意思是说，描述一段文本排列规则的表达式。正则表达式并不是Python的一部分。而是一套独立于编程语言，用于处理复杂文本信息的强大的高级文本操作工具。正则表达式拥有自己独特的规则语法以及一个独立的正则处理引擎，我们根据正则语法编写好规则（模式）以后，引擎不仅能够根据规则进行模糊文本查找，还可以进行模糊分割，
  • 跌下神坛的郭敬明 我曾陪你走过那段最唯美的时光 晓言谈
    记忆像是倒在掌心的水，不论你摊开还是紧握，终究还是会从指缝中，一滴一滴，流淌干净。风吹起如花般破碎的流年，而你的笑容摇晃摇晃，成为我命途中最美的点缀，看天，看雪，看季节深深的暗影。——郭敬明前几天，跟朋友聊天，说起以前上学时看些什么书，喜欢哪些人。记忆的阀门突然打开，郭敬明——那个我曾奉之为神的人的名字脱口而出。是啊，既然决定开始写些杂文，总要给他留点篇章吧，毕竟，他曾陪我走过那无数的时光：难过时
  • 杂文3·明天 繁仔先生
    父母健在，90岁的人还是孩子。父母离开，30岁的人已成孤儿。1北大论问题：在爱情上是女人专一还是男人专一获奖优秀答卷：女人善变，男人专一举例论证：女人五十年代喜欢工人，六十年代喜欢军人，七十年代喜欢读书人，八十年代喜欢诗人，九十年代喜欢富人......而男人无论哪个年代，始终喜欢漂亮的女人。结论：男人最专一。2女儿：爸爸，我长大了会不会很漂亮！爸爸：会的！女儿：那就好！爸爸：咋了？这么小就打算谋划
  • python用于解析复杂文本数据的库Ply openwin_top python编程示例系列二python开发语言
    Ply（PythonLex-Yacc）是一个用于解析文本数据的Python库，它提供了类似于Lex和Yacc的工具，可以帮助你构建自己的编译器、解释器或者翻译器。以下是Ply库的一些主要功能：简单易学的语法Ply的语法类似于Lex和Yacc，但是比起这些工具来说更加易学易用。你可以使用类似于BNF的语法来描述文本数据的结构，比如定义标识符、数字、字符串、运算符等等。支持多种语法分析算法Ply支持多
  • 2019-06-13 徐跃斌
    2019-06-13姓名～徐跃斌《六项精进》上海519期反省组学员、合肥524期努力二组志工。【日精进打卡第23天】【知～学习】1.有声背诵《六项精进》大纲至少一遍；OK2.有声背诵《大学》开篇至少一遍。；OK3.看书至少不少于1小时；ok4.学习专家讲座至少不低于1小时；ok【行～实践】一、修身：（对自己个人）1.运动不少于1小时；OK2.即兴演讲3--5分钟；OK3.写一篇读书笔记或杂文；OK
  • #LLM入门|Prompt#1.4_文本概括_Summarizing 向日葵花籽儿 LLM入门教程笔记prompt人工智能AIGC
    文本摘要的重要性和功能优势重要性帮助处理海量文本信息：在信息时代，处理大量文本信息是常见挑战之一。节省时间：通过摘要，可以迅速获取文本的核心内容，节省阅读时间。提高效率：摘要可以帮助用户快速了解文本的要点，提高工作效率。功能优势简化复杂文本：摘要功能能够将复杂文本内容简化，提炼出关键观点和信息。提取关键信息：摘要可以准确提取文本中的关键信息，帮助用户迅速获取所需内容。增强可读性：摘要生成的内容通常
  • 半个老友 周惠来
    那天，在排排挺立的书之中，选了一本与武陵有关，与土家有关的书。对于土家的兴趣，在于稍之前，见到一个同学，他是土家的，所分享出来的，从都城回到老家，他双肩背着背篓，头上缠着头巾，在山间小道，去砍柴的装束。背篓，暂时是空的；他的硕大的脸盘，带着微微的笑，很是喜庆的样貌。要等回到家里，才读到另个同学分享出来的文，是有关于湘西的一位旧时文人的一篇杂文。那内容，对我而言，属于过于斯文。只有文章的署名，引起我
  • 好书推荐① 血雨昕风
    大家好，我是你们的血雨昕锋。大家应该也看到了我开的新坑了吧:好书推荐。那么言归正传，开写!书名:逆反星球出版社:中国言实出版社作者:黄韦达·箸策划人:马麟责任编辑:陈昌财版式设计:史小怡插图设计:奇域文化创意作者简介:黄韦达，1995年11月出生，世界华人科幻协会会员，中国未来研究会会员，南边文化专聘作家，国文社成员，现就读于安徽大学汉语言文学专业。创作小说和杂文见长，文风多变、语言幽默、想象丰富
  • 2022年1月读了这八本书 悦己者容Grace
    今天是除夕，首先给大家拜个年，祝大家春节快乐，虎虎生威。抓紧空档把这个月的读书总结写了。这个月总共读完8本书，为了避免工程量太大，半月的时候已写前面读的前四本，现在主要说说后面读的这四本书。前面四本分别是：-1阿兰·德波顿《哲学的慰藉》、-2毛姆《阅读是一座随身携带的避难所》、-3李泽厚《美的历程》、-4赫尔曼·黑塞《荒原狼》。9.jpeg-5|王小波《我的精神家园》王小波这本杂文集，我可真是太喜
  • 2020-10-09入驻简村第五十二天 润之慧
    来简村第五十二天，首先向简村村长和所有村民朋友们问好，你们好！今年九月份刚进简村，入了铜牌会员，十八元钱。十·一假期期间很快就到期了，至今为止先后写了七十篇杂文。以前在QQ空间也常常写一下自己所见所闻，心得体会，可只有廖廖无几几个人在群里互动，感觉空间过于冷清寂静，而且也没有丝毫约束力，有心情就写，没心情就好久不写。直到有一日，无意间走进了简村。很荣幸成为了简村村民，开始了简村之旅，每天的日更是自
  • 鲁迅全集第六卷读书简记 梧叶儿
    去年双十一前购买的大师全集已经读到了第六卷，当初买书的不愉快早已到了九霄云外，更多的是一次又一次读大师文字的欣喜，这些文字带来的感受是多少金钱也无法换来的。第六卷仍旧是大师的杂文集，包括《且介亭杂文》《且介亭杂文末编》从1934年到1936年两年的杂文。和前几卷文字一样，在阅读时用铅笔划出了自己喜欢和感触深的文字。笔记中难以一一引述，仅摘录两端风格迥异的文字。在《中国人失掉自信力了吗》一文中，大师
  • 2019-11-04 若尘_fca9
    扬州市方圆建筑工程有限公司377期利他2组【日精进打卡第562天】【知～背诵】《六项精进》3遍共1686遍《大学》开篇3遍共1686遍【经典名句分享】沉默是金！一、修身：听书，看杂文。听音乐。二、齐家：洗衣。做饭，打扫卫生。三、建工：收受各项目部内部往来调节表，现金盘点表，银行余额调节表。更新个税、社保信息。申报个税。汇总开票金额。整理抵扣联发票。申请提交流程。复核各项目部报销凭证。查找17年至1
  • 管管你的暴脾气 惜往牧夫
    暴脾气影响身心、疏远亲朋、降低情商，实在是于健康无益，无论是对己还是对其他家人。暴脾气源于阳火太旺，应该有意识地自觉化解：1.回避转移法。当和别人愤怒生气时，最好暂时避开，尽可能离开愤怒的环境，做点其他事情，转移自己的注意力，眼不见，心不烦，怒气自消。这一方法有立竿见影之效。2.反思排遣法。养成输出反思的习惯，经常把自己的日常感受（尤其是不快的感受）记录下来（如日记、杂文等），在反思中吸收珍贵的精
  • 蝶恋花 水一空
    蝶恋花文‖水一空没有错过花开展出千颜以亲昵芳姿不会飞过花落碾成微尘以榨取芳香花，冷，蝶拥花，热，蝶洒一动一静之间，有余一开一合之际，足够蝶，向花而生花，向蝶而香【诗评人简介】曾自力，字之一，号水一空。色象派诗歌创始人。做网站编辑多年，现为中国原创文学网现代诗歌主编、中诗网校园文学责任编辑、世界诗歌网广东频道版主。有《听诗》(合集)出版，有诗词，杂文，散文，议论文见于报刊及网络平台。诗观：写心，化魂
  • 第六卷《鲁智深卷》15——鲁智深与鲁迅竟然有如此相似的气质 孔己乙
    鲁迅留给后人最宝贵的，也是他生前最大的生命价值体现，不在于他翻译了多少作品，也不在于他创作了多少小说、散文、杂文，而在于他的精神。他的精神是建立在他的“立人”思想基础上的。这个“立人”思想，不单指人的个体生命的独立，更重要的是指人个体精神的独立。即人的肉体不受压迫，精神不受奴役，是完全自我独立的存在。这个思想是完美的，如果先生的这一思想能够转化为现实，那么大同社会就指日可待了。不过，凡事只要一趋近
  • 随笔1（这是一篇小杂文） 未果_343d
    果然这是一篇没人看的小杂文。昨晚下班跟赵赵一起回家，挽着他的胳膊，说着什么有点忘了，微信的视频声打破了平静，掏出手机一看是母亲大人，心有点慌慌，毕竟我跟赵赵算是私奔吧，一直都是怕母亲大人发现我跟他在一块儿，犹豫了会儿，还是按了一下电源键（这样就可以听不见声音了）。赵赵说这就是你频繁联系的后果，频繁联系会让对方养成一种依赖，你现在是一个工作的人了，哪有那么多时间闲聊。一听我就火了，一生气我就不想说话
  • 哈哈哈哈嗝，这个是一个杂文，给你们发几句诗吧，我贼喜欢的！ 猫幼稚
    山有木兮树有枝，心悦君兮君不知玲珑骰子安红豆，入骨相思知不知谁教岁岁红莲夜，两处沉吟各自知谁教岁岁红莲夜，两处沉吟各自知只缘感君一回顾，使我思君朝与暮人生自是有情痴，此恨不关风与月世人谓我恋长安，其实只恋长安某重叠泪痕缄锦字，人生只有情难死人生若只如初见，何事秋风悲画扇瘦影自怜秋水照，卿须怜我我怜卿赌书消得泼茶香，当时只道是寻常似此星辰非昨夜，为谁风露立中宵我未成名卿未嫁，可能俱是不如人最是人间留
  • 项目方案 今天不加班啦
    一：确定目标人群并且给目标人群一个分类具体方案：通过问卷调查的方式对九栋楼的人群进行一个全方位的调查。问卷内容可以分为五种：1.具体喜欢什么类型的书籍2.觉得在什么时间段借书比较方便3.觉得价格应该定在多少，对会员制是否感兴趣4.对书友交流会的感兴趣程度5.各自的生日等基本信息。然后通过问卷调查表将目标人群分为几种不同的类型，喜欢文学类的，喜欢言情玄幻小说类的，喜欢散文杂文类的。也可以通过各自喜欢
  • 大文件上传如何做断点续传？ 章IT vue.js前端javascript前端框架es6小程序微信小程序
    文章目录一、是什么分片上传断点续传二、实现思路三、使用场景小结参考文献一、是什么不管怎样简单的需求，在量级达到一定层次时，都会变得异常复杂文件上传简单，文件变大就复杂上传大文件时，以下几个变量会影响我们的用户体验服务器处理数据的能力请求超时网络波动上传时间会变长，高频次文件上传失败，失败后又需要重新上传等等为了解决上述问题，我们需要对大文件上传单独处理这里涉及到分片上传及断点续传两个概念分片上传分
  • 幂次法则，击穿阈值，飞机起跑曲线，舞艺战法【股260】 策略派
    今天看一篇文章，学到几个名词，增长不少见识，结合这几个月的投资心得，写一篇杂文吧。学到的几个名词是：幂次法则，击穿阈值，飞机起跑曲线，然后我查了一下相关知识，引发了一些思考。另外总结了自己的选股策略，正式命名为：舞艺战法！先聊第一个名词：幂次法则，我目前还不知道幂次法则和二八定律是否是一回事，他们有什么区别，查了半天资料，也没理解透彻。他们可能相通，可能就是一个意思，也可能不同，但是，我知道他们是
  • 考场作文 王渊明林
    考场作文的几点思考我教过的很多学生都问我为什么考场作文为什么要写得那么辞藻华丽，其中总有学生对这个产生逆反心理。为什么，考场作文要写的积极向上，阳光。第一，是因为，文章分很多类，散文，议论文，杂文，应用文。每类文章都有固定的写法。第二，在考场上，需要你把所有的闪光点好的东西全都拿出来，让考场老师都看到。就像你去别人家做客，一定要打扮的漂漂亮亮的。第三，深刻的理解“真情实感”这个概念，一个是自己的真
  • 我们现在怎样做父亲(3) 柚子_甜茶
    二、新型民族性格蓝图为什么要注重中国青年的发展？因为这个民族的根基就在于青年。不管在哪个时代，我们都需要有朝气能够蓬勃向上的新青年。鲁迅先生对于青年是热爱的，也是痛惜的。在《我们现在怎样做父亲》这一篇杂文中，体现的不仅是他的教育观，更是他对于这个时代的青年，这个国家的根基，这个民族的期待。在文中，他对于“子”这一辈具有很高的期待。他希望这一辈能够去除旧思想的弊病，简单来说就是能够做一个自由广博，能
  • Day65 | 2019-Week18（4.29-5.4）周复盘 馨水宜兰
    图片发自App这一周包含着五一小长假，一共放假四天。本应好好规划一下，带上家人一起出去旅游，放松一下心情，陪陪孩子、和朋友聚个会。然而现实总是很骨感，这一周除了工作还是工作，一直是家里蹲模式。虽然哪儿也没去成，但我利用这几天假期完成了部分工作，做了手账本的月计划和打卡页，规划了本月要完成的工作，顺带给家里做了一个断舍离。日常坚持1.写作输出，文字日更6篇（2篇散文，3篇杂文，1篇月复盘）。2.每日
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他