![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端学习路线
一只前端蜗牛
多年通信行业软件维护
展开
-
响应式开发
媒体查询@media screen and (min-width:992px) and (max-width:1200px){/*由于样式覆盖,后面的and 可以不写*/ .container { width: 970px; }}@media screen and (min-width:1200px){/*可以简写为 @media (min-width:1200px) {}*/ /*样式*/ .container { width: 1170px; }}简化代码使用boo原创 2020-09-28 18:16:18 · 121 阅读 · 0 评论 -
vue项目中添加moment(继续研究中)
moment这是个处理时间格式的js类库,我觉得超级好用具体见http://momentjs.cn/使用moment的原因:被前人留下的代码中如何在vue中引入moment和其他的一样第一步:npm install moment --save为啥用 --save 见该文具体学习:https://www.jianshu.com/p/e10f981972ff第二步:在.vue中添加 import Moment from ‘moment’我是这么用的,要在项目中全局使用而不是在每个.原创 2020-09-17 19:01:17 · 795 阅读 · 0 评论 -
webpack安装及出现问题解决方法(学习视频里没有)
安装npm i webpack -g --全局安装webpack建项目新建文件夹,在文件加下执行:npm init -ycnpm i --save-dev webpack@3npm i jquery -s建项目后问题在项目中执行webpack .\src\main.js .\dist\bundle.js 报错Webpack:Module not found: Error: Can’t resolve ‘./dist/bundle2.js’ in 'F:\Workspaces原因是原创 2020-07-27 16:49:19 · 583 阅读 · 0 评论 -
vuex的使用文档
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //类似于data }, mutations: { //类似于method,用来操作state,每个mutations的第一个形参都是state }, actions { //异步操作,来异步执行mutations,第一个入参都是context,用context.commit('原创 2020-07-23 16:52:14 · 170 阅读 · 0 评论 -
移动web开发中的viewport
移动web开发需要面临的问题浏览器问题主流基于webkit内核,使用h5,css3适配问题使用百分比自适应布局,即流式布局 (width = 100%)使用viewport 视口关于viewport视口viewport是移动设备中,浏览器和网页中间的一个虚拟的容器viewport只有在移动设备中才有,用来承载网页的viewport在大部分情况下默认宽度是980pxviewport使用在<meta>标签中<meta name="viewport" content=原创 2020-06-08 16:28:09 · 163 阅读 · 0 评论 -
前端初学者使用vue实现flex的学习页面(完整案例)
页面描述页面使用vue来处理;右边是一个组件,组件使用的flex来排版,flex所需要的参数在左边选择。容器属性与值选择后,将值传入组件,应用到组件的外层容器上项目属性与值选择后,将值传入组件,点击组件的某个div,则这个div会接收值,应用到自身上点击清空,会将过往选的内容都清空点击组件的div,div接收值后,会将父组件(即左边的内容)的项目属性值清空页面如下:(页面很丑,欢迎美工来指导)代码:<!DOCTYPE html><html lang="zh">原创 2020-06-08 10:30:11 · 997 阅读 · 0 评论 -
vue路由嵌套及案例
路由嵌套:路由嵌套时,内层路由在外层路由的模板对象(即template中)中添加(router-link,router-view)外层路由的router-link,router-view在html结构中内层路由的{path:‘login’,component:login}放在路由实例化的routes的children属性中子路由前不需要加’/’,否则永远以根路径开始请求,不方法用户理解url地址代码<!DOCTYPE html><html lang="zh">原创 2020-05-20 19:03:46 · 507 阅读 · 0 评论