沿华的博客

原创 在vue中实现页面滚动（停止滚动）的动画效果总结

1、运用到的技术：监听滚动事件：window.addEventListener('scroll', function（handleScroll）); 动画库：animate.css2、总结：滚动事件触发时，记录滚动条的垂直位置：document.documentElement.scrollTop||document.body.scrollTop 滚动停止触发思路：在滚动触发时，...

原创 git命令总结

拉取项目：git clone 远程项目地址查看所有分支：git branch -a查看用户名和邮箱：git config user.name/user.email修改用户名和邮箱：git config 【--global(全局修改)】 user.name "修改的用户名"/user.email "修改的邮箱"设置无用的代码合并：git config --global pull.re...

原创 小程序父子组件传参

一、创建组件  1、创建与pages文件夹同级的目录(component)，用于存放组件。创建组件也会生成4个文件wxml、wxss、js、json   创建完组件之后，js是这个样子：  // component/partent/partent.jsComponent({ behaviors:[], /** * 组件的属性列表 */ propertie...

原创 如何实现thead固定不动，tbody出现垂直滚动条

多套一个div，用两个table控制，标题一个table，内容一个table。给内容多套一个div，设置高度后 overflow-y: auto;如果不多加一层div，而是直接给tbody设置，IE8不支持...

原创 vscode之vue文件格式化代码无效怎么办

1、在vscode插件里搜索Beautify,进行安装。2、使用beautify插件格式化vue文件，那么打开：文件->首选项->设置3、搜索  beautify.language ，在"html"里加上 "vue"，"beautify.language": {            "js": {                "type": [       

原创 VScode编辑器插件总结

只要点击一下某款插件，插件的介绍和用法都会在右侧窗口详细介绍，还会有小动画演示用法Auto Rename Tag——自动同步修改标签AutoFileName——自动补全路径提示Atom JavaScript Snippet —— 代码块简写提示（比如console.log 只需要 写log 然后tab—）snippet-creator ——这个插件方便自己增加一些自己想增加 的代码块简写...

原创 select第一行留白问题以及angularjs默认取值

1、如果select有请选择，那么它的value="",<option value="">请选择</option>,默认第一行就是请选择了。2、如果没有select的请选择，并且没有给默认值，select的第一行就会有留白现象。我解决的方法是，给select一个默认的值。3、angularjs设置默认值：用ng-init,例如：ng-init="physicswh ...

原创 在webstorm里面出现jshint的代码错误提示

 忽略掉这些错误用快捷键：Ctrl+Shift+Alt+H

原创 git提交报错

提交写备注时，feat(内容)：内容必须是小写，不能是大写。

原创 数组问题，把原数组的内容简化，变成一个新的数组

var result =[];for(var v of leaderName){                                    result.push({                                        name:v.name,                                        realName:v.login   ...

原创 angularjs表单input给后台传数组参数问题

<input type="text" data="form_data.mgr" ng-model="form_data.realName" ng-click="selLeader()">data：是真正传给后台的参数，可以是数组。ng-model：可以直接绑定，可以直接显示在页面上。...

原创 node装完之后，出现node socket ：10106无法加载或初始化请求的服务提供程序的问题

原创 JavaScript使用Window Location进行页面跳转

function goto_baidu() { window.location.href = "http://www.baidu.com"; }

原创 angular的$location的基本用法

一. 获取url的相关方法:以 'http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 这个路径为例:1. 获取当前完整的url路径:$location.absUrl():// http://localhost/$location/21.1%20$location.html#/foo?name=bunny#...

原创 在angular中，ng-options的用法

<select ng-model="salesorgid" ng-options="m._id as m.orgname for m in getSalesorgnanme">      <option value="">请选择</option> </select>m._id：就相当于option的value。m.orgname：就相当于

原创 微信web开发者工具的常用快捷键

Ctrl+S：保存文件Ctrl+[， Ctrl+]：代码行缩进Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行Shift+Alt+F：代码格式化Alt+Up，Alt+Down：上下移动一行Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行Ctrl+Shift+Enter：在当前行上方插...

原创 在angular中，对日期的格式化方法

    var today = new Date();    $filter('date')(today,'yyyy-MM-dd');yyyy-MM-dd：想要使用的格式。

原创 js的window.open()的使用

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。语法：window.open(URL,name,features,replace)；例子：window.open('sellclue/exportxsxsbbexcel?id='+$scope.cArr);...

原创 对removeAttr（）和splice（）的使用。

1、removeAttr() 方法从被选元素中移除属性。例如：$('input').removeAttr("checked");2、splice():第一个参数是：index，从第一个开始，如果是2，包含2。第二个参数是：删除几个元素。例如：cArr.splice(2,1);  从下标第2个开始，删除1个元素.（下标从0开始的）...

原创 日期或者是时间字符串类型，转换成毫秒数，进行比较。

Date.parse(datestring)：将日期类型转换成毫秒数。datestring：日期或者是时间的字符串。

原创 在vue中，文字向上滚动效果。

HTML：<div class="nwwest-roll" id="nwwest-roll">                <ul id="roll-ul">                    <li v-for="item in list" ref="rollul" :class="{anim:animate==true}

原创 angular里的$even和$odd的应用

原创 angularjs中的下拉框ng-options与ng-repeat的区别？

ng-options：选择的值是一个对象。用法：ng-options="x.site for x in sites"ng-repeat：选择的值是一个字符串。用法：ng-repeat="x in sites"

原创 自定义指令.directive通过类名调用指令。

1、在.directive里面添加 restrict : "C", 在标签上class名：就是起的directive的名字。比如：directive的名字是nameDir，类名就是 name-dir2、通过注释调用指令。html：<!-- directive: name-dir-->directive的名字是nameDirrestrict : "M",replace : true3、通...

原创 对js里的join（）、split（）、slice（）的总结。

join():用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。实例：2、split() 方法用于把一个字符串分割成字符串数组。实例点击链接：http://www.w3school.com.cn/jsref/jsref_split.asp点击打开链接3、slice() 方法可从已有的数组中返回选定的元素。arr.slice(2,4)；    截取从下标2开始，到4之间的数据。...

原创 angularjs中，为什么要使用resolve？

ng-route模块中的when()和ui-route的state()都提供了resolve属性。 为什么需要使用resolve？ 当路由切换的时候，被路由的页面中的元素（标签）就会立马显示出来，同时，数据会被准备好并呈现出来。但是注意，数据和元素并不是同步的，在没有任何设置的情况下，AngularJS默认先呈现出元素，而后再呈现出数据。这样就会导致页面会被渲染两遍，导致“页面UI抖动”的问题，对...

原创 webstorm软件的常用快捷键

1、注释：单行注释：CTRL+/  ，多行注释： Ctrl+Shift+/2、重命名：Shift+F63、删除行：Ctrl+X4、复制行：Ctrl+D5、查找行：Ctrl+G6、高亮错误或警告快速定位：F2或者Shift+F27、格式化代码：Ctrl+Alt+L8、修改webstorm的字体大小：file ->settings    Editor->Font...

原创 操作电脑的快捷键

1、锁电脑屏幕-------win+L

原创 get与post的区别？

1、数据量GET传送的数据量较小，不能大于2KB。POST传送的数据量较大，一般默认为不受限制。2、安全性GET安全性非常低，POST安全性较高。3、GET产生一个TCP数据包；POST产生两个TCP数据包。对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；而对于POST，浏览器先发送header，服务器响应100 continue，浏览器...

原创 js框架---angular、vue、react的三者的区别？

angular：1、在性能上，AngularJS依赖对数据做脏检查，所以Watcher越多越慢。vue：1、轻量级框架  2、在性能上，Vue.js使用基于依赖追踪的观察并且使用异步队列更新，所有的数据都是独立触发的。3、在状态管理方面,使用的是vuex  3、vue比angular和react的运行速度快。react：1、React采用特殊的JSX语法。2、React采用特殊的JSX语法，Rea...

原创 transition、transform、animate的区别？

1、transition、transform、animate的区别？transition：过渡效果，它有4个属性：transition: property duration timing-function delay;property ：css属性的名称duration ：多长时间完成timing-function：转速曲线delay：开始的时候。transform： 应用于元素的2D或3D转换。...

原创 VSCode的快捷键整理

1、打开关闭终端：Ctrl + ~2、打开一个新窗口： Ctrl+Shift+N3、关闭窗口：Ctrl+Shift+W4、新建文件：Ctrl+N5、代码行缩进：Ctrl+[ 、Ctrl+]6、代码格式化： Shift+Alt+F7、向上向下复制一行： Shift+Alt+Up 或 Shift+Alt+Down8、在当前行下边插入一行 Ctrl+Enter9、在当前行...

原创 css 三角的样式

向右的三角：.sanjiao{ width: 0; height: 0; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-left: 12px solid #CACACA; }

原创 在vue项目中，发版之后，背景图片报错，路径不对

解决方法：在utils.js里边的加上publicPath:'../../',在引入图片或者背景图的时候，使用方法：

原创 js里对URL进行编码、解码

编码：encodeURI(urlstring)   urlstring：要编码的url地址（字符串）解码：decodeURI(urlstring)    urlstring：要解码的url地址（字符串）

原创 js条件运算符

var a=2>3?4:5;a=5.如果2>3为true，a=4，否则a=5.

原创 nginx部署vue项目

一、windows下安装下载地址：http://nginx.org/en/download.html​二、Nginx部署vue项目1、打包vue项目2、配置部署，编辑nginx/conf下的nginx.conf：​3、启动nginx。使用命令窗口cmd进入安装目录。输入：start nginx4

原创 JS中，改变图片的src路径。

html：js：//改变图片的src属性---路径var img = document.getElementById('img');function changeImage(){if(img.src.match('cbd')){img.src = 'images/muwu.jpg';}else{img.src = 'images/cbd.jpg';}}img

原创 for...in与for...of的区别

for in是ES5标准，遍历key. for of是ES6标准，遍历value.for (var key in arr){    //key为索引值 0,1,2,3,...console.log(arr[key]);}for (var value of arr){    //value为数组中的值 value1,value2,value3,..

原创 两种安卓模拟器

1、海马玩模拟器2、夜神模拟器