logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

JS实现瀑布流布局(附代码)

你可以准备一些长宽都不相等的图片。瀑布流特点等宽不等高为了让最后一行的差距最小,从第二行开始,需要将图片放在第一行最矮的图片下面实现思路设定每一列图片的宽度和间距获取当前窗口的总宽度,从而根据图片宽度去判断分为几列获取所有图片元素,定义一个空数组来保存高度遍历容器4.1 第一排,top固定 为gap;left 根据列数递增 为 (itemWidth+gap)i + gap4.2 非第一批, top

#javascript#前端#css
watch监听vuex中数组的变化

watch可以监听数组变化的情况watch能监听到数组push的改变watch监听不到数组的情况当你利用索引直接设置一个项时, eg:dataArr.demo[1] = 5当你修改数组的长度时, eg:dataArr.demo.length = 3state:{dataArr: [1,2,3,4,5]},mutations:{setDataArr(state){state.dataArr[1] =

vue-cli3 :src动态绑定图片地址报错404

我的写法如下:<img :scr="imgUrl">...data(){return {imgUrl: '@/assets/images/office1.jpg'//报错 404}}原因: 在webpack中会将assets下的图片当做模块来用,因为是动态加载的,所以url-loader将无法解析图片地址,然后npm run dev 或者npm run build之后导致路径没有被加工

在项目中使用svg图标的几种方式(一)

svg-sprite-loader插件svg-sprite-loader,用来根据导入的svg文件自动生成symbol标签并插入html。接下来就可以在模板中方便地使用 svg-sprite安装插件npm install svg-sprite-loader --save-devwebpack配置在vue.config.js中// set svg-sprite-loaderconfig.module

Django报错 Using the URLconf defined in mysite.urls, Django tried these URL patterns, in this order:

Django入门Using the URLconf defined in mysite.urls, Django tried these URL patterns, in this order:跟着教程https://docs.djangoproject.com/zh-hans/2.0/intro/tutorial01 , 走到创建应用polls后,再运行python manage.py ...

ES6新增属性之Reflect

1. 什么是Reflect?为操作对象而提供的新API2. Reflect的基本方法Reflect.get(target, propertyKey[,receiver])target 必需, 获取属性的目标对象propertyKey 必需,属性名称receiver 可选,(如果指定属性部署了getter访问器,那么访问器的this就会指向receiver)var antZ = {webName:

vue中的@keyup事件

什么是@keyup@keyup是按键松开,当指定的按键松开会触发的事件事件代码事件描述@keyup.enter回车按键松开@keyup.left左键按键松开@keyup.right右键按键松开@keyup.up上键按键松开@keyup.down下键按键松开@keyup.delete删除键松开@keyup 事件使用场景:平台登录页面可以使用该事件,当输入账号和密码后,无需点击登录按钮,直接在输入密码

到底了