13518219792
学习一些专业知识。
在巴彦等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计制作、成都做网站 网站设计制作按需制作,公司网站建设,企业网站建设,品牌网站设计,成都全网营销,外贸网站建设,巴彦网站建设费用合理。
一切从实用的角度出发，HTML标签及标签的属性，标签属性不是重点，简单了解，在学习html标签的同时结合css的来实现样式，写完静态的整站页面后，就是JavaScript的基础，然后就是Jquery的案例，最后使用jquery来实现静态页面案例中的动态效果。
HTML CSS篇——HTML
在学习之前需要先了解一下，初级前端学习内容：Html、Css、JavaScript、Jquery
1. HTML和CSS是什么?
2. JavaScript和Jquery能做什么?
3. W3C是什么?
4. 在学习HTML、CSS、JavaScript和Jquery之前，我还需要知道些什么?
5. 自学了HTML、CSS、JavaScript和Jquery,为什么写不出一个完整的网站。甚至是连一个页面都完成不了!
1.1 正式开始前需先知道什么是文本和超文本
在阅读以下内容之前，需要先了解什么是文本，什么是超文本，文本的概念应该是任何写下来的文字，都可以称之为文本，对于计算机来说，就是一种文档的类型，不管你的电脑用的是何种操作系统(win7、win8、win10)，都有一个记事本的程序，可以在记事本里记录一些文字，虽然能做一些简单的排版但不能插入图片，视频，声音，也不能设置文字链结到其他位置或其他文本，记事本程序保存后的文件扩展名为txt，我们把扩展名为txt的文件称为文本文件。
超文本：简单来说，除了普通的文字，还可以包含图片，视频，声音，最主要的一点就是其中的文字或图片可以链结到其他位置或者其他文档。尽量用比较通俗的语言介绍了一下文本和超文本，如想更深入的了解，可以自行百度搜索!既然知道了什么是文本和超文本，那么下面就来介绍下HTML吧!
1.2 什么是Html
HTML 全称为HyperText Markup Language，译为超文本标记语言，是最基础的网页语言，是通过标签来定义的语言，代码都是由标签所组成，并不是编程语言。可以理解为标记语言就是一套标记标签，HTML 使用标记标签来描述网页中的内容，比如标记某段文本为标题、标记某段文本为段落，以及标记网页结构，都是使用相对应的标签来标记的。HTML文档也可以称为网页，Html文档的扩展名为.Html，也可以称作静态网页。
比如我们都知道在word中有标题、段落、还可以插入图片，那么在Html中就分别定义了不同的标签来描述，标题定义了h1标签;段落定义了p标签;图片定义了img标签;也就是说一段文字加上了h1标签，就说明这段文字是标题，如果加上p标签，就说明了这段文字是段落，如果是一张图片呢?那么就要加上img的标签，为什么要定义这些标签?所定义的这些标签是给浏览器解析的，浏览器并不知道你所写的东西哪里是标题，哪里是段落，也不认识图片，浏览器只认识这些标签，最终我们用浏览器打开网页，浏览器将内容按照标签所标记的结构和样式展现给我们!不同的标签还具有不同的属性，通过对属性值的更改，可用来改变字体大小，字体颜色，图片的高度、宽度等样式。
1.3 什么是CSS
既然不再使用标签属性来设置样式了，那么该用什么呢，对，就是CSS(Cascading Style Sheets)中文名称：层叠样式表，是用来定义网页的显示效果。有了CSS、Html就只负责网页结构和标记内容，如哪里是标题，哪里是段落等等，而所有的样式(字体大小，颜色等等)都由Css来实现，也就是说：CSS将网页内容和显示样式进行分离，可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。
js有一部分依托于攻速。狗头直接残废减60%的攻速。再俩q就可以虐了
敲代码很快有几个条件
1.对项目代码和结构非常熟悉，知道整个数据流的在代码中的流动过程和变化过程。知道当前新增的代码在整个项目处于哪个位置，对于数据会有产生什么新的变化。这些要心理有数。也就是从架构层面去思考代码的编写。
2.对于需求理解的很透。这样业务逻辑转成代码逻辑就不会有任何不清楚的地方。
3.已经解决了技术难点，也就是说前期测试性代码已经写过了弄清楚了，避免了突然出现的技术性难点
4.新增的代码和新增的数据结构已经仔细思考过了，并设计好。也清楚引入这些新的代码和数据结构对现有代码的整体影响
5.异常点的位置的处理方案已经安排好了。写代码一部分是正常业务流程，算法过程，但是另外一大块就是处理各种异常。当异常出现之后，是代码重试，报错后忽略，还是报错之后停止代码，还是报错后清理代码并重新恢复上一个状态，等等。这些都是要心理有数。
6.对于如何新增源代码文件，命名函数，命名文件名，命名类名，命名变量名有一整套方案。有时候想个函数名或者变量名都要卡好几分钟，就不算飞快了。别笑，想个变量名，百度十来分钟的时候多了去了。
7.外部环境已经准备好了。IDE稳定，数据库结构稳定，数据稳定，网络稳定，访问网页顺畅，准备好免打扰的牌子。准备好刷卡提需求的二维码，准备好板砖和大刀，预防产品经理提需求和改需求。
作为一个编程爱好者，同时民谣还过得去的同志，我想我大概能发表一下感悟
首先，编程不简单，大一学完c加加，然后啥都不会的Q_Q。然后你屁颠屁颠找着老师问，老师这不科学啊。于是老师笑摸你的狗头，说，孩子，你的教材特么是学校编的，当然啥都不会啦。老师笑着掏出一本C++prime，说，欲练此功，必先。。。
然后大一暑假就在知识的海洋里愉快的溺水咯。
当你学完这本入门级的书，你大笑三声，次奥次奥次奥，默默的拿起数据结构和编程思想，心里默念编程大法好，开始了万里长征的第一步。
所以说，编程绝对不简单呐，当你学的越多，你才发现难的都在没学过的地方呀QAQ
其次，说说吉他吧。 我实在不想说一些拿起吉他，刚会扫弦就说会弹吉他的初学者了。这和大一时刚刚接触C加加的我没有本质区别哦。你会的只是左手的按法和右手的划动罢了-当吉他老师笑抚我的狗头，拿出一本吉他等级。。。时，眼冒星星的我激动的在音乐的暴风雨中翻船咯。
当你会一些基本的左右手技巧，比如推弦，点弦，勾弦，点拍泛音以及切音等等等技巧，然后你又发现你还是什么都不会。
老师说，呵呵，拿起中级吉他乐理，和声学，基础乐理，我对天大叹三声，我次奥奥奥奥奥。学吉他不学乐理，跟会编程不懂编程原理有何区别？
更不用说编曲之类的了
总结的说吧，将这两者看低是因为没有看清这两者的高度。吉他和编程真的非常非常难，答主在弹吉他时一天练习五六个小时，手指上的老茧几乎每天都会褪下一层。大学编程常常写到深夜一两点（再晚第二天就没法起来上课啦），常常因做不出来偷偷地哭。但经历了这么多，你发现这个世界有太多太多的高峰等待去攀登，任何事情都不是简单的啊。
JS。武器大师。赵信。蛮子。剑魔。提莫【AD的】有致盲。还有AP一顿爆发能秒的。
前言：研究electron自动更新的时候，在electron的官方文档auto-updater 中，提到了在几个平台mac，linux，windows下electron 的自动更新方法，其中windsow平台上面，文章中建议先用grunt-electron-installer 模块来创建windows安装包，grunt这个工具是由Squirrel集成的。进而了解下Squirrel这个工具，
一个可以用来给electron应用的安装更新卸载添加快捷方式的工具。本文主要提及如何在windows平台下，用Squirrel创建electron的.exe安装包。
创建nuget包
我们的方法是使用nuget工具创建Nuget包，再使用Squirrel工具创建.exe。
1.下载squirrel.exe和nuget.exe，也可以选择直接安装Squirrel.Windows （需要有vitual
studio环境）。
2.新建文件夹如my-build，把下载好的squirrel.exe，nuget.exe和setup.exe
放进去，在文件夹放入我们未打包的electron应用，如下图：
4.在my-build根目录中，打开命令行执行nuget spec
如下图：
生成 spec包初始文件
5.编辑器打开 Package.nuspec，按照自己项目的需要编辑这个文件，如下图：
这里需要注意：根据Squirrel文档说明，target folder 属性需要设置为lib/net45，否则并没有用；iconUrl标签用来制定未来的exe的icon。
5.用下面的命令创建一个nuget包，
nuget pack Package.nuspec
如下图：
之后在目录中会出现这个包
命名规则就是my_app_name.version.nupkg
创建安装程序
把应用程序打包成nuget包之后，就可以用squirrel创建一个安装程序了。在根目录打开命令行，执行以下命令：
squirrel --releasify my_app_name.version.nupkg
这个时候命令行中没有任何提示。但是别慌，编译一段时间后程序会创建一个release文件夹，里面有三个文件，nuget包，RELEASES 文件和安装文件Setup.exe。如下图：
如果没有出现这三个文件，可以查看目录中的SquirrelSetup.log，根据里面的报错，来进行调试。
注意上面这条squirrel 命令，可以用来设置setup.exe在安装过程中用传统icon还是用自定义的图片文件。使用Squirrel --help可以查看更多帮助
发布应用和安装应用
把上一步生成的setup.exe发送给想要安装这个应用的用户，就可以了。
最终应用会被安装在C:\Users\Administrator\AppData\Local\[appname] 文件夹中，注意Squirrel 的日志文件也存在目录中，调试安装问题的时候非常有用。
双击我们的setup.exe进行安装app的测试，如果中途有任何出错，在
C:\Users\Administrator\AppData\Local\SquirrelTemp 里面可以看到安装日志。如下图：
安装之后打开C:\Users\Administrator\AppData\Local 目录，可以看到app安装在这里，如下图：
自动创建快捷方式
进入我们安装之后的文件夹，命令行进入C:\Users\Administrator\AppData\Local\[your appname]，执行 Update.exe --help ，可以看到
不知道从上图你有没有得到什么提示，反正我发现了，在命令行手动创建快捷方式的命令是Update.exe --createshortcut electron\electron.exe -i [your ico toute]\app.ico
所以，如果我们想让应用在安装过程中静默地创建好快捷方式，那就需要在app的安装之后相反设法执行这句代码。
因为我们的.exe会在安装之后自动打开程序，所以我在程序的入口main.js，添加sqruieel事件的监听就好了。如下图：
我顺便把程序卸载时，删除快捷方式的监听事件也写了进去。还有程序的更新和删除事件监听，但是这两个事件，我还没有进行测试。
更新应用
其实我一直很想做增量更新，在这里我的更新方法有两个，第一是在程序的入口添加js，发送请求到服务器，拉取更改文件进行本地替换，但是如果是node_module依赖包的更改，这个方法并不可行。第二个方法比较安全而且快捷通过发布一个版本号不同的exe，如下：1.在这个创建安装程序的步骤2中，我们把程序代码都复制到了这个文件夹里面，如下图：
如果后续我们的程序要进行更新，首先我们需要把更改的文件直接复制替换到这个文件夹。
2.打开Package.nuspec，编辑version标签
3.参考本文种中创建安装程序部分的步骤2-4，重新生成setup.exe，发布应用。
通过执行setip.exe安装，程序会自动删除之前的应用，但是我并不清楚，sqruieel 是进行了增量替换，还是将之前的整个应用进行删除，再重新安装。
创建自定义安装包
在上一步，我们已经把自己的exe发布出来了，但是如果没有自定义名字跟icon，好像还不够酷，所以我们需要创建自定义的安装文件。
1.下载安装 Resource
Hacker
2.打开这个项目目录，在electron.exe上面右键
出现菜单，点击 Open using Rescource Hacker。
3.Resource Hacker应用运行之后中，在以下界面中选择Icon，然后在工具栏里面选择Action，Replace
Icon，如下图：
然后选择自己想要替换的.ico文件就好
4.这其实并不够，我们还需要更换exe里面的版本信息，打开Version
Info，把FileDescription和ProductName改成我们自己的项目名称，最好把SquirrelAwareVersion也更改一下，毕竟是版本号。
5.做完这些之后，我们需要按照之前的步骤，在命令行中输入
nuget pack Package.nuspec
重新生成nuget包，然后再使用
squirrel --releasify my_app_name.version.nupkg 命令创建安装文件。
6.打开之后生成的releases文件夹，参考本文种中创建安装程序部分的步骤2-4，对setup.exe进行自定义。
最后，一个可以自动更新又安装便捷，还有我们自己的酷酷的图标跟名字的应用就生成拉！
