前端开发
左手机遇 右手挑战
四川大学本硕,软件开发爱好者。
展开
-
前端(KO框架)常用控件 html/js范例
多选框<!--ko foreach:{data:data,as:'item'}--><label class=""><input type="checkbox" class="input-checkbox" data-bind="value:item.id, disable:$root.canModify()" /><span class=""><!--ko text:item.name--><!--/ko--></原创 2020-10-13 15:36:21 · 790 阅读 · 0 评论 -
基础:Koa2
网址 https://koa.bootcss.com安装npm install -g koa-generatorinstall dependencies:cd koa2-learn && npm installrun the app:DEBUG=koa2-learn:* npm start创建项目:koa2 project使用npm run dev可以实现更改后的代码自启动//脚本配置文件 package.json "scripts": { ..原创 2020-05-31 18:53:06 · 400 阅读 · 0 评论 -
基础:vue-router实现子路由
//index.jsimport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import First from '@/components/first'import A from '@/components/A'import B from '@/components/B'import A1 from '@/components/A1'import .原创 2020-05-27 11:04:53 · 375 阅读 · 0 评论 -
vue指令
v-model 双向绑定数据v-for 循环v-show 显示与隐藏v-if v-else v-else-if 显示与隐藏v-bind 用来动态绑定一个或多个特性。简写为一个冒号。常用于动态绑定class和style/href等。v-on 用来监听dom事件,简写为一个@。v-once 只渲染一次。v-cloak 保持在元素上,直到关联实例结束时进行编译。v-pre 用来跳过这个元素和它的子元素编译过程。可以用来显示原始的mustache标签。跳...原创 2020-05-10 20:21:48 · 128 阅读 · 0 评论 -
笔记:全网最详细jQuery教程
申明:本篇博客是学习舟炬教育课程:全网最详细jQuery讲解的课程笔记。前言:在华为实习的两个月时间中,接触了jQuery,因为所做的前端工作是基于Angular框架的,本身有许多需求在实现的时候都会比较复杂,在这个过程中,如果遇到比较难实现的需求,就会使用jQuery。这时候的jQuery仿佛是个消防员一样的存在。所以在现在vue等框架盛行的情况下,觉得还是有学习了解jQuery的必要,毕竟它提供了许多实现需求的方式方法,所以可以作为储备来学习。目录一、jQuery基础1、获取jQuery原创 2020-05-10 17:27:21 · 2084 阅读 · 1 评论 -
基础:Vue-cli基础知识 2020年5月28日更新
课程初衷:前端+服务端技术内容:基础知识:vue全家桶基础 Koa2核心知识串讲 Nuxt.js快速入门实战重点:登录、注册 SMTP服务 城市服务 推荐服务 搜索服务 地图服务 购物车 订单设计 组件复用设计 接口设计 数据对象模型 思维&技巧...原创 2020-05-28 20:46:07 · 239 阅读 · 0 评论 -
总结:前端开发中css样式需要更改的默认设置
ul组件:ul{ margin:0; padding:0; list-style:none;}a组件:原创 2020-04-23 12:41:42 · 209 阅读 · 0 评论 -
VUE学习大全
vue:用于构建用户界面的渐进式框架。声明式渲染(declarativerendering)====>组件系统(component system)====>客户端路由(Client-side routing=>vue-router)====>大规模状态管理(Large Scale State Management=>vuex)====>构建工具(Build...原创 2020-02-19 21:45:14 · 186 阅读 · 0 评论 -
笔记:前端自学基础之CSS基础
目录CSS代码书写位置常见样式声明选择器简单选择器选择器的组合选择器的并列层叠 css:层叠样式表应用继承属性值的计算过程---页面渲染的过程盒模型CSS代码书写位置1、内部样式表<head>中书写<style>元素2、内联样式表<h1 style="...">3、外部样式表(更常用)将...原创 2020-01-16 17:09:28 · 146 阅读 · 0 评论 -
笔记:前端自学基础之HTML/CSS概念
浏览器:1、shell:外壳2、core:内核(JS执行引擎、渲染引擎)有独立内核的浏览器:IE 内核:Tridentchrome 内核:Webkit(之前) 后来使用 BlinkFireFox 内核:GeckoSafari 内核:WebkitOpera 内核:Presto(之前)后来使用 Bl...原创 2019-12-13 18:37:48 · 142 阅读 · 0 评论 -
笔记:前端自学基础之正则表达式
转义字符"\"多行字符串:document.body.innerHTML = "\<div></div>\<span><\span>\";字符串换行符\n;行结束:\r;制表符:\t(缩进)正则表达式 RegExp正则表达式的作用:匹配特殊字符或有特殊搭配原则的字符的最佳选择。 贪婪匹配原则。两种创建方式:...原创 2019-12-06 11:54:32 · 298 阅读 · 2 评论 -
笔记:前端自学基础之JSON、重排重绘、异步加载、js加载时间线
目录JSON简介异步加载JSjs加载时间线网页渲染的过程JSON是一种传输数据的格式(以对象为样板,本质上就是对象,但用途有区别,对象就是本地用的,json是用来传输的)JSON.parse(); string -> jsonJSON.stringify(); json -> string过去传输数据的格式:Xml (可以自定...原创 2019-12-02 22:07:04 · 202 阅读 · 4 评论