- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue中require与import之间的区别
require与import之间的区别在es6之前js一直没有自己的模块语法，为了解决这种尴尬就有了require.js的出现。在es6发布之后js又引入了import的概念使得不清楚两者之间的区别的同学在实际使用过程中造成了自己的误解，在查阅了相关资料之后在此记录下自己的小小见解。require的基本语法核心概念：在导出的文件中定义module.export,导出的对象的类型不予限...
2019-05-31 09:42:40
18015
2
原创 执行 import vue from 'vue' 的过程
平时开发中，经常会用到这样一个语句：import Vue from 'vue';由于浏览器兼容性问题，通常这个语法是在 webpack 的构建流搭建的项目中执行的，那么这个语句到底做了什么呢？其实在 nodejs 中，执行 import 就相当于执行了 require，而 require 被调用，其实会用到 require.resolve 这个函数来查找包的路径，而这个函数在 no...
2019-05-30 21:38:35
1665
1
原创 vue思想实现移动端瀑布流
因为时常需要用到瀑布流布局，但是在github上找到的vue-waterfall组件需要自己定义内容的长宽（大概是这个意思？我没有看懂那个的用法），而且和自己的项目的内容布局有些差异于是就自己写一个基于vue的瀑布流布局。在此记录一下思考过程和实现方法。基本思想如下图实现的布局：瀑布流布局其实很容易就想到了ul，我们想要几列布局就写几个ul就好了。但是我们怎么去往ul里...
2019-05-30 17:26:55
3361
原创 vue中v-for和v-if不能同时使用的坑
风格指南：https://cn.vuejs.org/v2/style-guide/v-for和v-if不应该一起使用，必要情况下应该替换成computed属性。 原因：v-for比v-if优先级高，所以嵌套使用的的话，每次v-for都会执行v-if，造成不必要的计算，影响性能，尤其是当之需要渲染很小一部分的时候。 <ul> <li v-for="use...
2019-05-30 16:47:12
13227
3
原创 vue中 v-cloak 指令作用
可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。html：<div id="app"> {{context}}</div>...
2019-05-30 16:41:43
516
原创 vue项目中 路径使用的@和~的区别
首先：@和~ 都是在路径访问时使用的。1. @ 使用说明@这是webpack设置的路径别名。在build/webpack.base.conf这个文件里面定义。vue项目中默认定义了@（最常用）和vue$两个别名，如果需要，可以自己添加。默认定义：@这东西代表着到src这个文件夹的路径...
2019-05-30 14:51:23
25481
2
原创 nprogress页面加载进度条配置
入口文件,main.js引入 nprogressimport App from './App'import VueRouter from 'vue-router'import router from './router' //你的路由文件//引入nprogressimport NProgress from 'nprogress'import 'nprogress/nprogres...
2019-05-23 21:17:43
845
1
原创 SQL Union与Union All的区别
SQLUNION操作符SQL UNION 操作符合并两个或多个 SELECT 语句的结果。SQL UNION 操作符UNION 操作符用于合并两个或多个 SELECT 语句的结果集。请注意，UNION 内部的每个 SELECT 语句必须拥有相同数量的列。列也必须拥有相似的数据类型。同时，每个 SELECT 语句中的列的顺序必须相同。SQL UNION 语法SELECT...
2019-05-14 10:30:39
178
原创 Vue父组件给子组件传参
首先在以下案例中，App.vue是父组件，Second-module.vue是子组件。总体来说，父传子就是这四个步骤：父组件的data中定义值，引入并调用子组件，在引用的子组件的标签上通过v-bind指令给子组件传值，子组件通过在data中定义的props属性接收父组件传过来的值然后应用到子组件里。首先，值肯定是定义在父组件中的，供所有子组件共享，所以要在父组件的data中定义值：...
2019-05-13 14:42:46
1814
原创 Laravel 多条件模糊查询
在对列表进行查询的时候经常需要定义多个搜索条件对数据进行搜索，下面是一种使用laravel查询构造器查询的方法，其中姓名和地址为模糊查询手机号和性别为精确查询//search_arr为查询条件的数据，示例数据如下$search_arr=[ ['type'=>'姓名','value'=>'王'], ['type'=>'地址'，'value'=>'王家村...
2019-05-08 16:53:00
2425
原创 Laravel SQL查询中first, pluck与lists方法的使用
看到说明文档上面介绍，难免有些迷惑，还是亲自动手试试吧。sql测试数据表-- ------------------------------ Table structure for users-- ----------------------------DROP TABLE IF EXISTS `users`;CREATE TABLE `users` ( `id` int(1...
2019-05-08 16:41:48
1141
原创 PHP开发环境搭建与工具
PHP是跨平台的，所以我们可以在Mac OS，Windows，Linux等主流操作系统中进行开发，最为经典的也是最被认可的是Lamp/Lnmp结构，它们是(Linux apache/nginx MySQL PHP)的缩写，我们先简单的用非术语来介绍一下这几个产品。工欲善其事，必先利其器Linux-是一款开源的优秀的操作系统。Linux与我们大多数人使用的windows不同，它...
2019-05-07 19:04:15
3064
1
原创 windows下如何安装和启动MySQL
1.下载，解压到自己喜欢的目录2.配置环境变量。MYSQL_HOME,值为mysql的根目录；在path中添加%MYSQL_HOME%/bin目录。3.向windows注册mysql服务。必须用管理员权限打开命令行，然后切换到mysql的bin目录下，输入命令：mysqld.exe --install MySql --defaults-file="d:/lovejava/mysql...
2019-05-07 09:30:10
7471
原创 深入理解PHP的mvc框架
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写 Model（模型）表示应用程序核心（比如数据库记录列表）。 View（视图）显示数据（数据库记录）。 Controller（控制器）处理输入（写入数据库记录）。 简单通俗的讲：Model层就是对数据库的操作，比如想要搭建一个网站，我...
2019-05-05 20:03:47
305
原创 CSS单行文本和多行文本溢出显示省略号
项目中常常有这种需要我们对溢出文本进行"..."显示的操作，单行多行的情况都有（具体几行得看设计师心情了），这篇随笔是我个人对这种情况解决办法的归纳，欢迎各路英雄指教。单行语法 overflow:hidden; text-overflow:ellipsis; white-space:nowrap示例文本溢出显示省略号,文本溢出显示省略号,文本溢出显示省略...
2019-05-05 17:00:08
173
原创 前端必备的网络基础
前言在不那么遥远的一些年以前，一个在江湖中行走的前端，只需要了解“前端三剑客”就足以找到一份工作。很多前端只限于 CSS，HTML、JS，网络基础，数据结构之类的都不甚了解。不过这个时期的前端也是最受鄙视的时期，这个时期前端的大量工作依赖于后端，且不需要动画效果和交互效果。现如今前端圈已经发生翻天覆地的变化， Vue，React，ES6，HTML5，CSS3，Webpack,PostCss...
2019-05-05 11:26:46
4408
原创 前端静态资源如何实现缓存
缓存分类强缓存 （一般不会向服务器发起请求）** 服务端通过Cache-control(http1.1) Expires(http1.0)字段设置, Cache-control优先级高于Expires**Cache-control 常用属性值：private: 私有缓存设备（浏览器）public: 公有缓存设备（cdn ）max-age: 时间段，指定缓存最大有效时间,秒为单位...
2019-05-05 11:14:21
3136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人