前端
前端开发系列
北极星小王子
得之坦然,失之淡然,争之必然,顺义自然
展开
-
Webpack
aaa.js: var name = '小明' var age = 18 var flag = true function sum(num1,num2) { return num1 + num2 } if(flag){ console.log(sum(20,30)) } // 1. 导出方式一 export { flag,sum } // 2. 导出方式二 export var num1 = 1000; export var height = 1.88 // 3. 导出函数原创 2020-09-07 21:29:06 · 189 阅读 · 0 评论 -
Vue组件化开发
组件化开发1、组件化的基本使用过程2 、全局组件和局部组件2.1、全局组件2.2、局部组件3、父组件和子组件的区别4、注册组件的语法糖写法5、组件模版的分离写法 1、组件化的基本使用过程 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <原创 2020-09-05 22:50:39 · 191 阅读 · 0 评论 -
Vue
Vue一、Vue.js 安装二、Vue 基础知识三、组件化开发四、Vue CLI 详解五、Vue-router六、Vue 详解七、网络封装 一、Vue.js 安装 1.1、直接 CDN 引入 可以选择引入开发环境版本还是生产环境版本: <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本,优化了尺寸原创 2020-08-30 21:46:03 · 263 阅读 · 0 评论 -
前端开发系列(一)HTML教程(1)
一、开发环境介绍 开发环境是IOS,开发软件使用的是HBuilder。需要的老铁可以私信我,分享给你们。 二、HTML介绍 超文本标记语言: &amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;amp;nb原创 2018-06-10 11:31:20 · 534 阅读 · 0 评论 -
前端基础系列(二)HTML基础下
一、框架标签的简单使用 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;框架集标签&lt;/title&gt;原创 2018-06-10 16:09:47 · 505 阅读 · 0 评论 -
前端基础系列(三)DIV、CSS
一、DIV效果演示 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;div效果演示&lt;/title&gt;原创 2018-06-10 21:43:34 · 246 阅读 · 0 评论 -
前端基础系列(四)JavaScript基础(上篇)
一、使用JS完成表单检验原创 2018-06-11 13:28:55 · 324 阅读 · 0 评论 -
前端基础系列(五)JavaScript基础(中篇)
一、注册页面表单检验系统完善 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册页面</title> <script> func原创 2018-06-11 19:30:20 · 246 阅读 · 0 评论 -
前端基础系列(六)JavaScript基础(下篇)
一、使用JS完成表格的隔行换色 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格隔行换色</title> <script>原创 2018-06-11 21:39:12 · 232 阅读 · 0 评论 -
前端基础系列(七)JQuery基础(上篇)
一、使用JQ弹出广告 (1)JQ入门: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jquery入门&lt;/title原创 2018-06-12 20:51:42 · 312 阅读 · 0 评论 -
前端基础系列(八)JQuery基础(下篇)
一、使用JQ完成省市联动 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用jQuery完成省市二级联动</title> <style type="text/css&q原创 2018-06-12 22:38:25 · 256 阅读 · 0 评论