HBuilder

刚毕业想学习web前端,该怎么学才能最快入门?

做~自己de王妃 提交于 2020-05-06 20:19:21
首先无论你要学习任何技能,必须有一个清晰的版图,什么是清晰的版图呢?首先了解你学的技术将来要从事什么工作,这个工作的条件是哪些? 然后你要有一个非常清晰的学习大纲,切记学习任何东西都要系统,不可胡乱的瞎学浪费时间。 web前端学习路线 下面是给大家提供的一个学习大纲: 基础:HTML+CSS网站页面搭建,CS核心和PC端页面开发,HTML5移动端页面开发。 核心:web前端核心技术JavaScript,ecmasript,dom,ajax,json,正则,作用域,运动框架,核心算法,高级函数,插件封装,jQuery等。 高级:html5+高级JavaScript开发,大数据可视化,webapp交互接口,lbs定位,微信sdk,es6标准,高级算法,数据结构,插件封装。 框架:vue、react、angular企业开发应用。 企业要求:bootstrap,swiper,iscroll,sass,ps切图,网站上线等。 然后,对于一个专业知识非常强的专业,切记不要一个人蛮干,那样只会无限的让你走很多弯路,然后打击你的学习积极性,最后的结果就是不得不放弃,因为你实在学不下去了。所以学习专业知识一定要跟专业的人进行请教和交流。就好比你生病一样,你不能自己看病,你只能去找医生,因为医生比你专业,学习也是一样的道理。 学习web前端的注意事项 1.不要以看书学习为主

No 'Access-Control-Allow-Origin' header is present on the requested resource——Web Api跨域问题

China☆狼群 提交于 2020-05-04 02:46:44
最近使用C#写了一个简单的web api项目,在使用项目中的.cshtml文档测试的时候没有任何问题,但是在外部HBuilder上面编写.html通过Ajax调用web api路径时报错: No 'Access-Control-Allow-Origin' header is present on the requested resource. 导致这个问题的原因是在跨域访问web api的api时,C#自带的web api并不能支持跨域访问,如果需要,可以更改配置来实现。 1、更改Web.config文件,加上如下代码 < httpProtocol > < customHeaders > < add name ="Access-Control-Allow-Origin" value ="*" /> < add name ="Access-Control-Allow-Headers" value ="Content-Type,Token" /> < add name ="Access-Control-Allow-Methods" value ="GET, POST, PUT, DELETE, OPTIONS" /> </ customHeaders > </ httpProtocol > 配置了Web.config文件后,平常使用的GET,POST可以使用

博客园界面代码风格(代码样式)自定义设置

旧城冷巷雨未停 提交于 2020-05-02 08:31:52
 使用highliht的样式自定义自己的代码样式   1.在 highlight.js demo 选一个你自己喜欢的代码风格   我用的是vscode编辑器,因此我比较喜欢 Atelier Heath Light 这款风格 2.在 highlight.js demo 下载你喜欢的风格 3.修改风格样式将 .h1js (注意有个空格)替换成 '.cnblogs-markdown .hljs', .hljs- 替换成'.cnblogs-markdown .hljs-' 我的编辑器操作做如下,选择全部替换,目的是添加一个css限制范围,提高此风格的优先级,来覆盖默认的样式 替换前: 替换后: 4.把替换好的样式赋值到页面自定义css代码框里面 5.大功告成 提示:以上操作都是基于HBuilder编辑器 本文章来自 hign 的博客,转载请保留原文了链接: https://www.cnblogs.com/hign/p/12002719.html 作者: hign 出处: http://www.cnblogs.com/hign 本博客文章大多为原创或者伪原创,转载请关注博主,原创文章并且留下链接。 来源: oschina 链接: https://my.oschina.net/u/4340477/blog/3333481

从 Copyright 到 Copyleft,聊聊版权与开源协议

你说的曾经没有我的故事 提交于 2020-04-30 20:11:01
4月26日是世界知识产权日,很多人或许会觉得这和软件开发没什么关系,但事实上,开源软件大多受到知识产权法中 著作权法(Copyright,也称版权) 的保护。 开源软件虽说开放了源代码,但是用户在使用、修改、再发布时,必须要遵守软件中规定的开源协议(也称 开源许可证/开源License) ,否则可能构成侵权,惹上官司。 随着计算机软件的激增,其著作权保护愈发重要。同样在26日 ,《中华人民共和国著作权法修正案(草案)》提交十三届全国人大常委会第十七次会议审议。修正案中有多处 直接涉及计算机软件的修正 :如在第十条的出租权中明确包含计算机软件的原件或者复制件权利;修正后的第五章“著作权和与著作权有关的权利的保护”中,第四十八条处加入对计算机及其系统或者网络的完全性能进行测试条例。 虽然修正案还未最终确定,但这也显现了加强软件法律保护的趋势。今天,我们就来谈谈计算机软件开发、使用中涉及的一些权利问题,以及这些问题的源头和当下的新争议。 Copyright 和 Copyleft:开源著作权和开源协议 提到 “Copyright”,大家可能还会想到自由软件之父 RMS 提出的“Copyleft”反版权思想。“Copyleft”最初是为反对商业软件而生,但它并不是放弃版权,“Copyleft”中的“Left”,不使用英语中“保留”的意思,而是指“Left(左)”,与“版权(Copyright

uni-app—从安装到卸载(转)

醉酒当歌 提交于 2020-04-28 04:42:21
uni-app—从安装到卸载 uni-app实现了一套代码,同时运行到多个平台。支持iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具 工具安装 开发uni-app需要安装HBuilder X. 下载地址 。 下载成功后直接解压即可 简单的配置一下开发偏好: 创建第一个uni-app 点击左上角【文件】>>【新建】>>【项目】,选择uni-app模板。 uni-app目录结构 目录结构基本和小程序的目录结构相似,只是多了个基础组件的文件夹; uni-app有自己的插件库,直接点击安装即可,而且,它也支持npm包管理,点击【工具】>> 【插件安装】即可配置 好了,基本的安装工作就是这么多,下面我们看一下如何调试 调试 浏览器 uni-app支持多个端同时调试,这也是它最便捷的地方,首先看一下浏览器端的调试: 调试之前我们首先要配置一下你的浏览器的安装路径,默认HBuilder是检测不到的 点击【运行】>>【运行到浏览器】>> 【配置web服务器】 把浏览器的安装路径粘贴在里边即可 然后就能够调试了 然后我们看一下真机 手机调试 以安卓手机为例,需要开启开发者模式才能进行调试,方法如下: 打开【设置】>> 【关于本机】,找到【软件版本】,连续点击五次,即可开启开发者选项 开发者选项的开启和关闭在【设置】 >>

Android平台云端打包证书使用说明

烂漫一生 提交于 2020-04-28 03:29:35
原贴:https://ask.dcloud.net.cn/article/35985 Android平台云端打包证书使用说明 分类: HBuilderX 证书 Android 签名证书是一个应用的所有者信息描述和身份标记。 Android应用打包,必须配一个签名证书才能打包。 HBuilder|HBuilderX中开发完成发布为原生App提交云端打包时,Android平台需要选择签名证书: Android的应用安全管理模型,包括包名、证书、应用市场的账户。 包名是公开的,任何人都可以做一个apk包,包名和你的应用包名相同。那么如何防止仿冒包? 他人没有你的应用市场账户,就无法在市场发布仿冒包。 他人没有你的签名证书。不过这一点,现实中有很多问题,手机用户是没有识别能力的。大多数安卓手机上也无法查看应用的签名信息。 制作自有证书并打包 开发者如果已经有自己的安卓证书,可直接使用。 如果没有,使用JDK的keytool工具生成一个,不像Apple证书那样收费,制作Android证书没有费用。 完整教程参考 Android平台签名证书(.keystore)生成指南 注意以下问题: 证书文件密码(storepass)和证书密码(keypass)必须一致,HBuilder|HBuilderX要求这两个密码一致 证书别名使用英文字母或数字(老版本HBuilder不支持使用中文别名)

Hbuilder打包Vue项目实现拉取微信app授权登录

∥☆過路亽.° 提交于 2020-04-28 03:29:19
1.环境搭建 (1) Hbuilder百度搜索应用下载下来不用安装即可使用 (2) 电脑安装java JDK 在本地生成Hbuilder打包所需的证书文件及签名(详细方法请参考我另一篇文章) (3) 微信开放平台申请的appId与AppSecret,过程略,所需签名就是证书文件中的MD5(若出现没有MD5的情况,证明你的JDK版本过低,我用的是1.8.0_171) 2.具体代码实现 <! DOCTYPE html > < html > < head > < meta charset ="utf-8" /> < meta name ="viewport" content ="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> < title > OAuth Example </ title > < script type ="text/javascript" > var auths = null ; // 监听plusready事件 document.addEventListener( " plusready " , function () { // 扩展API加载完毕,现在可以正常调用扩展API plus.oauth.getServices( function (services) { auths =

wap2app(一)-- 网站快速打包成app

你说的曾经没有我的故事 提交于 2020-04-28 02:05:20
工具:HBuilder,下载地址: http://www.dcloud.io/ 下载并安装HBuilder后,打开编辑器,选择:文件 -> 新建 -> 项目,出现如下图: 选择wap2app,填入项目名称,wap站首页地址,选择项目文件路径,创建。 项目创建成功,软件左侧会出现你刚创建的项目。 打开项目,找到manifest.json文件,依次配置相关配置文件。 一、基础配置: 注意:应用标识不要手动修改,显示默认的即可 依次填入应用名称,版本名称,应用入口首页地址可以是网络地址也可以是本地地址。 二、图标配置: 图标就是App安装到手机后显示的图标,选择第一张图标后可以点击“自动生成所有图标并替换”,会自动生成适配不同大小的图标。 三、启动图配置 启动图配置就是做好合适大小的图片上传即可 四、SDK配置 需要申请对应模块要求的参数,并做好配置,勾选需要的功能并填入相关参数 五、模块权限配置 根据app业务需求,配置对应的模块。 六、源码视图 android打包填入相应的包名等信息;ios打包填入标识等信息 这样,manifest.json文件就配置完成了,接下来进行真机调试。 用手机数据线连接手机和电脑,手机打开USB调试模式,当点击HBuilder的 运行-> 运行到手机或模拟器 ->运行【设备xxx】, 编辑器控制台会出现如下报错: webviewId 报错,这时候发现

HBuilder打包App方法

天大地大妈咪最大 提交于 2020-04-27 22:41:43
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种,云端打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包。 1,下载HBuilder,注册并登陆。首先打开“文件”-“新建”-“移动APP”,输入“应用名称”,“位置”可以根据需要自己选择即可,“选择模板”建议选择空模板; 2,新建完成后, 在项目管理器会显示新建的项目目录,其中css,img,js和index.html这几个文件可删可改可替换。 unpackage文件夹是放置app图标和启动界面的图片。 manifest.json文件是移动App的配置文件,用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息,用户可通过HBuilder的可视化界面视图或者源码视图来配置移动App的信息。 3,如果删除了css,img,js文件夹和index.html文件,就把其他自己的项目文件对应复制到文件夹中,注意html文件中的引用路径需要保持正确。 如下图自己拷贝的项目: 4, 文件复制完成后,刷新更新下,双击打开manifest.json文件来配置App。 appid:点击云端获取。版本号:根据需要来编辑。页面入口

DCloud-HTML5+:5+ App开发入门指南

微笑、不失礼 提交于 2020-04-27 22:35:38
ylbtech-DCloud-HTML5+:5+ App开发入门指南 1. 返回顶部 1、 5+ App开发入门指南 App App入门 HTML5 Plus应用概述 HTML5 Plus移动App,简称5+App,是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能。 HTML5 Plus规范 通过HTML5开发移动App时,会发现HTML5很多能力不具备。为弥补HTML5能力的不足,在W3C中国的指导下成立了HTML5中国产业联盟 www.html5plus.org 组织,推出HTML5+规范。目前该联盟已经挂靠在工信部信通院标准所下,相关标准已经成为行业标准。 HTML5+规范是一个开放规范,隶属于工信部,允许三方浏览器厂商或其他手机runtime制造商实现。 HTML5+扩展了JavaScript对象plus,使得js可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。 除了功能外,HTML5+很重要的特点是提供了原生的渲染能力,通过plus.webview、plus.nativeObj、plus.nativeUI,让开发者可以使用js来调用原生渲染能力,实现体验的大幅提升。