shentj01-CSDN博客

原创 h5读取data.json渲染在页面完成动画

1、使用lottie来完成动画的渲染2、在lottie官网下载lottie.min.js,通过script引入在页面中3、创建一个容器渲染动画<div class="lottie1" id="lottie1"></div>4、在js设置对应的参数var animation1 = bodymovin.loadAnimation({container: ...

2018-11-17 15:18:06 1235

原创用vue-cli和iview相关做项目不兼容ie问题

使用vue-cli做项目，一般不会兼容ie浏览器，究其原因就是浏览器对ES6中的promise无法支持，因此需要通过引入babel-polyfill来使我们的浏览器正常使用es6的功能首先通过npm 安装npm install --save-dev babel-polyfill然后就是在你的项目中使用在webpack.base.conf.js中配置:第一种entry...

2018-04-11 19:22:19 7861

这个博客是我在使用git命令管理项目的一些心得1、首先在gitlab上新建一个项目（这个就不再赘述了），2、第一次提交本地代码到远程仓库首先在自己电脑项目路径下打开git bash 接着 git init（把本地项目变成可以使用git管理的项目）git remote add origin gitlab新建项目的地址（将本地项目和远程仓库建立连接）git add .(提交所有代码)git co...

2018-03-07 16:52:13 219

原创 http

http协议是指计算机通信网路中两台计算机之间进行通信所必须共同遵守的规定或规则，超文本传输协议（HTTP）是一种通信协议，它允许将超文本标记语言（HTML）文档从web服务器传送到客户端的浏览器。

2017-11-06 16:22:40 370

原创 https工作原理

https协议一句话总结：要使客户端与服务端的通信过程得到安全保证，必须使用对称加密算法，但是协商对称加密算法的过程，需要使用非对称加密算法来保证安全，然而直接使用非对称加密的过程本身也不安全，会有中间人篡改公钥的可能性，所以客户端与服务端不直接使用公钥，而是使用数字证书颁发机构颁发的证书来保证非对称加密过程本身的安全，这样通过这些机制协商出一个对称加密算法，就此双方使用该算法进行加密解密，从而解

2017-11-06 15:45:33 343

原创 ES6的声明变量

一、var1、作用域使用var声明的变量的作用域，在一个函数内用var声明的变量，只在这个函数内有效。function test(){ var a; console.log(a);//undefined}console.log(a);//ReferenceError:a is not defined2、变量声明提升用var声明变量时，只要在一个函

2017-11-03 14:17:08 256

原创 javascript中call、apply、bind方法的区别

apply、call和bind方法的不同点1、call方法是最简单的，它等价于指定this值调用函数例如：var user={ name:"zhangsan", what'sYourName:function(){ console.log(this.name); }};user.what'sYourName(); //结果打印zh

2017-11-02 21:47:44 197

原创圣杯布局和双飞翼布局

圣杯布局和双飞翼布局效果是一样的，都是两边固定，中间自适应，只不过实现思路不同，圣杯布局实现思路：通过两边添加相对定位，并配合left和right属性，效果上表现为三栏是独立分开的，而双飞翼布局是在中间栏再嵌套一个div，内容写在嵌套的div里，然后对嵌套的div设置margin-left和margin-right,效果上表现为左右两栏在中间栏的上面，中间蓝还是100%宽度，只不过中间栏的内容通过

2017-10-30 21:52:54 203

原创 vue（ axios ）node mongodb 读取数据库

今天做项目，前端框架用的是vue，需要读取后端数据库，我的后端是用node搭建的服务器，数据库用的是mongodb，我用的是axios用于读取数据库，首先搭建好后端数据库路由，然后在前端组件中获取数据库，首先需要下载axios插件例如：order.vue组件里，js代码：import axios from 'axios';export default{ name:'orde

2017-10-30 15:58:00 1607

原创冒泡法排序和数组去重

第一个冒泡法数组排序function bubbleSort(array){ var b;//定义一个空数组for(var i=0;i for(var j=0;j if(array[i] d=array[j]; array[j]=array[i]; array[i]=d; } }return array;

2017-10-26 19:27:59 267

原创 babel使用

介绍 babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码。 2.配置文件.babelrc 新建.babelrc，打开文件写入： { "presents":["es2015"], "plugins":[ ] } 其中es2015是指“ES2015转码规则”，需要安装 npm in

2017-10-25 20:57:48 243

原创 git版本控制系统命令一

Git是目前世界上最先进的分布式版本控制系统今天给大家介绍git部分命令1、项目前期首先鼠标右击选择Git Bash here进入命令窗口mkdir learngit (新建learngit项目)cd laerngit(进入当前项目，这个命令和cmd命令一样)pwd（显示当前目录）git init(初始化，把这个目录变成git可以管理的仓库)2、添加文件到仓库

2017-10-25 19:06:36 248

原创 vue.js

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-10-18 16:38:55 210

原创 webpack安装以及使用

webpack介绍大家自行了解，我这里主要讲一下webpack的安装以及使用第一步：全局安装 npm install webpack@2 -g（ps安装2.最高版本，不建议使用3.5及以上版本）第二步：开发者依赖安装webpack npm install webpack --save-dev 初始化 npm init -y第三步：1、可

2017-10-10 19:04:37 314

原创 yeoman一键生成前端项目代码

首先需要全局安装：bower和gulp安装之后，全局安装yo也就是yeoman，npm install yo -g接下来是全局安装webapp ，cnpm install -g generator-webapp然后在你的项目中启动yo webapp出现以下界面：之后会出现三个问题，第一个是选择文件，可以全选或者选择单独一个，根据自己情况选择第二个是否包括jquer

2017-10-10 18:49:32 989

原创 supervisor

今天写项目，老师提到supervisor可以监听服务器，如果使用nodejs express引擎模板与mongodb数据库交互，用supervisor监听比较好，你就不用每次修改服务器端代码，都要重启服务器，supervisor可以实时监听，我刚开始用，大家也可以试着用用，不会可以找找相关资源。

2017-09-26 22:06:21 588

原创用jquery简单实现打字游戏

首先html部分0其次简单css样式 .score{ display: none; position: absolute; top:0; right: 0; } .letter{ position: absolute; t

2017-09-23 16:53:17 1782

原创用jquery简单实现弹幕效果

首先html部分说些什么？接下来css部分 #box{ width: 800px; height: 500px; border: 2px solid black; margin: 50px auto; position: relative;

2017-09-23 16:47:20 787

原创 jquery实现2048游戏

先html简单布局得分：游戏开始再简单设置样式*{ margin: 0; padding: 0; } .main{ wi

2017-09-23 16:38:52 518

原创用canvas实现简单的飞机大战游戏

首先实现html静态页面接下来写一下简单的样式#map ,#feiji{position:absolute;}#feiji{ top:0; left:0; z-index:2;}#map{ background:url("beijing.jpg"); -webkit-animation:mapscroll linear

2017-09-23 16:07:20 2209

原创石头、剪刀布游戏

这里我简单写下实现步骤：首先html页面 Computer Player Win Draw Lose 0 0 0 其次是css样式 div{ text-align:cent

2017-09-21 19:08:24 538

原创 mongoose

mongoose:是MongoDB的一个对象模型工具，它将数据库中的数据转换为JavaScript对象以供你在应用中使用，封装了MongoDB对文档的的一些增删改查等常用方法，让NodeJS操作Mongodb数据库变得更加灵活简单。首先：mongoose安装搭建项目，先安装nodejs，然后输入npm install mongoose这样就安装好了其次：mong

2017-09-21 15:55:17 238

原创 bootstrap使用

Bootstrap:最为重要的部分就是它的响应式布局，通过这种布局可以兼容 PC 端、PAD以及手机移动端的页面访问大家可以去官网了解下，它是由组件、插件、全局css和栅格系统组成，其中栅格系统尤为重要。以下是栅格系统的一部分接下来讲一下使用部分：1、下载引入或者通过CDN引入（官网上有详细介绍）2、http://v3.bootcss.com/css/3、把示例代码贴过

2017-09-20 19:34:43 275

原创非关系型数据库MongoDB以及可视化工具Robo 3T安装

首先：安装MongoDB数据库1、在官网下载mongodb-win32-x86_64-2008plus-ssl-3.4.3-signed文件（根据电脑系统等自行选择匹配的文件）2、安装文件（傻瓜式安装，点击下一步）3、配置dbpath 第一步：以管理员身份进入cmd命令提示符。第二步：手动新建db和log文件夹（ps，我的在D

2017-09-20 16:54:40 1411

原创 nodejs的主要框架express的安装

今天刚学习完express安装，分享给大家（前提是你已经安装过nodejs，这里不再说明）首先，搜索cmd，打开命令提示符窗口（ps我的电脑是命令提示符窗口，其它电脑可能不一样，不过都是类似的），默认一般在C：user\admin> 例如你的项目在D盘hello-world文件下，通过d: 进入D盘，cd hello-world进入项目文件下，然后开始安装：切记这些操作要在有网的前提下运行

2017-09-18 20:59:48 462

原创 html基础第2天以及css基础

一、html表格常用属性1.表格边框border2.宽度width，高度height3.空单元格empty-cells：show/hide默认是show4.边框合并border-collapse：collapse二、html表格元素1.1)action提交到的页面2）提交方式：method=get/post默认get3）区别 1.get在url地址栏拼接上提交的

2017-07-05 21:33:27 186

原创 html基础第一天

Html基础 day1 一、工具（webstorm） 1.创建项目：文件-新项目-选择路径-create 2.创建文件：项目名称右键-新建-css/js/html 3运行页面：点击右键-open-选择已安装的浏览器 4 调整字体大小：文件-设置-编辑器-颜色和字体-font-另存为 5查找：ctrl+f 二、html（超文本标记语言）

2017-07-04 21:51:00 148

stj1_的博客