xz_0628-CSDN博客

转载使用Hexo+ Github 一步步搭建属于自己的博客（基础）

第一步：下载安装Git1、Git下载2、安装步骤然后一路默认二、第二步：下载安装node.js1、nodejs下载地址2、安装步骤：一路默认就行（安装路径根据自己需求更改）三、第三步：安装hexo1、利用npm命令即可安装。在任意位置点击鼠标右键，选择Git Bash2、输入命令：npm install -g hexo这里如果地址被“墙”，可以参考这篇文章的“安装H...

2018-10-25 10:04:04 166

原创 vue监听路由变化

// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},// 监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听...

2018-12-20 15:15:50 828 1

原创强制换行和不换行

强制换行 1、word-break: break-all; 只对英文起作用，以字母作为换行依据。 2、word-wrap: break-word; 只对英文起作用，以单词作为换行依据。 3、white-space: pre-wrap; 只对中文起作用，强制换行。禁止换行 white-space:nowrap; overflow:hidden;...

2018-12-19 15:01:06 170

原创获取url链接参数

/** * 取得url参数 */function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); ...

2018-12-12 13:47:20 246

转载 css文字省略号

一、单行溢出1,单行溢出，超出部分显示…或者截取。前提必须有宽度。CSS：{width:xxpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}，截取为clip;width:300px; overflow: hidden; text-overflow:ellipsis; whitewhite-sp...

2018-11-16 09:33:30 15163

原创 Jquey整理资料

Jquery 资料jQuery 入口函数:$(document).ready() 方法允许我们在文档完全加载完后执行函数。$(document).ready(function(){// 执行代码});或者$(function(){// 执行代码});Jquery选择器：1、元素选择器: $(‘p’)2、.Class选择器: $(‘.class)3、#Id选...

2018-11-16 09:05:40 99

转载前端网站

##天啦撸前端福利偶然间发现了这么前端知识库，涵盖了几乎所有的前端学习的资料链接。。。太全了，让我自己也吓一跳，拷贝过来，做个备份，有时间的时候挨个学习一下~##浩浩荡荡的传送门核心 CoreHTML5W3C http://www.w3school.com.cn/html5/W3C https://www.w3.org/html/ig/zh/wiki/HTML5菜鸟教程 http:...

2018-11-12 15:30:56 535

原创 css 相关整理

1. Positon: absolute 绝对定位(以父盒子定位) : relative 相对定位(以自己定位) : fixed 固定定位(浏览器) : static 取消定位 2. verical-align: 方向图片文字对齐方式 :to...

2018-11-12 14:18:43 125

原创 mpvue 学习笔记

mpvue 路由传参1.在mpvue中没有继续延用vue路由的写法，而是继承小程序的一套解决方案，2.用小程序的方法跳转传值。var url = "../one/main?id=" + this.optionwx.navigateTo({url})3.a标签也可以跳转，用href属性。mpvue 路由参数获取var id = this.$root.$mp.query.id ...

2018-11-05 11:40:50 228

原创微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤

访问原链接：https://segmentfault.com/a/1190000016366817

2018-11-02 15:52:47 444

方法一：引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案：https://github.com/amfe/lib-flexible（此处可点击）淘宝的其实也和viewport的有点像，但是它主要是根据设备设备像素比设置scale的值，保持视口device-width始终等于设备物理像素，屏幕大小动态计算根字体大小，具体是将屏幕划分为10等分。这块也可以直接用js实现，后面会提到具体引...

2018-10-29 11:16:05 860

原创 js常用通用函数

// 判断是否数字function isNumber(str){ var n = Number(str); if (!isNaN(n)){ return true; }else{ return false; } }// 判断是否对象function isObj(obj){ if(typeof obj==...

2018-10-29 10:13:22 130

转载解决移动端输入法遮盖input输入框的问题

一般的原生的系统里面并没有这个bug，但是第三方往往会出现解决办法原理是通过给body添加scrollTop，把input的位置挪到最上面就可以了，另一种通用方法是使用fixed定位到顶部，是可以解决，但是下面的内容会暴露出来，虽然通过嵌套一层能解决，而且脱离文档流，可能有样式问题，无疑又麻烦了,下面是真的第一种办法解决的demo<html><head> &...

2018-10-25 17:46:04 1939

原创网页自适应

页面自适应的几种方法第一种：页面中的宽度都用百分比来做。页面中盒子的高度不能设固定高度。开始学DIV+CSS布局的时候我给每个盒子都设置了固定的宽和高，这样页面做起来非常快，只需要先把页面整体的布局结构搞定，再往里面丢内容就行了，但是后来发现这样的结构是错误的，调整浏览器的宽度里面的内容可能会冲破盒子。正确的思路是高度由内容去撑起来，不管你如何去缩小，内容都不会跑出盒子。百分比是按照父元素的...

2018-10-25 17:45:29 889

原创 js 常用知识

1、JS对于字符串的切割截取1.1 函数：split()功能：使用一个指定的分隔符把一个字符串分割存储到数组例子： str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组1.2 函数：join()功能：使用您选择的分隔符将一个数组合并为一个字符串例子...

2018-10-25 17:41:53 93

转载前端面试问题

HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。其他： HTTP、安全、正则、优化、重...

2018-10-25 17:38:01 254

转载 vue路由监听

方法一：通过 watch// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},或// 监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal){ console.log(val); }...

2018-10-25 17:34:29 263

转载 vue引用jquery

1.NPM 安装 jQuery，项目根目录下运行以下代码npm install jquery --save2.webpack配置在项目根目录下的 build 目录下找到webpack.base.conf.js 文件，在开头使用以下代码引入webpackvar webpack = require('webpack')然后在module.exports中添加一段代码，// 原有代...

2018-10-25 17:32:54 755 1

转载编辑器

编辑器欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编...

2018-10-25 09:51:23 105

xz_0628的博客