Crying_cat-CSDN博客

翻译 mongodb基础操作

到mongodb官网下载安装包或者压缩包：https://www.mongodb.com/download-center?jmp=nav1、如果是msi包的话则点击按步骤安装，如果是压缩包的话不用安装；2、配置环境变量：将mongodb的bin目录配置到环境变量的path中，或者新建MONGODB_HOME再配置到path中；3、新建文件夹作为存放mongo的数据的地方，然

2018-01-04 15:49:02 284

翻译面向对象那些事（二）

1.对象之间的继承（5种方法）前提条件：现在有一个”动物”对象的构造函数。　　function Animal(){　　　　this.species = “动物”;　　}还有一个”猫”对象的构造函数。　　function Cat(name,color){　　　　this.name = name;　　　　this.color = color;　　} 　　（...

2017-12-27 11:45:05 174

翻译 js面向对象那些事（一）

1.缘起于构造函数构造函数本身也是普通函数，但是在其内部使用了this对象指向构造函数本身。每次实例化的新对象都包含一个constructor属性，指向他们的构造函数function Cat(name,color){　　　　this.name=name;　　　　this.color=color;}var cat1 = new Cat("大毛","黄色");var cat2 = n

2017-12-27 11:39:25 184

转载 cxz

原博客地址www.19900507.com 父组件：editUser ref="editUser">editUser>/** * 编辑会员 */ handleEdit(row) { var _this=this; _this.$refs.editU

2017-12-23 15:05:54 331

翻译解决vue-cli不能初始化webpack模板的问题

vue init webpack pro [Failed to download repo] [connect ETIMEDOUT 192.30.255.112]报这个错误有人说是代理问题。我也不懂，但这个方法有用1.去github上下载要初始化的模板 https://github.com/vuejs-templates/webpack 或者直接用git去clone你要的模板。2.将下载好

2017-12-12 09:54:36 16406 3

翻译 es6.类的概念

es5的构造函数长这样：function Point(x,y){ this.x = x; this.y = y;}//实例方法Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')'; };es6的类长这样：class Point {//构造方法 construct

2017-12-12 09:45:46 304

转载新版vue-init 脚手架去除dev-server.js问题

原文地址：https://segmentfault.com/a/1190000012133507

2017-12-10 21:15:52 1896

翻译 es6-2.各种变量的解构赋值

数组的解构赋值基本用法 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能直接指定值。var a = 1;var b = 2;var c = 3;ES6允许写成下面这样。var [a, b, c] = [1, 2, 3];上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹

2017-12-04 14:11:18 177

翻译 es6学习-1 let&const

ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了

2017-12-04 12:22:42 209

转载 NodeJS实战：Express+Mongoose+ejs

原文网址，尊重原创https://www.cnblogs.com/highsea90/p/4308794.html NodeJS实战：Express+Mongoose+ejs 文章目录：1、组件版本号– –node– –express– –Mongoose2、初始化项目 firstblood–

2017-12-01 15:08:04 620

转载微信小程序/下拉选择

jsPage({ data: { selectPerson: true, firstPerson: '个人', selectArea: false, }, //点击选择类型 clickPerson: function () { var selectPerson = this.data.selectPerson; if (

2017-11-30 12:27:58 8640

原创 mongoose 连接问题

var mongoose= require('mongoose');mongoose.connect('mongodb://localhost/chat');这样连接报错DeprecationWarning: `open()` is deprecated in mongoose >= 4.11.0，use `openUri()` instead, or set the `useMo

2017-11-29 10:41:42 1689

原创 trigger事件在点击的时候多次绑定问题

(“#file1”).click(function(){ //在这里每次点击都会绑定一次change事件。所以我每次上传文件都会额外加出来一次。(“#file1”).click(function(){ //在这里每次点击都会绑定一次change事件。所以我每次上传文件都会额外加出来一次。 (“#file3”).trigger(‘click’);

2017-11-27 17:56:27 1524

原创 grunt学习入门之一uglify

grunt是前端一个跟很好用的代码管理工具如果你懂webpack的话，我个人觉得还是没有grunt好用一点，具体好处，各位看官可以自己去测试，我就不乱水了言归正传 uglify是grunt的插件之一代码压缩的 1.安装好node.js 2.安装grunt 命令是npm install grunt -g 3.安装grunt-cli 命令是npm ins

2017-10-23 22:09:32 350

转载 validform入门

var html = document.getElementById("artContent").innerHTML; document.getElementById("artContent").innerHTML = html;1、引入css请查看下载文件中的style.css，把里面Validform必须部分复制到你的cs

2017-10-16 11:05:04 399

原创 css3input框渐变颜色

.box{ float:left; position:relative; width:250px; height:250px; margin:50px; box-sizing:border-box; border:20px solid transparent; background-clip:padding-box,bo

2017-10-15 14:00:01 3052

转载 AngularJS 文件上传控件 ng-file-upload

引自:http://www.cnblogs.com/yuexiaohao/p/5556055.html网上可以找到的 AngularJS 的文件上传控件有两个: 　　　　angular-file-upload：https://github.com/nervgh/angular-file-upload 　　　　ng-file-upload：https://github.com/danialfari

2017-10-13 18:03:23 959

转载 anhularjs-路由。关于嵌入html页面

本篇基于ng-route来讲下angular中的路由，路由功能主要是 $routeProvider服务与 ng-view 实现。ng-view的实现原理，是根据路由的切换，动态编译html模板——$compile(html)(scope)。更多内容参考：Angularjs总结前提首先需要在页面引入angular和angular-route，注意要在angular-route之前引入angul

2017-10-08 15:50:02 830

原创关于js中的this的指向问题（一）

本文参考你不知道的javascript第二章 this全面解析首先明确一点。。。每个函数的this是在调用时被绑定的，完全取决于函数的调用位置接下来看怎么辨别调用位置，先来看几个例子function baz() {// 当前调用栈是：baz// 因此，当前调用位置是全局作用域console.log( "baz" );bar(); // <-- bar的调用位置}...

2017-10-03 21:34:04 412

转载接上一个webpack资源整合。我觉得这样更清晰

这是参照上一个转载教程总结的。很清晰。当然关于webpack的server和插件部分，没有再次整合。这个教程适合菜鸟，即对webpack一点也不懂的。大神就略过，1.下载.msi格式node.js的安装文件，并且安装好 2.cmd命令：npm install webpack -g 全局安装webpack 3.转到项目文件夹下。运行npm init 创建package.json说明文件，测试时

2017-10-03 12:58:26 379

转载 webpack超级详细的教程（转载）

博主在这里就不详细介绍webpack来源以及作用了, 本篇博文面向新手主要说明如何配置webpack, 以及webpack的使用方法, 直到创建出一个合理的属于自己webpack项目;流程webpack安装Step 1: 首先安装Node.js, 可以去Node.js官网下载.Step2: 在Git或者cmd中输入下面这段代码, 通过全局先将webpack指令安装进电脑中npm install

2017-10-03 11:52:20 598

由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。

2017-09-22 17:00:40 262

翻译前端性能优化+CDN优化

内容交付网络(Content Delivery Networks, CDN) CDN可以解决的性能问题虽然内容交付网络(CDN)为全球用户改善了网络的可用性和节省了带宽，但CDN解决的主要问题还是延迟。延迟就是托管服务器从接收到对页面资源(图像、CSS文件等)的访问请求到处理完这一请求并最终将网页及相关资源传送给访问者所需要的时间。延迟时间在很大程度上取决于用户与服务器之间的距离，以及网页中包

2017-09-22 16:58:56 773

翻译 ie6下几种bug的解决方式

一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在IE6中，该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG二、IE6中3像素问题及解决办法当元素使用float

2017-09-22 16:55:03 689

原创简单的交互的例子

首先是一个ajax请求的例子<ul id="listul"></ul><script type="text/javascript"> ajax({ type:'GET', url:'data.php',//数据地址 data:'', success:function(res){

2017-09-20 15:07:24 608

原创数据库的增删改查

使用sqli方法连接mysql数据库的必备步骤: 头部声明信息（解决编码格式不统一问题）顺便记录最简单的数据库增删改查由于数据库是接触不深，就简单的记录下数据库的最简单的操作当然代码没有进行优化。重复部分很多。慢慢来。以后深入了解在优化 list列表页面<html> <head> <title></title> <link rel="sty

2017-09-18 14:37:24 556

翻译常用的jquery方法（写给自己）

jquery效果 1.隐藏/显示 hide（），show（），toggle（） 2.淡入/淡出 fadeIn（），fadeOut（），fadeToggle（），fadeTo（）fadeTo（speed，opcity）这个不常用，但是效果好。opcity取0~1之间的值 3.滑动 slideUp（），slideDown（），slideToggle（） 4.动画 an

2017-09-17 22:33:52 686

原创常用的数组的方法（写给自己）

数组和字符串是在js里面最最常用的两大板块。因此熟练的掌握这两个所常用的方法十分有必要。1.2.3.4这4种方法都是直接在修改原数组 1.unshift（参数1，参数2，，，） **不会创建新数组在数组最前面插入。返回新数组的长度。 2.shift（）把数组最前面的一个删除，返回删除的那个元素 3.push（参数1，参数2，，，） **不会创建新数组在数组的最后面插

2017-09-17 12:49:58 336

原创 js常用方法（写给自己）

“` index是字符串某一位置的下标1.charAt(index)找到字符串中某一位置所对应的元素 2.charCodeAt(index) 找到字符串中某一位置所对应的元素的unicode码 3.String.formCharCode(num) 将unicode码num转换为对应的字符4.indexOf(str,index) 在字符串中查找str所在位置的下标 index是可选参数，（

2017-09-17 11:00:58 245

翻译知识的搬运工

jquery ajax调用远程接口的跨域问题$.ajax({ type:'get', url:url, // 下面的两行代码,就是解决跨域的关键 xhrFields: {withCredentials: true}, crossDomain: true, // 就是上面的两行代码 success: function(data){

2017-09-16 20:20:29 444

转载解决因为手机设置字体大小导致h5页面在webview中变形的bug

<div class="markdown_views"><h1 id="解决因为手机设置字体大小导致h5页面在webview中变形的bug"><a name="t0" target="_blank"></a>解决因为手机设置字体大小导致h5页面在webview中变形的BUG</h1>首先，我们做了一个H5页面，在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局，通过JS来动态计算网页的视

2017-09-16 15:56:56 8105

原创导航滑动特效

思路很简单：就是跟着滚动条走，判断滚动条在不同的位置，让导航对应位置显示高亮 2.点击对应的导航部分，跳转到对应的导航内容部分结构部分<div id="box"> <ul> <li class="active">1</li> <li>2</li> <li>3</li>

2017-09-15 23:58:47 1500

原创自定义滚动条

有时候我们需要去自己定义滚动条，而去掉浏览器的滚动条去掉浏览器的滚动条就是overflow-x：none；overflow-y：none；想去那个去掉那个，那么剩下就是自己定义滚动条样式了css样式<style type="text/css"> body{background: #CCCCCC;-webkit-user-select: none;}

2017-09-15 20:15:53 454

转载文章标题

CSS3实现32种基本图形 <div class="article_manage clearfix"> <div class="article_l"> <span class="link_categories"> 标签： <a href="http://www.csdn.n

2017-09-15 12:29:30 353

转载文章标题

异步赠书：Kotlin领衔10本好书免费直播：AI时代，机器学习如何入门？程序员8月书讯每周荐书：Java Web、Python极客编程（评论送书） window.quickReplyflag = true; var isBole = false; var fasrc="http:

2017-09-15 12:26:28 522

原创事件委托

事件委托对于在这样的情况下，及其方便：假设：一个父亲有多个不同的孩子，并且这些孩子相互之间所做的事件互不影响。，最简单的方法就是使用事件委托。这么说大家可能还不太明白。看下面的例子：结构部分<div class="box"> <h1>1</h1> <div>2</div> <p>3</p> <

2017-09-15 11:17:15 196

翻译浏览器窗口的问题

// 浏览器窗口可视区域大小（不包括工具栏和滚动条等边线） js写法：var client_w = document.documentElement.clientWidth || document.body.clientWidth;var client_h = document.documentElement.clientHeight || document.body.clientHeight;

2017-09-15 10:56:08 219

翻译低版本的兼容性问题

解决 ie9 以下浏览器对 html5 新增标签不识别的问题。解决 ie9 以下浏览器不支持 CSS3 Media Query 的问题。

2017-09-15 10:52:34 531

原创回调函数，一个神奇的东西

在我们编程的过程中，往往需要在一个方法执行完成之后，在执行另外的事件。在这个函数执行完之后，调用另外一个函数是一个不错的方法，并且此时可以把函数1里面的执行结果，或者某个参数，当作实参，传递给第二个函数。顺便还解决了闭包的问题。下面是用jquery写得一个demo，大家可以参考参考 ` 结构部分重点内容 <div id="banner"> <ul>

2017-09-15 10:44:32 286

翻译 js的三大核心组成部分

一，Js的三大核心组成部分 1.ECMAScript 2.DOM（document object model）3.BOM（browser object document ）（1）ECMA是（欧洲计算机制造商协会）它规定了js的语法标准。（2）DOM是文档对象模型，规定了文档的显示结构，可以轻松地删除、添加和替换节点（3）BOM是浏览器对象模型，就是浏览器自带的一些功能样式，

2017-09-14 22:14:24 15112