成都网站建设设计

将想法与焦点和您一起共享

fluttergit的简单介绍

关于flutter工程被锁定waiting for anothor......

flutter启动后。经常出现工程锁定情况,找不到真机。这时候网上通常的做法是删除lockfile文件,重启等操作。这样做,很麻烦不说,有时候不管用。

成都创新互联公司专注于企业成都全网营销推广、网站重做改版、上虞网站定制设计、自适应品牌网站建设、H5网站设计成都做商城网站、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为上虞等各大城市提供网站开发制作服务。

告诉大家一个很实用简单的方法,直接在任务管理器里结束git进程,再在as里面flutter clean一下就好了。试验多次有效

web前端开发需要学习什么知识?

最近不少小伙伴都会留言问,零基础学习前端需要了解哪些知识,小白学习Web前端开发容易吗?针对大家的疑问,下面,尚学堂前端学院给大家介绍一下。

首先,先给大家介绍一下前端工程师到底是做什么的。

他们主要的工作是把UI的设计图按照w3c标准做成html页面,并且用javascript脚本语言实现页面上的前端互动。互动效果包括,弹出层,页签切换,图片滚动,ajax异步互动。

高级前端工程师还要承担前端优化的工作,优化的知识就会更多一些,比如文件过期Expires,缓存,异步缓存,js和css以及图片的压缩等。

前端开发是一项很特殊的工作,前端工程师的工作说的轻送,看似轻巧,但做起来绝对不是那么的简单。在开发过程中涵盖的东西非常宽广,既要从技术的角度来思考页面的实现,规避技术的死角,又要从用户的角度来思考,怎样才能更好地接受技术呈现的枯燥的数据,更好地呈现信息。简单地说,它的主要职能就将网站的数据和用户的接受更好地结合在一起,为用户呈现一个友好的数据界面。

前端工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。互联网的发展速度迅猛,网页WEB1.0到WEB2.0,再到新生的HTML5、CSS3,到现在手机、3G网络等新科技的兴起,网页也由最原先的图文为主,到现在各种各样的基于衰前端技术实现的应用、交互和富媒体的呈现,更多的信息,更丰富的内容、更友好的体验,已经成为网站前端开发的要求,网站的前端开发发生了翻天覆地的变化。网站的开发对前端的需要越来越重要,但目前前端工程师的需要越来越重要,但目前前端工程师需求大于供给,前端人才非常紧缺。所以高质量的前端开发工程师将会是后五年内一个非常热门的职业,发展的前景非常可观。

那么,零基础小白学Web前端需要了解哪些知识呢?

如果你是一个刚入门的零基础小白,那你首先肯定要掌握的是前端开发的基础知识,相关的程序语言;HTML、CSS、JauaScript,在页面的布局时,HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。这些知识都是基础,必须熟练掌握,才能进行流畅的编写。

学程序语言,当然是与工具相辅相成的,学语言的同时,需要掌握的就是开发工具的使用,对于新手来说,初学用到的是几个比较常见的工具:

1,Dreamweaver:,集网页制作和管理网站于一身的所见即所得网页代码编辑器。

2,Sublime,全称Sublime Text ,是一个主要功能包括拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口的代码编辑器

3,HBuilder:是DCloud,推出的一款支持HTML5的Web开发IDE。

熟悉这些工具之后,你一定对基础的开发工作有一定的了解了,这时候要提升自己的能力,就可以学习更多工具的使用,比如Bootstrap能给你的Web开发提供了更时尚的版式,表单,buttons,表格,网络系统等。Secureheaders能够自动实施安全相关的header规则,防止XSS、HSTS等攻击

前端开发之路不是一成不变的,可能会根据时代的发展,软件的更新,学的内容也有所变化,不过,打好基础,无论学习哪方面的知识,都得心应手。

简单的了解之后呢,就是重头戏了!

前端小白如何学习web前端呢?

前端自学者存在的学习误区:

所学东西可能已过时

奉为经典的的东西已经过时,或者已经有了更好的替代者,而你获取信息的渠道有限,消息滞后,导致学习内容也相对滞后。

2.学习方法盲目

看书看不懂就找视频类教程学习,觉得教程跟自己的口味不符就另寻他法,因为自己缺少对资源的辨识能力,总是在没有清晰规划学习路线的的情况下就盲目学习,导致无效学习时间过长而收获寥寥。

3、只有理论,缺乏真实项目锻炼

对技术的理解停留在理论层次,而缺乏真实企业项目的历练,如果没有相关实习或工作经历,对前端岗位具体的责任划分和工作流程了解不充分。

如何自学前端知识:

自学方法:

作为一个初学者,你必须明确系统的学习方案,我建议一定有一个指导的人,全靠自己学,放弃的几率非常大,在你对于web前端还没有任何概念的时候,需要一个人领进门,之后就都靠自己钻研,第一步就是确定web前端都需要哪些内容,并且在多少时间内学完,建议时间6个月保底。

2.视频为主,书为辅。很多初学者在学习前端的时候非常喜欢去买书,但是最后的结果是什么?看来看去什么都不会写,所以在这里给大家提醒,书可以看,但是是建立与你已经对某个知识点有了具体操作的执行后,在用书去巩固概念,这样更加有利于你对知识的理解。

3.对于学习技术来讲,掌握一个学习方法是非常重要的,其实对于web前端来讲,学习方法确实很多都是相通的,一旦学习方法不对,可能就会造成“方法不对,努力白费”。其实关于这方面还是很多的,我就简单说个例子,有的人边听课边跟着敲代码,这样就不对,听课的时候就专心听,做题的时候就专心做题,这都是过来人的经验,一定要听。根据每个人的不同,可能学习方法也会有所出路,找到适合你自己的学习方法是学习的前提。

4.不建议自己一个人瞎学,在我了解学习编程的这些人来看,从零基础开始学并且最后成功做这份工作的其实并没有几个,我觉得大部分原因就是因为他们都不了解web前端是干什么的,学什么的,就盲目地买书看,到处找视频看,最后看着看着就放弃了,所以我建议初学者在没有具体概念之前,还是找有经验的人请教一下,聊过之后你就会知道web前端具体是干什么的,该怎么学,这是我个人的小建议,可以不采纳。

必读的前端书籍资料:

1、《JavaScript DOM 编程艺术》

超级前端畅销书,作为前端程序员必读两遍以上的书籍,这本书籍特别适合初学前端的新人,前端的核心技术就是JavaScript,同时也是前端的难点。而这本书非常适合入门,通俗易懂,生动的案例可以让初学者更好的进行理解。所提及的很多编程思想却适合低中级层次的前端开发者学习。

2、《JavaScript权威指南》

同样是前端程序员必读的一本书籍,不仅适合初学者,还适合那些已经在做前端工作的程序员进行随时翻阅。里面涵盖了JavaScript的所有内容,以及web浏览器所实现的JavaScript API。对于了解js的基础知识,比如对象,数组,语法,作用域,闭包等等都很有帮助。

3、《JavaScript 高级程序设计》

如果你想把JavaScript非常完全的系统学习一遍,我强烈推荐这本书,这本书可以一直保留,在用这本书的过程中还可以画下重点,以后可以作为参考,是工作中非常强力的帮手。面试的时候也可以很好的应用上,我们俗称的“红宝书”。

4、《你不知道的JavaScript》

这本书不适合前端的初学者,想要深入的了解JavaScript原理,这是每一个前端程序员必须要研究的一本书籍。要让不求甚解的JavaScript开发者迎难而上,深入语言内部,弄清楚JavaScript每一个零部件的用途。如果可以把这本书吃透,那么以后理解任何东西都可以很快的理解和掌握。

5、《Vue.js权威指南》

Vue作为现在前端的主流框架,在国内应用最为广泛,所以了解Vue原理必须要啃一本Vue的书籍。我之所以推荐这本,是因为这本书对于引导初用Vue的开发者有着质的提升。从基础知识到主流打包以及源码解析,还有很多实践的案例,都是一本不错的实用性书籍。主要内容包括数据绑定、指令、表单控件绑定、过滤器、组件、表单验证、服务通信、路由和视图、vue-cli、测试开发和调试、源码解析及主流打包构建工具等。该书内容全面,讲解细致,示例丰富,适用于各层次的开发者。

6、《编程之美》

无论是什么岗位的程序员,必读的一本书籍,没有读过这本书的程序员几乎都是假程序员。这本书有60道算法和程序设计题目,这些题目大部分在近年的笔试,面试中出现过,或者是被微软员工热烈讨论过。作者试图从书中各种有趣的问题出发,引导读者发现问题,分析问题,解决问题,寻找更优的解法。可以大幅度提高自己的编程思维和对于这个行业的深入思考,最终变成技术大牛。

学习路线:

第1阶段:前端页面重构(4周)

内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段:JavaScript高级程序设计(5周)

内容包含:(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段:PC端全栈项目开发(3周)

内容包含:(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段:移动端项目开发(6周)

内容包含:(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段:混合(Hybrid,ReactNative)开发(1周)

内容包含:(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段:NodeJS全栈开发(1周)

内容包括:(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

视频教程:

以上就是尚学堂前端学院为您简单介绍的关于web前端小白的学习路程。

总的来说,零基础小白学习Web前端除了要了解整个前端行业的动态及发展外,还应该学习HTML、CSS、JavaScript等知识,是一个庞大而复杂的技术体系。

如果你对于学习前端技术感兴趣,想学一门新技术,我给你提供一个非常不错的前端学习交流qun:一一四一八八四九三一。有问题就在里面问我,这样你可以少走很多弯路,做起来有效率,记得多跟有经验的人交流,别闭门造车。如果没有比较好的教程,也可以管我要。

本文由尚学堂前端学院原创,欢迎关注,带你一起学习Web前端知识!

我的第一个flutter项目:购物app

这是个产假作业。故事是这样的。

生了娃,生活一地鸡毛。擦,碎钞机的需求怎么那么多。

当时,有一堆返利优惠券app比较火

...这里扯多了这篇文章被锁了....

我就想,来扒一扒,他们是怎么赚钱的。

结论:淘宝联盟。

淘宝联盟是阿里巴巴旗下的亲儿子,不那么有名是因为是个私生子吧,官网上还有个没听过的名号叫“阿里妈妈”,呵呵。淘宝联盟是给淘宝上推广商品的人用的,他们有一个专门的名称,叫做淘宝客,即“推广者(Publisher)”,他们帮电商平台推荐商品给别的买家,买家购买后,电商平台可以增加销量,而他们则可以获得推广佣金。

后来,知道京东也有自己的联盟平台,叫做“京东联盟”,拼多多也有,叫做“多多进宝”。

回到这些app的赚钱逻辑上来。对于用户而言,它们的两个噱头是:

“用我们的app买,你可以自用省钱”

“用我们的app,分享给别人下单,你可以赚钱!”

所以,这些app推广起来很容易啊,因为谁用谁赚钱呀!

那么为何不自己搭一个呢?

与其这些佣金落到别人口袋,不如自己直接做最顶层上线,发展出N个下线,岂不是躺着赚钱,哈哈哈哈哈

搞清楚赚钱逻辑之后,我发现淘宝联盟的api是很开放的。

商品链接: ;pid=mm_343780171_368000361_101527600308itemId=595640102734src=qtka_wxxtdx=1

其中,activityId是优惠券id,pid是推广者在阿里妈妈官网注册的id,只有这个id是我注册的,那么佣金就到我口袋去了,哈哈哈。

刚好练一下flutter,一次开发,两端使用,我一个人就可以了。app暂时取名为“小猪购”,拿粉红猪贴牌。

演示视频:

命令行执行flutter doctor无响应原因追踪及解决

  最近在学习Flutter开发,在一次配置环境的过程中遇到了一个比较尴尬的坑,不过最终还是把这个坑给填掉了,再此进行一些分享,希望后来者遇到同样的问题时可以轻松的解决。

  从下图中可以看出,前面几条 flutter doctor 命令执行的时候总是未响应,通过各种方式执行都是一样的结果,但是dart命令是能够正常执行。起初还以为是环境变量配置的有问题,但是后来把环境变量改了又改,并且把flutter包换了又换,但是现象一直未得到解决。

  遇到这种难题第一时间想到的便是百度,但是各种关键词搜索了一番之后,竟然没有找到一篇关于这种现象的解决方案,大部分都是flutter命令使用教程,如用 flutter doctor 去查看环境是否配置完成,或者通过 flutter doctor --android-licenses 命令去接受Android SDK的一些协议许可。

  后来,又尝试了必应和Google搜索,也无果之后,放弃了通过网络寻求帮助解决的方法。

  由于只有flutter的命令执行的时候无响应,所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后,问题仍然存在。

  随后,判断了不是程序包的问题之后开始去监控应用进程的变化。

  到这里,可以猜到很可能是由于git导致的问题,但是先前安装过flutter都没有问题,这一次重装系统之后就突然有问题了。所以就尝试着把git软件给删除并重新安装,然后奇迹的发现了 flutter doctor 命令可以正常执行了。

  于是又倒退回去复现了一下问题,发现是安装git的时候选项选的有问题导致了和flutter冲突。

  如下图,选择了 Use Window's default console window 的选项来安装git软件之后,git bash是直接用的window的命令窗口来执行命令。正是因为选中了这个选项所以导致flutter命令无响应的问题。

  所以如果你出现了和我一样的问题可以尝试重新安装git软件,并在这一步选择 Use MinTTY 的选项来安装。

  经过不断的试错,终于将这个问题解决了,flutter命令也可以正常执行了。如图,通过VSCode开发工具可以正常的执行 flutter create hello_flutter 创建新的flutter项目。

  遇到问题要大胆试错,只要不断的尝试就会离问题的起因更近,最后找到解决问题的办法。如果你的flutter遇到了相同的问题而又不是由于git导致的话,也可以通过类似的方式不断试错并找到最终的解决方案。也欢迎各位同行可以在评论里分享自己解决问题的方法。

  乐于分享,共同进步。

Mac--Flutter更换指定版本

类似错误No named parameter with the name ‘XXXXXX‘问题

原因:Flutter版本问题

一、回退到指定版本

1、GitHub搜索flutter 点击进入后,选择tags找到需要的版本点进去,如图:

2、复制版本号

cd  /Users/apple/Documents/flutter    根目录,同bash_profile中PATH配置保持一致即可。

git reset --hard 3595343e20a61ff16d14e8ecc25f364276bb1b8b

执行完成,检测 flutter --version

执行 flutter doctor

????????了

flutter项目使用jenkins自动部署

操作系统:macOS Big Sur

前置需求:

ok,开始搞jenkins

1、使用homebrew安装jenkins

Terminal运行命令brew install Jenkins

2、运行jenkins

Terminal运行命令jenkins,最终出现 Jenkins is fully up and running代表运行成功

3、初始化jenkins

在浏览器地址栏输入

然后首次安装启动就会出现新手引导,根据引导操作

自定义jenkins那里选择安装推荐的插件

PS:这里我很多插件都安装失败了,这个没关系,可以进去再自己安装或者不再安装貌似也没啥影响,继续向下操作即可

最后的实例配置那,默认即可,也可以设置一个地址

PS:如果要设置的话,就是自己的电脑ip地址+8080端口就行,配置完之后系统管理里报了一个反向代理设置有误,目前没发现这个报错有什么不好的影响,这个地址也可以以后在jenkins系统管理-系统配置里改的,这个主要是用来让别的同事来访问时要用的,自己用的话就不用设置,额外说一个,如果同事电脑挂了vpn,大概率是访问不了你设置的这个地址的,退掉vpn即可

4、安装插件

进来第一步就是安装插件了,这里要用到哪些我也是根据别人的博客找的,但是由于我主要是用shell命令,所以好像很多都没用上,但是安装了也不亏。。。

gitLab Plugin、gitLab Hook Plugin、Xcode integration、keychains and provisioning profiles Management,DingTalk等

PS:说下这个Upload Keychain or Provisioning Profile File插件,这个是用来管理iOS证书和配置文件的,但是吐血的是,无论如何都传不上去,搞到头秃,最后没办法,放弃治疗,好在还有别的办法,往下看

然后DingTalk这个是在构建成功后自动通知到钉钉群的插件,我这边用到了,下面也有介绍

5、iOS相关设置

系统管理-Manage Credentials

点击 Stores scoped to Jenkins下面的域-全局,然后就可以添加全局凭据了,这里要添加的是:

Upload Keychain or Provisioning Profile File插件用不了,配置文件在这里添加也是一样的

6、Android相关设置

系统管理-系统配置-全局属性-环境变量

Android SDK设置

系统管理-全局工具配置

JDK设置

Gradle设置

7、钉钉插件通知配置

在钉钉群的设置-智能群助手-添加自定义机器人

要复制一下webhook链接,下面要用,还有关键字设置,要钉钉和jenkins一致

在jenkins系统管理-系统配置中,设置钉钉,点击测试如果群聊能收到通知就可以

8、新建任务

这里是Android和iOS各建一个,选择freestyle即可,两边别的都一样,就是shell命令不一样,下面会贴

点开新建的任务,点击配置

①描述和钉钉

②git信息

git这里是自己项目的git地址和之前全局配置的git账号密码,也可以再这里添加新的账号密码

③构建触发器和构建环境都不用选

④构建

选择执行shell,然后填写shell命令(iOS和Android我都贴上了,可以自己参考和修改)

里面的一些关键密码和文件名等,我改成了文字描述或者***,都填自己的

此shell支持的一些功能:清空指定文件夹,替换指定文件,替换指定文件的指定内容,导出安装包,上传蒲公英,安装包重命名(version+build+时间),安装包上传svn

Android apk打包shell

⑤构建后操作也不用做,保存

9、点击立即构建

如果构建失败可以点击当次构建,然后点击查看控制台输出,查看具体报错进行修改,一般来说只要androidStudio和xcode能够编译成功的话,这边问题都不大,一般都是一些小问题要改,如果构建成功,就会通知到钉钉群了


分享题目:fluttergit的简单介绍
网站路径:http://chengdu.cdxwcx.cn/article/dsddjjd.html