![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端
文章平均质量分 86
Html css js less node 小程序 flutter vue echarts
baby_hua
人生之路漫漫兮 吾将上下而求索
展开
-
TOOLS_JS异步调用的同步处理
【代码】TOOLS_JS异步调用的同步处理。原创 2023-11-23 14:43:43 · 146 阅读 · 0 评论 -
Flutter1.0实践要点(Dart语法回顾)
Flutter1.0实践要点实践要点dart文件命名使用小写加下滑线,dart类命名使用驼峰;Dart语法;绝对定位widget:Stack 、 Positionedurl包裹widget:WebviewScaffoldColor设置16进制颜色:Color(int.parse('0xff' + 'ffffff')),前两个ff指代的是alpha;如果是声明dart类内部可见的方法或属性,请以下划线开头;List遍历方式:List.map、List.forEach、for-in-声明构造方原创 2021-04-23 15:22:31 · 151 阅读 · 0 评论 -
Flutter1.0入门基础
Flutter1.0入门基础注:原课程视频是基于Flutter1的;目标:开发入门:工具、环境搭建、入门必备开发技巧:导航框架、常用功能开发流程:网络、数据存储、列表、Flutter与Native混编工程封装:模块开发、AI结合项目上手:包和插件的开发、屏幕适配和兼容、打包与发布、Flutter的升级和适配;导航框架实现:Scaffold+PageView服务端交互:http页面路由跳转:Navigator监听列表滚动:NotificationListener自定义组件封装原创 2021-04-23 15:20:44 · 502 阅读 · 0 评论 -
Dart编程语言概览
Dart编程语言概览一个简单的Dart程序:注释,单行、多行数据类型、字面量、输出方式字符串插值main()函数:特定的顶级函数定义变量var:通过这种方式定义变量不需要指定变量类型// 定义一个函数printInteger(int aNumber) { // 打印 print('The number is $aNumber)');}// 应用从这里开始main() { var number = 42; printInteger(number);}重要的概原创 2021-04-23 15:35:01 · 140 阅读 · 0 评论 -
开发知识-小程序云开发 quickstart
图片识别应用助你掌握小程序云端开发目标:掌握微信小程序云开发模式理解Serverless服务借助百度AI平台,实现图片识别应用什么是云开发serverless:无服务端的概念;传统的:开发完部署->自建服务器/云服务器;serverless就是另外一种选择,可以省掉服务器的硬件成本;微信小程序推出了serverless的模式,即云开发的模式;对个人开发者来说,很友好,不需要买服务器;微信小程序:个人账号(体验云开发的起步)官网->开发->开发设置->原创 2020-10-19 14:06:49 · 703 阅读 · 0 评论 -
开发要点-微信小程序
微信小程序教程基于微信平台的接触即用应用;兼有服务号的功能,同时提供类似原生的体验;(以前叫应用号)适合做用完即走的应用,与用户的关系不是重依赖的关系;体验官方示例,了解小程序组件;组件:UI组件;接口:动态API;传统接口微信开放接口微信登录、获取用户信息、发起支付、分享、客服消息、模板消息。。。思维上的借鉴,技术上不互通知识背景:HTML CSS JavaScriptAngular Vue React之类的MVVM框架了解Node es6;大纲:原创 2020-10-19 13:57:54 · 355 阅读 · 2 评论 -
你不知道的JavaScript(下)7.4 代理
你不知道的JavaScript(下)第7章 第4节 代理7.4 代理代理(Proxy)是ES6新增的元编程特性;代理是一种 有你创建的特殊的对象,它“封装”另一个普通对象,或者说挡在这个普通对象前面;可以在代理对象上注册特殊的处理函数(即trap),代理上执行的各种操作都会调用它;通过这些处理函数,除了把操作转发给原始目标/被封装对象之外,还有机会执行额外的逻辑;注:元编程是指操作目标是程序本身的行为特性的编程;元编程的目标是利用语言自身的内省能力使代码的其余部分更具描述性、表达性和原创 2020-10-19 17:11:56 · 203 阅读 · 0 评论 -
Node基础 2(Node Web开发【下】)
Nodejs基础《Node Web开发》4-几种典型的简单应用Web框架可以让你从复杂的HTTP协议中解脱,远离细节可以保持高效;第4章 几种典型的简单应用4.1 Math Wizard注:这个示例将不依赖Web框架URL规则:/:应用主页/square:计算平方/mult:计算乘法/factorial:计算阶乘/fibonacci:计算菲波那切数创建一个项目文件夹:mkdir chap4-1注:每一个页面都由一个独立的模块实现,服务器把请求分别路由到这些模块;查看项目原创 2020-10-23 16:36:56 · 244 阅读 · 0 评论 -
Node基础 2(Node Web开发【上】)
注:笔记虽新,但对应书籍Node版本老旧,相关代码已验证,内容仅供学习参考Nodejs基础《Node Web开发》1-Node入门书籍简介:作为服务器端的JavaScript解释器,Node是一个轻量高效的开发平台,用于构建响应快速、高度可扩展的Web应用;他使用事件驱动和非阻塞的I/O模型,适合开发数据密集型、对实时响应要求高的分布式应用;主要内容:如何使用http服务器和客户端对象、connect和express应用框架、异步执行算法、结合数据库,Node的CommonJS模块系统.原创 2020-10-23 16:34:08 · 244 阅读 · 0 评论 -
Node基础 1(入门了解)
V-HM Node基础1Node.js基础-终端基本使用配置环境变量(可执行文件路径)之后,就可以在终端快捷执行命令;终端文件操作常用命令:md:创建目录;rmdir(rd):删除目录,目录内没有文档 rd /s/q abc:删除子目录(所有的 无提示)del:删除文件rm 文件名:删除文件cat 文件名:查看文件内容cat > 文件名:向文件中写入内容echo on a.txt:创建文件 echo on > a.txt:创建文件Node.js基础-环原创 2020-06-03 10:50:50 · 193 阅读 · 0 评论 -
Web开发-Vue3.0 CompositionAPI 通用知识学习
Web开发-Vue3.0 CompositionAPI 通用知识学习2020-09-18 发布的Vue3.0正式版建议先学ts;因为Vue3.0框架多数都是用ts重写的;API文档仔细阅读;Vue3亮点:Performance:性能更快;Tree shaking support:按需编译,体积更小;Composition API:组合API(类似React Hooks);Better TypeScript support:更好的ts支持;Custom Renderer API:暴露了原创 2021-03-14 11:52:10 · 168 阅读 · 0 评论 -
Web开发-Vue3.0上手 如果你忘了 看这一pian就够了!
Web开发-Vue3.0上手 如果你忘了 看这一pian就够了!之前用Vue3.0开发过一个项目雏形,后续需求尚未跟进,有些忘了,so,在继续开发之前,没事看看Vue3的知识,简单回顾,强化技能;Study from 2021 Vue3.0极速上手vue3基础知识参考Web开发-Vue3.x主要内容相比Vue2的主要变化:Fragments和Emits自定义渲染器全局API调整摇树优化v-model调整更好用的渲染函数失宠的函数式组件异步组件的使用data选项、组件白名单原创 2021-05-11 20:54:04 · 255 阅读 · 0 评论 -
Web开发-Vue3.x
Web开发-Vue3.x回炉再造!2021 Vue3.0 前端全家桶学习笔记Vue全家桶Vue3.x认识Vue3Vue开发初体验Vue CLI脚手架VUE 基础语法网络封装组件化开发VUE 路由应用Vuex详解Vue3的新特性Vue3.x认识Vue构建用户界面的渐进式开发框架,2.x,新版3.x:vue核心库只关注视图层,易于上手,便于与第三方库整合;和库不一样的是Vue是一套架构,会基于自身特点想用户提供一套完整的解决方案,控制权在框架本身,如果要换框架,原创 2021-03-12 14:19:36 · 265 阅读 · 0 评论 -
开发要点-Vue3.0通用知识学习
开发要点-Vue3.0通用知识学习2020-09-18 发布的Vue3.0正式版建议先学ts;因为Vue3.0框架多数都是用ts重写的;API文档仔细阅读;Vue3亮点:Performance:性能更快;Tree shaking support:按需编译,体积更小;Composition API:组合API(类似React Hooks);Better TypeScript support:更好的ts支持;Custom Renderer API:暴露了自定义渲染API;Fragmen原创 2020-10-19 18:36:52 · 703 阅读 · 0 评论 -
Web开发-移动端项目实践经验
Web开发-移动端项目实践经验回炉再造!2021 Vue3.0 前端全家桶学习笔记Vue3.x + CompositionAPI + Vant组件库项目初始化、实践经验图片资源的使用一种简化路径使用的方式;// 配置webpack 为路径起别名module.exports = { configureWebpack:{ resolve:{ alias:{ 'assets':'@/assets', } } }}data(){原创 2021-03-12 18:32:51 · 452 阅读 · 0 评论 -
Web开发-基础环境配置
Web开发-基础环境配置回炉再造!2021 Vue3.0 前端全家桶学习笔记web前端职业发展路线技术范围广,发展速度快,兼容浏览器众多:核心技术:html css JavaScript(BOM、DOM)新的技术:html5 css3 ES6旧框架:jQuery直接操作DOM、BootStrap新框架:虚拟DOM,Vue、React、AngularJS、微信小程序、WebAPP;还需要了解一定的Nodejs通用工具:NPM:包管理器WebPack:打包工具ES6:更高效的语原创 2021-03-03 15:15:47 · 285 阅读 · 2 评论 -
Web开发-前端开发基础
Web开发-前端开发基础回炉再造!2021 Vue3.0 前端全家桶学习笔记web前端职业发展路线技术范围广,发展速度快,兼容浏览器众多:核心技术:html css JavaScript(BOM、DOM)新的技术:html5 css3 ES6旧框架:jQuery直接操作DOM、BootStrap新框架:虚拟DOM,Vue、React、AngularJS、微信小程序、WebAPP;还需要了解一定的Nodejs通用工具:NPM:包管理器WebPack:打包工具ES6:更高效的语原创 2021-03-09 11:40:54 · 228 阅读 · 0 评论 -
webpack入门
webpack入门webpack简介模块打包器;项目构建工具;自动化构建工具;将多种类型资源之间的依赖关系构建成统一的静态资源,打包上线部署;js css等,但不包括html,因为它认为html不算模块;四个核心概念:入口entry输出outputloader:webpack本身只能加载js json,其他的模块(资源)加载都需要相应的loader,可参考官网进行下...原创 2020-04-16 14:53:14 · 136 阅读 · 0 评论 -
Less入门
Less入门CSS预处理器:Less、Sass、stylus,语法思想都类似;什么是LessLess 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。运行时编译:Less运行在node环境,也提供了原生的js库,在html中引入相应的js即可使用(放在需要编译的less的...原创 2020-05-08 16:53:05 · 264 阅读 · 0 评论 -
移动web——rem适配布局
移动web开发布局——rem适配布局目标:使用rem单位;使用媒体查询基本语法;使用less语法;使用2中rem适配方案;完成示例页面;前言之前我们使用flex布局实现移动web开发时,页面基本上是固定的,而且无论是流式布局还是flex布局主要都是针对宽度进行的布局;如果想对高度,如布局可以随着屏幕变化,宽、高同时进行等比例缩放,就要用到rem适配布局;rem基础rem单位:rem(root em)是一个相对单位,类似于em,em是父元素字体大小;不同的是rem的基准是相对原创 2020-05-13 15:22:11 · 1000 阅读 · 0 评论 -
Flex布局示例简述-携程App主页布局
Flex布局示例简述-携程App主页布局使用要点无论是块元素,还是内联元素,都可以被指定为flex布局;flex items是任何直接子元素,既可以是块元素,也可以是内联元素;flex items的margin设置也是有效的,可以按需设置;父元素指定为flex布局后,子元素的float、clear 和 vertical-align将失效;(有了flex,请远离float)Flex...原创 2020-05-07 19:00:22 · 858 阅读 · 0 评论 -
弹性布局-更优秀的Flex
Flex布局详解浮动布局的优缺点图文的环绕显示;浮动元素 同行显示;适配性更好;忘记清浮动-高度坍塌;flex布局的优缺点IE10以下不支持;用来做布局的,很方便;flex布局flex/flexible(弹性布局)移动端用的最多,PC越来越多;两个重要概念外边开启flex布局的元素叫 flex container;flex container...原创 2020-05-06 16:03:28 · 328 阅读 · 0 评论 -
CSS —— Grid 网格布局
CSS —— Grid 网格布局容器 包裹 多个项目;<div id="container"> <div class="item item-1">1</div> <div class="item item-2">2</div> <div class="item item-3">3</div> <div class="item item-4">4</div> <div cl原创 2021-07-07 22:06:51 · 720 阅读 · 1 评论 -
前端那些事儿-winter前端公开课
前端那些事儿-winter前端公开课黑白棋练习文末附源码关于面试和前端职业发展方向关于面试的问题前端面试内容vue nodejs 闭包 …面试基于简历简历写的都是真实的,再向外拓展;面试的东西 如果不知道,尽量把相关的 知道的东西讲出来;程序员应该具备的能力编程能力:算法题 或者 解决问题的一段代码;架构能力:应对什么样规模的...原创 2020-03-24 15:47:57 · 337 阅读 · 0 评论 -
VN-SGG JavaScript 基础(下)
[VN-SGG] JavaScript 基础(下)JavaScript视频课程笔记【入门到精通】,这只是笔记!!!DOM对象分三种:内建对象、宿主对象、自定义对象;其中自定义对象和内建对象都已经介绍了,接下来看下宿主对象;宿主对象:运行环境提供的对象DOMBOMDOM——文档对象模型DOM:让我们可以通过JS来操作网页;Document:HTML网页;Object:把网页的每一个部分转换成对象,然后以面向对象的方式操作;Model:使用模型表示节点对象之间的关系,这样方便我们原创 2020-07-06 18:04:45 · 455 阅读 · 0 评论 -
VN-SGG JavaScript 基础(中)
[VN-SGG] JavaScript 基础(中)JavaScript视频课程笔记【入门到精通】,这只是笔记!!!主要内容:this,对象,原型对象,垃圾回收,数组;call、apply,arguments,Date,Math,包装类,正则;this解析器在调用函数时,每次都会向函数内部传递一个隐含参数,这个隐含参数就是this浏览器传入的;指向的是个对象-函数执行的上下文对象;函数调用方式不同,this指向也不同;function sayName(){ consol原创 2020-06-28 14:41:39 · 384 阅读 · 0 评论 -
VN-SGG JavaScript 基础(上)
[VN-SGG] JavaScript 基础(上)JavaScript视频课程笔记【入门到精通】,内容非系统讲解,仅做个人参考回顾,这只是笔记!!!什么是JavaScript一门完备的计算机编程语言,诞生于95年,一开始用于前端网页内容校验;Node.js是运行在服务端的JavaScript;JS的标准称为ECMAScript;该标准由不同的厂商实现,不同的浏览器厂商会有不同的实现;Ch...原创 2020-04-08 18:16:23 · 526 阅读 · 0 评论 -
CSS 动画入门-过渡和变换
CSS 动画入门-过渡和变换transition过渡动画鼠标移入移出时,进行的过渡效果;transition:transition-property:规定设置过渡效果的CSS属性的名称;transition-duration:规定完成过渡效果需要多少秒或毫秒;transition-timing-function:规定速度效果的速度曲线;transition-delay:定义过渡效果的延时开始时间;transition-property:none(默认值)allproperty(某原创 2020-05-12 19:43:53 · 310 阅读 · 0 评论 -
Head First HTML 和 CSS
Head First HTML 和 CSS13-第二版:读书笔记;这是一本十分简单的入门数据,读的目标是对CSS有一个完整和清晰的认识;CSS简述及引用使用HTML可以将网页中的内容 标记成 浏览器能够识别解析的结构 更好的展示;CSS的一种引入方式:<head> <style type="text/css"> body { ...原创 2020-03-19 20:24:40 · 1144 阅读 · 0 评论 -
Web入门梳理:HTML5
html52008年 HTML5 HTML的新版本,新标准;<!DOCTYPE html>常用新标签相关内容可查看:W3C手册header:文档页面头部nav:导航链接部分footer:文档页脚 底部article:文章section:章节/区段aside:内容之外的侧边内容datalist:标签定义 选项列表,需要与input配合使用fieldset:可将表单...原创 2020-03-09 15:11:58 · 239 阅读 · 0 评论 -
Web入门梳理:HTML
html认识网页代码 -> 浏览器渲染 -> 用户所看到的网页常见浏览器谷歌浏览器、Safari…浏览器内核内核:Safari(webkit)、Chrome(Blink)渲染引擎(独立的JS引擎)web标准不同浏览器 不同内核 解析执行的代码 可能运行不一致;所以需要制定统一的web标准;W3C组织指定:结构:结构标准;HTML 使内容更清晰;表现:样式标准;...原创 2020-03-06 14:33:21 · 211 阅读 · 0 评论 -
构建网站(一)-Web 入门
MDN学习Web开发构建网站(一)-Web 入门准备编辑器 HTML CSS JS语言基础;文件管理 如何组织和处理代码文件;确定网站展示样式和交互;web团队通常包括一个 图形设计师 和 用户体验设计师;图形设计师 将网页视觉部分组合在一起;用户体验设计师则解决用户如何浏览与网站交互;确定文档结构:段落 标题等;确定主题颜色:如果涉及到颜色转换,可以使用工具Color Pick...原创 2020-03-09 17:32:32 · 454 阅读 · 0 评论