响应式网站布局div盒子高度问题 2022-11-16
在响应式布局中经常碰到这样的情况,如两个并排的div盒子(当然也可是多个并排的div盒子),一个盒子里面放的是图片(在这里我们称为A盒子),一个盒子里面放的是文字描述内容(在这里我们称为B盒子),两个盒子各占整个页面宽度的50%(或…
px单位转换为rem单位的封装js及手淘版的flexible.js 2020-08-26
手淘flexible.js计算rem比如:750px设计稿,那么1rem=75px, div的高是50px ,50px换算成rem公式:50px/75px=0.7rem;解决1px细线问题问题出现原因:
jquery图片点击放大 2020-08-26
vuex里定义热加载 2020-08-12
Vue路由 2020-08-12
1. Vue-router模块Vue的路由功能主要依靠Vue-router模块来实现,所以必须在项目中安装该依赖模块npm i Vue-router2. Vue.use()明确说明要使用路由import VueRouter from 'vue-router'Vue.use(VueRouter)二、使用路由的4大步骤1. 定义(路由…
Vue路由异步组件 2020-08-12
利用webpack对代码进行分割是懒加载的前提,懒加载就是异步调用组件,需要时候才下载。1. 安装对应的处理模块npm i install babel-plugin-syntax-dynamic-import2. 在 .babelrc 文件进行配置"plugins": [ "syntax-dynamic-…
Vue路由之实例配置 2020-08-12
1. 参数mode: 默认vue路由在浏览器的url带“#”,如果想去掉#,就要把mode选项设为‘history’base: 应用的基路径,所有的路由path前面url会添加一个基路径linkActiveClass:全局配置 的默认“激活 class 类名”,的路径匹配了浏览器url的…
Vue的provide/inject选项 2020-08-12
成对出现: provide和inject是成对出现的作用:用于父组件向子孙组件传递数据使用方法: provide在父组件中返回要传给下级的数据,inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。使用场景:由于vue有$parent属性可以让…
Vue插槽slot 2020-08-12
插槽slot:插槽有点像组件中的一个占位符,当别的组件使用这个组件的时候,在这一对标签中又写了其他内容,就通过插槽渲染进这个组件具名slot:用属性name标识的插槽,可以根据不同的名字匹配分发内容作用域slot:用于接收子组件传递过来的…
Vue自定义组件通过v-model实现父子组件双向同步通信 2020-08-12
1. modelmodel的类型定义如下,它有两个属性prop,event.一个组件上的v-model会把 value用作 prop把 input用作 event类型:{ prop?: string, event?: string }例子使用这个组件上面代码相当于:
Vue指令大全 2020-08-12
1. v-textv-text主要用来更新textContent,可以等同于JS的text属性。这两者等价:{{msg}}2. v-html双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性。这个div的内容将会替…
Vue-cli脚手架工具 2020-08-12
Vue-cli是官方提供的脚手架工具,里面默认继承了express以及webpack打包工具。1. 1 安装Vue-clinpm install -g Vue-cli //全局安装脚手架,注意: -g是全局安装,不加-g表示本项目安装1. 2 初始化Vue项目Vue init webpack…
Vue父组件和子组件之间传递数据 2020-08-12
挂载点: Vue实例的el属性对应的id,vue只会处理挂载点下面包含的内容模板: 挂载点下面包含包含的标签就是模板实例: 写上挂载点和模板等很多属性在上面的例子中定义了一个子组件child,子组件的message需要在 props属性里面显示声明,然…
Vue中的css过渡效果 2020-08-12
1. 实现条件:在需要有过渡效果的标签外面添加。也就是说vue中被包裹的元素才能实现过渡效果。2. 注意类名的说明:对于这些在过渡中切换的类名来说,如果你使用一个没有名字的 ,则 v- 是这些类名的默认前缀。如果你使用了 ,那么 v-enter…
在Vue中使用animate.css库 2020-08-12
2. 自定义过渡类名enter-classenter-active-classenter-to-classleave-classleave-active-classleave-to-class3. 具体实现# 要在transition标签中自定义过渡类名# 新定义的类名要包含 animated 动画名
Vue移动开发的css基础设置 2020-08-12
1. meta 其中:user-scalable=no表示禁止用指缩放屏幕2. reset.css这个是一个初始化的css文件,可以使得对所有的移动端具有大致一样的展示效果。@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}bod…
图片不变形的自适应css布局 2020-08-12
首先要理解一下关键点:对于width,padding-bottom等属性如果写成%比的话,参照的是父容器的宽度计算**其次要给图片包裹一个占位容器1. html布局如下2. 想要的效果如下当最外层宽度是500px
mockjs安装与使用 2020-08-11
mockjs的官网:http://mockjs.com/mockjs是一个模拟json数据的测试工具npm install mockjs --save-dev新建mork.js可以建一个文件夹里面放index.js文件。app.vue 引入mockjs
vue.config.js的配置 2020-08-11
env的配置 2020-08-11
在根目录下面创建.env文件内容:VUE_APP_URL=http://www.wangyingjie.com注意命名规范:必须VUE_APP_开头在app.vue 里 一定要在下生命同期勾子函数里
中出现的作品 禁止任何用途 禁止转载、商用和个人使用.
TAG 王英杰作品 (99) 王英杰分享 (11) 王英杰日志 (7) 配色 (2) sql2008 (2)
网站地图百度地图谷歌地图
[日志] 响应式网站布局div盒子高度问题
[javascript] px单位转换为rem单位的封装js及手淘版的flexible.js
[javascript] jquery图片点击放大