- 博客(62)
- 收藏
- 关注
RSS订阅转载 如何在vue项目中使用echarts和高德地图绘制折线和热力图
1.先下载相关的依赖，这里echarts和高德地图放到一起。（高德地图需要先去申请一个key）// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import ...
2019-09-30 15:31:00
2119
转载 tmux基本操作指令
tmux简介 tmux是Linux上的终端复用神器，我们可以在一个屏幕上管理多个终端（伪终端）。使用该工具，用户可以连接或断开对话，从而保持终端在后台运行。类似的工具还有screen。tmux基本结构 tmux的结构包括会话（session）、窗口（window）、窗格（pane）三部分，会话实质是伪终端的集合，每个窗格表示一个伪终端，多个窗格展现在一个屏幕上，这一屏幕...
2019-09-30 15:10:00
403
转载 CSS伪类实现底部弧度效果
底部向下突出<div class="box"><div class="home_top"> 这里是内容 </div></div>.box { width: 250px; margin: auto; overflow: hidden; }.home_top { position: relative; width: 100%; hei...
2019-09-11 13:46:00
449
转载 Vuex中的触发mutation和action操作的区别？
commit 只可以触发同步的操作。 Mutation只支持同步操作dispatch 则可以提交action的异步操作。 Action支持异步操作dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('mutations方法名',值)commit：同步操作，写法：this.$store.commit('mutations方法名',...
2019-08-29 14:40:00
1171
转载 TS初探。
TS.TS最常用的就是类型注解了，例如下面的例子 function people( person:string){ ruturn 'hello'+ person }可以看出我们给people函数的参数person加了一个类型限制。告诉这个函数要传入数据的类型。但是要注意的是尽管有错误，TS文件被编译之后文件之后js文件还是被创建了。 就算你的代...
2019-08-19 10:26:00
153
转载 鹿邑方言
如果您没有来过鹿邑，你不会懂得“慢慢类”是怎样一种关心。 如果您没有来过鹿邑，你不会懂得“一加使”是怎样一种分量。 如果您没有来过鹿邑，你不会懂得“是味”是怎样一种滋味。 如果您没有来过鹿邑，你不会懂得“那孩子”是怎样一种人。 如果您没有来过鹿邑，你不会懂得“没吊事”是怎样一种支持。 如果您没有来过鹿邑，你不会懂得“看你就返胃”是怎样一种讨厌。 如果您没有来过鹿邑，你不会懂得“夜儿个、后...
2019-08-08 16:52:00
583
转载 变量的命名方式！！！
变量命名：常量——全大写+下划线，如：let IMAGE_SERVER = 'http://img.alibaba.com';let MAX_LENGTH = 200;变量——小驼峰式命名法，如：let maxCount = 10;let tableTitle = 'LoginTable';全局变量——g+变量名，如：var gConfig = { a:1,...
2019-08-08 10:26:00
236
转载 sass学习笔记（6）
1.使用选择器继承来精简CSS使用sass的时候，最后一个减少重复的主要特性就是选择器继承。基于面对对象的css理念，选择器继承是说一个选择器可以继承为另一个选择器定义的所有样式。这个通过@extend语法实现，代码如下//通过选择器继承继承样式.error { border: 1px red; background-color: #fdd;}.seriousError...
2019-07-29 17:35:00
122
转载 sass学习笔记（5）
1.混合器中的css规则混合器中不仅可以包含属性，也可以包含css规则，包含选择器和选择器中的属性，eg：@mixin no-bullets { list-style: none; li { list-style-image: none; list-style-type: none; margin-left: 0px; }}当一个包含css规则...
2019-07-29 16:58:00
157
转载 sass学习笔记（4）
1.混合器如果你整个网站中有几处小小的样式类似（例如一致的颜色和字体），那么使用变量来统一处理这种情况是非常不错的选择。但是当你的样式变得越来越复杂，你需要大段大段的重用样式代码，独立的变量就没办法应付这种情况了。你可以通过sass的混合器实现大段样式的重用。混合使用@mixin标识符定义。看上去很像其他CSS@标识符，比如@media或者@font-face。这个标识符给一大段样式...
2019-07-29 14:32:00
107
转载 sass学习笔记（3）
1.导入SASS文件css有一个特别不常用的特性，即@import规则，它允许在一个css文件中导入其他css文件。然而，后果是只有执行到@import时，浏览器才会去下载其他css文件，这导致页面加载起来特别慢。sass也有一个@import规则，但不同的是，sass的@import规则在生成css文件时就把相关文件导入进来。这意味着所有相关的样式被归纳到了同一个css文件中，而无...
2019-07-29 11:58:00
135
转载 sass学习笔记（2）
1.父选择器的标识符&下面这种sass就无法工作article a { color: blue; :hover { color: red } }.解决的方法就是使用一个特殊的sass选择器&，如下所示：article a { color: blue; &:hover { color: red }}/*编译后*/article a {...
2019-07-29 11:44:00
130
转载 sass学习笔记（1）
1.使用变量sass 使用 $ 符号来标识变量，在CSS中并无他用，不会导致与现存或未来的css语法冲突。2.变量的声明与CSS属性不同，变量可以在css规则块定义之外存在。当变量定义在css规则块内，那么该变量只能在此规则块内使用。如果它们出现在任何形式的{...}块中(如@media或者@font-face块)，情况也是如此:$nav-color: #333;nav { ...
2019-07-29 11:04:00
130
转载 如何使用webpack打包多页面并且使 css，js，img在各自页面的目录文件夹下?
遇到HTML CSS JS IMG 需要单独打包的情况了，虽然现在很多都是自动化打包了，但有些时候还是偏向于定制，就是根据自己的需求去编写，打包的方法以及配置和输出的路径。对打包过程进行干预基于上次的单文件打包。做一下升级最终打包出来的文件是这样的？运行结果我就不放了，打包的config如下const path = require('path')const HtmlWebp...
2019-07-18 10:23:00
1384
转载 如何使用rem写自适应的手机端页面？
主要使用了js控制/** * @description: rem缩放 */(function () { updateOrientation(); var supportOrientation = (typeof window.orientation === 'number' && typeof wind...
2019-07-18 10:12:00
178
转载 怎么用sanfengyun免费虚拟主机搭建自己的网站？
转载于:https://www.cnblogs.com/heson/p/11200825.html
2019-07-17 14:27:00
1250
转载 如何使用webpack打包html+css+js+img+font?
如何使用webpack打包html+css+js+img+font? 工作中需要打包单个小项目带着疑问去试试。1.创建一个空文件夹，如下图2.使用命令行npm init -y 创建一个默认的package.json 如需修改可自己打开修改3.webpack 打包要先安装webpack 和webpack-cli 这里依然使用命令行进行安装，推荐单项目安装，可使用淘宝镜像，...
2019-07-03 10:45:00
523
转载 Javascript之ES7详解
https://www.jianshu.com/p/13c5d002478b转载于:https://www.cnblogs.com/heson/p/11013425.html
2019-06-12 23:18:00
294
转载 2019/6/12面试题总结
1.v-if和v-show的区别v-if 是'真正的'条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建.v-if 也是惰性的,如果在初始渲染时条件为假,那么什么都不做- - 直到条件第一次为真的时候才会开始渲染条件块,相比之下,v-show就简单得多- - 不管初始条件是什么,元素总会被渲染,并且只是简单的基于css进行切换.一般来说,v-i...
2019-06-12 22:41:00
135
转载 2019 前端面试题 （Vue）
1.谈谈你对MVVM开发模式的理解。MVVM分为Model、View、ViewModel三者。Model 代表数据模型，数据和业务逻辑都在Model层中定义；View 代表UI视图，负责数据的展示；ViewModel 负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互操作；Model 和 View 并无直接关联，而是通过 ViewModel 来进行联系的，Mod...
2019-03-26 14:46:00
335
转载 vue 父子组件传值
父组件向子组件传值：parent.vue<template> <div> <!-- 第三步：使用子组件 --> <child :toChild="msg"></child> <!-- 第四步：绑定一个变量，用它来传递要传的值 --> </div></templa...
2019-03-14 09:40:00
122
转载 vue vuex的state，getter，mustation，action，module
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex核心属性：vuex中给出了几个核心名词，state，getter，mutation，action,module。我们画图说明。属性名描述state仓库，里面存放数据getter搬运工小组...
2019-03-13 16:45:00
222
转载 vue 动态路由
什么是动态路由?官方说明如下。我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。举个例子。一个画廊有十万幅画，这是些画存放在不同的窗口，每一幅画在展示的时候，都要使用唯一的一个画框，也就是说，在展示画的时候，画框是不变的，唯一改变的只是窗口和被展示的画。个人总结一下，一个组件根据触发条件的不同，要在多个路由中匹配一个，这种情况就是动态路由动态路由的使用：expor...
2019-03-13 16:21:00
113
转载 vue 路由的作用，视图渲染
视图渲染路由出了页面跳转这个功能以外，还有一个功能，那就是视图渲染。简单点说，就是在页面加载的时候，通过配置好的路由路径，将对应好的模块渲染到页面。我们通过router-view标签，来指定渲染的位置。举例说明。在router目录下的index.js文件配置路由。// 导入模块import apple from '@/components/apple'// 配置路由e...
2019-03-13 16:06:00
264
转载 vue 路由的作用，页面有参数和无参数跳转
无参数跳转：使用路由标签跳转：通过路由路径跳转：<router-link :to="{path:'/fruit/apple'}">apple</router-link>此时的path就是注册路由时的path，也就是路由的路径。可以简写为。<router-link to="/fruit/apple">apple</router-lin...
2019-03-13 14:50:00
703
转载 vue 组件和全局组件的注册、使用
**组件：vue中，每一个 .vue结尾的文件都是一个组件，我们直接通过import关键字，就可以使用。举例说明。<template> <div> <!-- 第三步：通过标签将组件渲染到页面 --> <apple></apple> <banana></banana> ...
2019-03-13 14:30:00
431
转载 Vue 导入文件import、路径@和.的区别
***import：html文件中，通过script标签引入js文件。而vue中，通过import xxx from xxx路径的方式导入文件，不光可以导入js文件。“xxx”指的是为导入的文件起一个名称，不是指导入的文件的名称，相当于变量名。“xxx路径”指的是文件的相对路径.例如：在路由index.js中，导入apple.vue和banana.vueimport ba...
2019-03-12 16:44:00
487
转载 vue 打包路径不对设置方法
1.找到config 下的index.js 将里面build下的‘/’，改为 ‘./’，2.找到build 下的utils 里面的build 做如下修改if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',publ...
2019-02-15 10:32:00
152
转载 ｉｄ
id wxb9ca53b4fa46e4caheson2495@gmail.comnimip r_heson@126.comwx6b3933b522daa1e7转载于:https://www.cnblogs.com/heson/p/10127503.html
2018-12-16 18:34:00
125
转载 Ajax GET 和 POST 的区别
Get和Post都是向服务器发送的一种请求，只是发送机制不同。1. GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。当然在Ajax请求中，这种区别对用户是不可见的。2. 首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过URL提交数据，那么GET可提交的数据量就跟URL的长度有直接关系了。而实...
2018-12-06 16:17:00
120
转载 前端笔试题汇总 2018/12/04 （2）
定位布局：通过设置position属性实现。CSS中规定的第三种定位机制，能够实现横向多列布局及较为复杂的定位。比如：带有遮罩层效果的提示框、固定层效果、全屏广告等等。流式布局：让布局脱离固定值限制，可以根据页面情况改变相应发生改变vue用什么写的:怎么跟后端商量命名接口的,接口定义成什么格式:定好接口名称 参数 格式 方法 返回值...
2018-12-04 23:22:00
140
转载 前端笔试题汇总 2018/12/04 （1）
一、 console.log(data) var data = "aaa"; var obj={ data:"bbb", prop:{ data:"ccc", fn:function(){...
2018-12-04 23:16:00
132
转载 前端面试题汇总 2018/12/04
盒模型标准盒模型：由里向外content,padding,border,marginIE怪异和模型：宽高是内容(content)+填充(padding)+边框(border)的总宽高通过JS获取盒模型对应的宽和高，有以下几种方法：为了方便书写，以下用dom来表示获取的HTML的节点。1. dom.style.width/height 这种方式只能取到dom元素内...
2018-12-04 23:02:00
122
转载 前端面试题汇总 2018/12/03
后端刷新和前端刷新后端刷新的实现是通过模板加数据的方式实现的前端刷新的实现是通过jQuery和Ajax+动态加载+HTML、CSS的方式实现的不管是后端刷新还是前端刷新他们都是需要通过HTTP或者HTTPS通信协议这种协议实现数据通信使用请求和响应完成一次Web通信的过程1 后端刷新页面的流程1.1 实现服务器的API接口文档1.2 使用Flask 实现web 服务器应...
2018-12-04 22:00:00
134
转载 web前端性能&SEO优化
前端性能优化浏览器请求处理流程如下图：1、减少http请求，合理设置 HTTP缓存http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵，减少http请求的数目可有效提高访问性能。减少http的主要手段是合并CSS、合并javascript、合并图片。将浏览器一...
2018-11-28 01:39:00
308
转载 session,cookie,sessionStorage,localStorage的区别及应用场景
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）cookie机制：如果不在浏览器中设置过期时间，coo...
2018-11-27 23:48:00
91
转载 移动端1px问题解决方法
为什么移动端会产生1px问题呢?UI设计师设计的时候，画的1px(真实像素)实际上是0.5px(css)的线或者边框。但是他不这么认为，他认为他画的就是1px的线，因为他画的稿的尺寸本身就是屏幕尺寸的2倍。假设手机视网膜屏的宽度是320x480宽，但实际尺寸是640x960宽，设计师设计图的时候一定是按照640x960设计的。但是前端工程师写代码的时候，所有css都是按照320x480...
2018-11-27 23:11:00
305
转载 未知宽高元素水平垂直居中方法
CSS未知宽高元素水平垂直居中方法一思路：显示设置父元素为：table，子元素为：cell-table，这样就可以使用vertical-align: center，实现水平居中优点：父元素（parent）可以动态的改变高度（table元素的特性）缺点：IE8以下不支持<style type="text/css"> .parent{ ...
2018-11-26 13:27:00
267
转载 node 和 http
http //httpshttp 普通的http协议 他容易被攻击----经常被插入广告 （dns污染）；https 安全 加锁 128位安全级别谷歌 推崇消灭===>httphttps 这东西不是要花钱吗？==>需要申请 但是 不一定要花钱 申请的是一个身份的证书 第三方权威机构签发的 来证明你的身份的//阿里云 /腾讯云//国外有些网站https://t...
2018-11-25 23:09:00
145
转载 博客园文字设置颜色，类别方法
博客编辑时不免想给某段换个颜色，下面就是解决方法了。我是黑体字我是微软雅黑我是华文彩云color=#0099ff size=72 face="黑体"color=#00ffffcolor=gray<font face="黑体">我是黑体字</font><font face="微软雅黑">我是微软雅黑</font><fo...
2018-11-25 23:04:00
552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人