- 博客(65)
- 收藏
- 关注
RSS订阅
1原创 Node
js浏览器不嫩做的功能1.不能操作文件（增删改查）2.没有办法操作系统信息由于运行环境特殊（我们写的代码实在不认识的人的浏览器中运行）编程语言的能力取决于什么？ 语言的能力取决于平台 Node 是一个JavaScript运行平台（环境），不是一门语言，也不是JavaScript框架他与浏览器都是使用的是v8引擎，所以结果一样1.安装Node.js...
2018-12-29 23:09:52
349
原创 Linux基础操作
https://pan.baidu.com/s/1ijCKSbUvviuavLdz6E7LQw通过有道云笔记查看（否则没有图片）https://blog.csdn.net/horry3/article/details/89192649
2018-12-28 01:52:21
166
原创 初识Linux命令
1.[root@myxuniji 桌面] # root代表 当前登录用户 @代表“在” myxuniji 代表当前主机名称 桌面 代表当前的工作目录 #代表超级管路员用户 $代表普通用户 ip addr 查看ip（旧版的ifconfig）基本命令1.~ 代表家目录2.ls命令 ls[路径] ...
2018-12-23 21:56:47
252
原创 SecureCRT 字体以及编码格式设置
打开SecureCRT，建立一个链接。新建立的链接黑字白底，并且字体较小，还有中文乱码问题。我们需要进行相关的设置，来解决这些问题。点击菜单栏中的 选项=》会话选项，出现会话选项的设置框。在会话选项的设置框中，选择类别中的 终端=》仿真，然后在右边的仿真设置项中，选择linux。这样可以让黑字白底变成黑底白字，不在那么耀眼。然后选择分类中的 终端=》外观，在右边的窗口和文本外观设置项中，有一...
2018-12-23 15:46:21
2561
转载 VMware安装Centos7超详细过程（图文）
原文：https://www.jianshu.com/p/ce08cdbc4ddb?utm_source=tuicool&utm_medium=referral 本篇文章主要介绍了VMware安装Centos7超详细过程（图文），具有一定的参考价值，感兴趣的小伙伴们可以参考一下1.软硬件准备软件：推荐使用VMwear，我用的是VMwear 12镜像：CentOS7 ,如...
2018-12-19 21:40:55
298
转载 微信小程序手机预览请求不到数据
本地开发调试小程序时，用手机预览需要有如下设置：1、微信开发者工具中设置：不校验安全域名、web-view 域名、TLS 版本以及 HTTPS 证书。这样在有网络请求的时候，就可以访问本地的服务器了，因为本地开发调试一般都是IP+端口的访问地址。2、手机和电脑（本地服务器）应该配置为同一局域网段。3、手机扫码进入小程序后，应该打开调试模式才能请求到网络数据。4、有时候发现以上要求都满足...
2018-12-18 20:36:29
980
原创 微信小程序1
page顺序，每次刷新会到入口，所以自定义一个编译模式不设置宽高，自己会自动给值字体不用rpx利用display:flex-----显示一行 <view class='shop-star'> <view class='star-after'>★★★★★</view> <view class='star-before'&g...
2018-12-06 01:21:38
318
转载 vue导航钩子
Vue-router导航钩子2017年08月01日 09:06:22 itpinpai 阅读数：9054正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子： 1.全局的 2.单个路由独享的 3.组件级的全局钩子 当一个导航触发时，全局的 before 钩子按照创建顺序调用。钩子是异步解析执行，此时导...
2018-11-30 09:27:22
548
转载 h5新表单属性
HTML5的表单新属性新的 form 属性： autocomplete、 novalidate autocomplete控件是指用户在文本框输入前几个字母或是汉字的时候， autocomplete控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户，供用户选择，提供方便。autocomplete 适用于 <form> 标签，以及以下类型的 <inp...
2018-11-28 17:08:04
286
转载 js遍历几种方法
var arr = [1,5,3,4,45,6,78,4]; console.log(6 in arr) //=>true for(let i in arr){ console.log(arr[i]) }; //=>1,5,3,4,45,6,78,4 arr.forEach(function(v){...
2018-11-26 11:55:11
205
转载 逛Github网站显示中文教程
打开Github对于看不懂英文的孩子来说刚打开官网就尬住了，后来逛了很多网站才发现一个方法可以将网站的部分内容转换为中文，虽然说是部分的，但是也够用了差不多。下面放教程。 1.找到自己浏览器安装扩展插件的地方，我测试的360浏览器，谷歌浏览器，火狐都是可以搜到这个插件的，插件名Tampermonkey 2.下载安装扩展插件之后需要用到Github大神写的一段代码，放链接：https...
2018-11-23 16:47:45
3557
原创 安装webpack上
win+r -----------cmd ----------enter在控制台说明：控制台我都用紫色表示Microsoft Windows [版本 10.0.17134.407](c) 2018 Microsoft Corporation。保留所有权利。C:\Users\admin>npm i webpacknpm WARN save...
2018-11-22 17:21:27
2689
原创 router路由使用，子父组件互相传递值
父组件向子组件传值 （通过在子组件绑定子组件中数组prop中的元素=父组件中data属性）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <
2018-11-22 01:06:17
3609
原创 动画与组件
动画有三种：1.animate类库2.css过渡（transition组件）（列表动画）3.js钩子函数（transition组件）1.animate类库（要下载包：https://daneden.github.io/animate.css/）CSS 动画用法同 CSS 过渡，区别是在动画中 v-enter 类名在节点插入 DOM 后不会立即删除，而是在 animationen...
2018-11-20 22:45:05
238
转载 computed区别于method
1.computed区别于method的两个核心computed区别于method最重要的两点computed是属性调用，而methods是函数调用 computed带有缓存功能，而methods不是<!--HTML部分--><div id="app"> <h1>{{message}}</h1> <p class...
2018-11-19 21:48:29
119
原创 vue day2
Vue调试工具vue-devtools的安装步骤和使用Vue.js devtools - 翻墙安装方式 - 推荐过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示；私有过滤器HTML元素： <...
2018-11-19 00:34:49
362
原创 vue框架
1.准备Vue包<script src="vue.min.js"></script>或者（推荐用这种，因为在使用扩展功能时，min版不能用） <script src="vue-2.4.0.js "></script>一定要卸载html前面（养成习惯）或者添加v-cloak------防止闪烁 <style
2018-11-15 23:27:06
101
原创 es6标准
简介百度 阮一峰------es6Babel转码规则：function可以由箭头代替，如果块级中只有一行代码，可以省去return input.map(function (item) { return item + 1; }) //es6标准 input.map(item =>item + 1)let与var区别1.let存在...
2018-11-14 21:49:50
272
原创 this与event.target区别
this和event.target的区别：1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身；2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$(this)和$(event.target).假设htm是<div><span></s...
2018-11-13 10:58:08
1117
原创 表单验证bootstrap数据验证插件bootstrapValidator
基于jquery，bootstrap数据验证插件bootstrapValidator 教程bootstrap：能够增加兼容性的强大框架.因为项目需要数据验证，看bootstrapValidator 还不错，就上手一直，完美兼容，话不多说。需要引用css：bootstrap.min.cssbootstrapValidator.min.cssjs:jquery-1.10.2...
2018-11-12 16:49:13
848
原创 zepto（js库） align-items: center与 justify-content: center
与jq用法大致相同插件：fix.js selector.js touch.js display: flex;align-items: center; /* 弹性盒子flex 元素位于容器的中心 设置弹性盒子元素在垂直方向上（纵轴）的对齐方式。*/justify-content: center; /* 弹性盒子flex 元素位于容器的中心 ...
2018-11-01 08:07:16
4020
原创 less在浏览器直接使用以及rem布局
less的语法注释 // 只在less中显示 /**/ 会在编译好的css文件中显示 变量 定义变量用@ less中的写法 @ly_width:100px;.box { width:@ly_width;} 编译后在css中显示的是 .box { width:100px;} 混合 不带参数的混合 先上less中的代码 如...
2018-10-30 23:49:42
632
转载 在WebStorm里配置less文件
1.操作前确定成功安装less，检测方法，在命令行（cmd）,输入lessc -v，看到如下类似内容，则说明安装过了。 如果需要生成压缩后的css的文件，则需要通过以下命令安装插件，详见《安装Nodejs、npm、Less（支持生成压缩后的css）》npm install less-plugin-clean-css12.打开WebStrom，随便新建一个工程，在工程名上右键，【新建】...
2018-10-30 16:43:51
4870
原创 bootstrap标签页与模板引擎
标签页与h5排他一样第一个ul中的a标签中href值一定与下面id值对应<div> <!-- Nav tabs --> <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#home"
2018-10-30 08:24:10
1939
原创 bootstrap响应式；轮播图pc端，m端
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？本篇文章将讲述自适应网页设计的概念和方法，使网页开发人员维护同一个网页代码，即可使网站在多种设备上具有更好的阅读体验。本文详细介绍了自适应网页的实现方法，希望能给迷惑的你带来帮助。 一. 在HTML的头部加入meta标签...
2018-10-26 01:20:16
1027
原创 bfc，圣杯结构
BFCdisplay 属性为 block, list-item, table 的元素，会产生BFC.大家有么有发现这个三个都是用来布局最为合理的元素，因为他们就是用来可视化布局。这个BFC 有着具体的布局特性：有宽度和高度 ， 有 外边距margin 有内边距padding 有边框 border。什么情况下可以让元素产生BFC以上盒子具有BFC条件了，就是说有资质了，但是怎...
2018-10-25 00:37:40
285
转载 touch事件
touch触摸事件事件对象事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁！W3C DOM把事件对象作为事件处理函数的第一个参数传入进去 IE将事件对象作为window对象的一个属性（相当于全局变量）originalEvent对象在一次偶然的使用中，我发现当使用on(...
2018-10-23 23:55:03
454
原创 移动端viewport
移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具...
2018-10-23 08:48:15
219
原创 画布day3绘制图片
做动画绘制图片drawImage() 三个参数drawImage(img,x,y) img 图片对象、canvas对象、video对象 x,y 图片绘制的左上角 五个参数drawImage(img,x,y,w,h) img 图片对象、canvas对象、video对象 x,y 图片绘制的左上角 w,h 图片绘制尺寸设置(图片缩放，不是截取) ...
2018-10-22 08:13:46
132
原创 h5新的属性与方法
document.webkitCancelFullScreen() 收起全屏， 注意是document对象Node.webkitRequestFullScreen() 开启全屏显示 这里Node是video或者任意盒子在判断是否全屏或收起全屏if（webkitRequestFullScreen）{ 注意这里是判断，加括号是调用webkitRequestFullScre...
2018-10-17 17:39:30
315
原创 视差原理与切割轮播
视差原理：视差滚动指网页滚动过程中，多层次的元素进行不同程度的移动，视觉上形成立体运动效果的网页展示技术。主要核心就是前景和背景以不同速度移动，从而创造出3D效果。利用background-attachment属性实现。stellar.js是一个jQuery插件，能很容易地给网站添加视差滚动效果。stellar的使用：1.先引入插件<script src="js/jquery...
2018-10-16 15:50:04
232
原创 css3 day3
transition基本写法 /* 过渡属性 可以指定 某一个 或者某一些 如果想要所有的都能够过渡 使用all即可 */ transition-property: width,height; /* 持续时间 */ transition-duration: 2s; /* 延迟时间 */ ...
2018-10-12 00:02:06
96
原创 css3 day2
缩放scale，旋转rotate，倾斜skew transition（过渡） ： 要过度的属性 花费的时间 运动曲线 何时开始anmation动画： 动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方 transfrom - style：presver-3d ：2d转3d，保留原来的状态注意： transfrom-origin 一定不要写在hover里面...
2018-10-11 00:49:41
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人