- 博客(518)
- 收藏
- 关注
RSS订阅转载 JS代理模式实现图片预加载
---恢复内容开始--- 刚刚说了懒加载，现在我们来搞搞预加载吧 预加载的核心： 图片等静态资源在使用前提前请求。 资源后续使用可以直接从缓存中加载，提升用户体验。 几个误区： 预加载...
2019-10-08 15:21:35
99
转载 如何用JS获取页面上的所有标签
最近忙的一匹，忙着大保健，都来不及写博客，今天特意抽出点时间来写一写 前两天看到一个题，是问如何从页面上获取所有的标签的并查看他们的数量，感觉还是有点意思的，所以给大家来搞一下子 我们先来...
2019-10-08 14:54:57
882
转载 JS的一些小知识
1. 0.1+0.2==0.3？ 结果为false 原因：由于计算机是用二进制来存储和处理数据数字，不能精确表示浮点数，而JavaScript是一种弱类型语言，没有相应的封装类来处理浮...
2019-10-08 14:37:28
69
转载 React自己写的一个地图小组件
由于今天比较闲，就玩了玩react，然后就封装了一个地图的组件，当然功能比较简单，因为就是随手写的小东西，但是由于引用了百度API和bee-mobile，所以用起来可能要薛微麻烦一点点，但是我保证，只...
2019-10-08 14:21:26
147
转载 CSS3 转换、过渡和动画
一、转换 1、属性：transform 取值：none/transform-function(转换函数) 注意：如果要实现多个转换函数的话，可以用空格分开若干transform-function ...
2019-10-08 13:59:41
199
转载 html5 -- Canvas
Canvas绘制简单图形 一、绘制文字 fillText(text, x, y[, maxWidth]) -- 填充方式 strokeText(text, x, y[, maxWidth]) ...
2019-10-08 13:32:33
147
转载 CSS 小结笔记之盒子模型
网页标签可以看成是一个个盒子，页面设计就像垒积木一样，在网页中将盒子摆好显示出来。在浏览器中可以很清楚的去看到一个标签的盒子，具体方法如下： 打开浏览器的开发人员工具，在Elements中选中一个标签...
2019-10-08 13:13:50
88
转载 CSS 小结笔记之元素的隐藏与显示
在网站上经常会有一些需要一定操作才会显示或隐藏的元素，这时会用到元素的隐藏与显示。主要通过以下三种属性实现。 1、display ：none|block |inline |inline-block d...
2019-10-08 11:58:52
83
转载 flex布局的一些注意点
现在来总结下自己在项目中用flex布局的一些注意点 1.ui图中的布局方式与justify-content的布局方法不一样 这是就要利用flex-grow的空dom来分开子容器来达到页面布局的效果 2...
2019-10-08 11:28:32
256
转载 vue 判断是否登录，未登录跳转到登录页
网页一进入判断是否登录，未登录跳转到登录页面 router.js export default new Router({ routes: [ { path: '/', ...
2019-10-08 11:02:17
1332
转载 vue 使用lib-flexable，px2rem 进行移动端适配 但是引入的第三方UI组件 vux 的样式缩小，解决方案
最近在写移动端项目,就想用lib-flexable，px2rem来进行适配,把px转换成rem但是也用到了第三方UI组件库vux,把这个引入发现一个问题就是vux的组件都缩小了,在网上找不到答案,最后...
2019-10-08 10:38:48
299
转载 Vue模板语法
模板语法 Vue使用基于HTML的模板语法，允许开发者声明式的将DOM绑定至底层Vue实例的数据。 在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能的计算出最少需要重...
2019-10-08 10:20:28
137
转载 使用slot-scope复制vue中slot内容
有时候我们的vue组件需要复制使用者传递的内容。 比如我们工程里面的轮播组件需要使用复制的slot来达到循环滚动的效果 使用者关注轮播内容的静态效果，组件负责让其滚动起来 组件:<div c...
2019-10-08 09:19:34
100
转载 Vue 2.0 项目在IE下显示空白
新写的项目在 IE浏览器显示空白 解释一： Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Prox...
2019-10-08 08:51:18
128
转载 React碰到v-if
最近在重构公司老项目，由于本人以前的技术栈是vue, 换工作后发现现在公司的技术栈是react, 所以重构的过程是及其痛苦。加之项目又是几年前的老项目，不敢大改，比葫芦画瓢比比皆是。本文就介绍下遇到的...
2019-10-08 08:31:28
359
转载 为公司架构一套高质量的 Vue UI 组件库
有没有曾遇过，产品要我们实现一个功能，但是 iview 或者 elementui 不支持，我们然后义正言辞的说，不好意思，组件库不支持，没法做到。 有没有曾和设计师争论得面红耳赤，其实也是因为组件库暂...
2019-10-07 23:58:55
371
转载 js 函数节流和防抖
js 函数节流和防抖 throttle 节流 事件触发到结束后只执行一次。 应用场景 触发 mousemove事件的时候， 如鼠标移动。 触发 keyup事件的情况， 如搜索。 触发 scroll事...
2019-10-07 20:49:39
79
转载 如何优雅的使用vue Dcloud（Hbuild）开发混合app
如何优雅的使用vue+Dcloud（Hbuild）开发混合app 最近在做混合app，前端框架用的是vue，打包app使用的是Dcloud，不过在开发过程中有一点不爽的是，如果想使用Dcloud提供的...
2019-10-07 20:22:47
184
转载 CSS——可视化格式模型
CSS的可视化格式模型 CSS中规定每一个元素都有自己的盒子模型（相当一规定了这个元素如何显示）； 然后可视化格式模型则是把这些盒子模型按照规则摆放到页面上，也就是如何布局； 换句话说，盒子模型规定了...
2019-10-07 20:04:07
99
转载 vue 微信授权解决方案
背景 vue前后端分离开发微信授权 2018-08-14更新 时隔四个月第一次更新，因为项目重构有一次接触到了微信授权，思路已经比原来清晰的多了，将重新修改一下整个文章 场景 app将商品分享到微信朋...
2019-10-07 19:41:35
563
转载 vue 手机键盘把底部按钮顶上去
背景：在写提交订单页面时候，底部按钮当我点击输入留言信息的时候， 底部提交订单按钮被输入法软键盘顶上去遮挡住了。 实现原理：当页面高度发生变化的时候改变底部button的样式，没点击前button在底...
2019-10-07 19:20:16
717
转载 [vuejs短文]使用vue-transition制作小小轮播图
提示 本文是个人的一点小笔记,用来记录开发中遇到的轮播图问题和vue-transition问题.会不断学习各种轮播图添加到本文当中也有可能会上线,方便看效果 开始制作 超简易呼吸轮播 简单粗暴...
2019-10-07 18:50:45
213
转载 vue.js 中 data, prop, computed, method，watch 介绍
vue.js 中 data, prop, computed, method，watch 介绍 data, prop, computed, method 的区别 类型 加载顺序 加载时间 写法 作用 备...
2019-10-07 18:22:22
146
转载 vue 2.0 购物车小球抛物线
备注：此项目模仿 饿了吗。我用的是最新的Vue, 视频上的一些写法已经被废弃了。 布局代码 <div class="ball-container"> <transition n...
2019-10-07 17:54:49
148
转载 vue-router的history模式发布配置
如果你正在尝试将基于vue-router的项目部署到windows中，希望本文能够有所帮助。 iis配置 无需安装其他组件，将错误页指向index.html即可 <?xml version="...
2019-10-07 17:25:34
86
转载 深入理解 Vue Computed 计算属性
Computed 计算属性是 Vue 中常用的一个功能，但你理解它是怎么工作的吗？ 拿官网简单的例子来看一下： <div id="example"> <p>Original...
2019-10-07 16:58:35
127
转载 超简单入门Vuex小示例
写在前面 本文旨在通过一个简单的例子，练习vuex的几个常用方法，使初学者以最快的速度跑起来一个vue + vuex的示例。 学习vuex需要你知道vue的一些基础知识和用法。相信点开本文的同学都具备...
2019-10-07 16:35:10
189
转载 vue-cli#2.0项目结构分析
项目结构 build 构建工具相关的目录 config 配置目录 dist 通过工具打包生成的最终需要上线的目录 node_modules 存放本地开发所有的依赖包的目录 src 源码目录 stati...
2019-10-07 16:08:50
82
转载 vue-router query和params传参(接收参数)$router $route的区别
今天做项目时踩到了vue-router传参的坑（query和params），所以决定总结一下二者的区别。 直接总结干货！！！ 1.query方式传参和接收参数 传参: this.$router.pu...
2019-10-07 15:50:11
156
转载 Vue组件通信之Bus
关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。 在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是： 因为基...
2019-10-07 15:20:43
81
转载 vue非父子组件间传参问题
最近在使用vue进行开发，遇到了组件之间传参的问题，此处主要是针对非父子组件之间的传参问题进行总结，方法如下： 一、如果两个组件用友共同的父组件，即 FatherComponent.vue代码&l...
2019-10-07 15:01:16
104
转载 结合Vue 的滚动底部加载
项目手机端分页跳转不理想，自己做了一个滚动加载的一个Demo 核心Dom结构 <body><div id="Content"> <div> ...
2019-10-07 14:38:21
245
转载 开发微信小程序必须要知道的事
为什么是小程序？ 为什么我们会开发小程序呢？或许是因为工作需要，或许是源于自己的追求（来自名利的欲望），但我要说——这是一种缘分，很美好的缘分，很多年后还值得庆幸的缘分 小程序目前可以分为三个阶段 一...
2019-10-07 14:18:42
231
转载 如何让 Laravel API 永远返回 JSON 格式响应？
当你在编写完全为 API 服务的 Laravel 应用时，你希望所有响应都是 JSON 格式的，而不是例如说授权错误会重定向到 /home 或 /login，最终重定向会变成 InvalidArgum...
2019-10-07 13:55:52
127
转载 如何用纯 CSS 创作一个按钮文字滑动特效
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 在线预览 https://codepen.io/zhang-ou/pen/GdpPLE 可交互视频教程 此视频是可以交互...
2019-10-07 13:27:54
77
转载 如何用 CSS 创作一个立体滑动 toggle 交互控件
效果预览 在线演示 按下右侧的“点击预览”按钮在当前页面预览，点击链接全屏预览。 https://codepen.io/zhang-ou/pen/zjoOgX 可交互视频教程 此视频是可以交互的，你可...
2019-10-07 13:11:07
127
转载 如何用纯 CSS 为母亲节创作一颗像素画风格的爱心
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/LmrZVX 可交互视频教程 此视频是可以交互...
2019-10-07 11:48:04
360
转载 如何用纯 CSS 创作牛奶文字变换效果
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/MGNWOm 可交互视频教程 此视频是可以交互...
2019-10-07 11:19:59
172
转载 如何创作用纯 CSS 绘制一支栩栩如生的铅笔
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/PaZYBw 可交互视频教程 此视频是可以交互...
2019-10-07 11:01:20
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人