随笔分类 - 【Web】前端相关
前端相关
摘要：前提：使用TypeScript你需要安装NodeJS支持 然后安装TypeScript： npm intsall -g typescript 安装完成后查看版本号： tsc -v 新建一个TypeScript文件(hello-typescript.ts)： let message:string =
阅读全文
posted @ 2020-07-28 10:16
emdzz
摘要：【什么是VueX？】 VueX是一个专门为Vue.js应用程序开发的状态管理模式， 采用集中式存储管理应用的所有组件状态， 以相应的规则保证按照一种可预测的方式发生改变。 即把多个组件的变量统一放到一个地方管理 在项目中安装Vuex npm install vuex 新建store目录和一个inde
阅读全文
posted @ 2020-07-27 11:30
emdzz
摘要：PC端： 第一梯队：基于JQuery实现的Dom操作，和一些简单CSS样式组成 Layui Bootstrap EasyUI 第二梯队：基于Vue2.0开发的UI库，组件化开发 ElementUI AntDesign HeyUI Vuetify 移动端： 第一梯队：代码块风格，无功能组件封装 Mui
阅读全文
posted @ 2020-07-26 22:15
emdzz
摘要：单页应用中，只存在一个HTML文件，网页的标签，是通过title标签显示的，我们在单页应用中如何修改？ JS操作： window.document.title = "标签名称" 也许一两个没问题，但是我们的Vue组件越来越多，修改就难了 所以就需要路由守卫了 钩子函数： beforeEach aft
阅读全文
posted @ 2020-07-26 21:07
emdzz
摘要：【编程式导航】 我们希望在路由跳转之前执行某一些功能。。。 <template> <div id="app"> <h2>这是App.vue组件的标题</h2> <router-link to="/home"> 首页 </router-link> <br> <router-link to="/samp
阅读全文
posted @ 2020-07-26 20:49
emdzz
摘要：什么是路由？ 即通过互联网把信息从源地址传输到目的地址的活动 路由决定数据包从来源到目的地的路径 转送将输入端的数据转移到合适的输出端 后端路由： 早起网站开发全部由服务器渲染，例如 Java的JSP，.NET的ASP，PHP 服务器直接生产渲染好的HTML页面，返回给客户端展示 一个网站非常多的页
阅读全文
posted @ 2020-07-26 14:10
emdzz
摘要：简单的Demo案例并不需要Vue-Cli，因为一个页面之内可以总揽 但是真实的项目开发，考虑代码结构，目录结构，部署，热部署，单元测试... 代码量呈几何倍数增长，而且缺少轮子就写起来很痛苦 所以必须安装Vue-Cli来开发： Cli翻译为命令行界面，又被称为脚手架 比框架更加半成品的东西： 安装v
阅读全文
posted @ 2020-07-25 20:26
emdzz
摘要：【Vue组件文件打包：Vue-Loader】 复制之前上一个项目 然后在我们的src目录中创建App.vue文件 这个文件就是Vue的模块文件 【建议下载IDEA的Vue.js插件】 Vue的模块分为template、script、style 其实就是代表html + javascript + cs
阅读全文
posted @ 2020-07-25 18:17
emdzz
摘要：新建一个目录创建Vue项目： cd .. mkdir webpack-vue cd webpack-vue 安装Vue cnpm install vue 保持之前的目录结构： 在Main.js中引用Vue组件： // 引入包的时候，像Java一样 使用import import Vue from '
阅读全文
posted @ 2020-07-25 16:32
emdzz
摘要：Loader是Webpack的核心概念： 除了JS文件以外我们还有CSS，图片，包括一些ES6规范的代码 或者是TypeScript各种前端类型的文件 但是最终必须统一转换成JS文件，Webpack本身无法转换这些文件 所以需要Loader来实现 在之前的项目中的SRC目录创建一个CSS目录并且编写
阅读全文
posted @ 2020-07-25 16:09
emdzz
摘要：Webpack 配置： 入口 & 出口： 就是我们使用的打包命令： 一个是对什么文件执行，这就是入口 一个是输出到什么文件，这就是出口 每一次打包使用这个命令都必须指定这两个必要的参数 所以将打包命令写入配置文件中，运行时读取即可 在项目的根目录下创建webpack.config.js const
阅读全文
posted @ 2020-07-24 22:09
emdzz
摘要：Webpack是一个现代JS应用的静态模块打包的工具 学习Webpack需要我们安装NodeJS 配置CNPM & CRM 使用切换镜像的方式配置：【不建议】 npm config set registry http://registry.npm.taobao.org 安装镜像管理工具： npm i
阅读全文
posted @ 2020-07-24 21:52
emdzz
摘要：JS最初的目的是用来做表单验证和动画效果，可以让网页更加生动。 但是使用Ajax，前后端分离，页面承担了更多的事情，JS的代码量暴增，代码管理维护逐渐困难 我们需要将JS代码抽取出来，模块化处理， 但是问题也出现了，各个模块的变量会污染。 JS文件a: flag = true; JS文件b: fla
阅读全文
posted @ 2020-07-24 16:46
emdzz
摘要：【原生JavaScript 与 JQuery】 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.staticfile.org/jq
阅读全文
posted @ 2020-07-22 21:08
emdzz
摘要：顾名思义就是一个槽，可以嵌入各种各样的东西 Vue的插槽就是一个slot标签，可以在这个定义了插槽的组件中插入其他的组件 但是有一点很重要：使用插槽的组件必须要用div标签一个根标签包裹，否则无效 <div id="container-element" > <book> <aaa slot="aaa
阅读全文
posted @ 2020-07-18 15:17
emdzz
摘要：Vue自定义组件： 不论任何注册组件的方式：template属性有且仅有一个根节点标签 就是说模版属性的标签只能有一个在最外面 <div id="container-element"> <mod-1></mod-1> </div> <script type="text/javascript"> Vu
阅读全文
posted @ 2020-07-17 16:49
emdzz
摘要：Hello Vue的演示案例： <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <scrip
阅读全文
posted @ 2020-07-17 14:53
emdzz
摘要：首先需要Node.js环境支持： Node.js官网下载： https://nodejs.org/en/ 右边稳定版，左边最新版 下载安装程序之后双击运行，无脑下一步 打开终端输入版本查看命令： node -v nodejs有npm，类似linux的rpm包管理器的东西 同理这个也有版本 npm -
阅读全文
posted @ 2020-07-16 23:29
emdzz
摘要：所有事物都是对象 JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 布尔型可以是一个对象。 数字型可以是一个对象。 字符串也可以是一个对象 日期是一个对象 数学和正则表达式也是对象 数组是一个对象 甚至函数也可以是对象
阅读全文
posted @ 2020-06-15 08:51
emdzz
摘要：严格模式(use strict) 其实就是就是对JS随意的语法做一个强制规范要求 开启严格模式： "use strict"; 注意，只有在第一行声明才会有效，、 否则在严格模式之前的JS代码都不会被严格模式所要求 直接变量名称 + 数值就会被提示未声明变量类型 为什么推荐使用严格模式: 消除Java
阅读全文
posted @ 2020-06-14 20:40
emdzz
浙公网安备 33010602011771号