前端
八点博客(钏)
专注分享技术交流
展开
-
Angular.js用法(一):快递费计算
1、下载后引入angular.min.js 2、代码如下:<div ng-app="kuaidi" ng-controller="contro"> <p> <input type="text" name="kg" ng-model="kg"> </p> <p> total: <span>{{price()}}</span> </p>原创 2017-06-19 22:16:06 · 955 阅读 · 0 评论 -
node.js使用(二):获取电脑CPU和内存
1、新建demo.js,输入const os = require('os');console.log('你的剩余内存/M'+os.freemem()/1024/1024);console.log('你的CPU'+os.arch());2、命令行输入:>>node demo.js>>你的剩余内存1455.751168 >你的CPUx643、更多使用请看文档(http://nodejs.cn/a原创 2017-07-05 22:00:55 · 12649 阅读 · 0 评论 -
node.js使用(一):安装与使用方法
1、官网下载node.js (https://nodejs.org/en/) 2、安装(安装路径不要出现中文) 3、命令行查看node版本node -v4、直接命令行输入node,进入node.js,然后输入js语句即可执行。(第一种使用方法)>>node>>3+5>>85、在D盘新建一个demo.js文件。输入以下js语句。console.log('nodejsaaa');进入命令行,进入原创 2017-07-05 21:48:19 · 578 阅读 · 0 评论 -
WEB前端:响应式实现原理
bootstrap栅格化想必大家都用过。那么它的原理如何?通过媒体查询和定义好类。以便直接使用1、先定义好css类。//define the width.col-xs-1{width: 8.333333%}.col-xs-2{width: 16.66667%}.col-xs-3{width: 25%}.col-xs-4{width: 33.33333%}.col-xs-5{width: 4原创 2017-06-24 23:03:05 · 2701 阅读 · 0 评论 -
H5APP开发(一):简单计算器(使用Hbuild)
1、计算器代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,initial-scale:1.0"> <style> html,原创 2017-06-22 22:49:29 · 9188 阅读 · 2 评论 -
JS弹球游戏
1、游戏介绍小球只能在规定区域内移动。且碰到上、左、右三侧时均反弹。而碰到下侧则为输。可以使用挡板使小球反弹。2、游戏参数设定(1)、以小球为对象,有四种行为。1、基础运动(X+Y) ball.speedX = 1; ball.speedY = 1;2、碰壁转向 ball.speedX = -ball.speedX;(发生条件为ball.style.left<=0 || b原创 2017-06-21 22:32:50 · 4635 阅读 · 0 评论 -
Angular.js用法(四):制作省市联动菜单
<html> <head><meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script></head><body><h1>angular联动菜单</h1><form action="" ng-app="liandong" ng-contr原创 2017-06-20 22:05:22 · 570 阅读 · 0 评论 -
Angular.js用法(三):ajax获取数据并循环显示
1、本例将示范angularjs的ajax使用和list循环显示功能。 2、本例需要创建两个文件。 (1)news.php<?php$news=[ '人民币贬值', '黄金涨价', '楼市崩盘', ];echo json_encode($news);?>(2)news.html<html> <head><meta charset="utf-8">原创 2017-06-20 21:43:11 · 2205 阅读 · 0 评论 -
WEB前端:rem布局仿淘宝首页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width"> <style> *{ margin: 0;原创 2017-06-29 22:09:13 · 3271 阅读 · 0 评论 -
Angular.js用法(二):购物车数量加减及总价计算
1、下载后引入angular.min.js 2、代码如下:<h1>计算商品价格</h1><div ng-app="buy" ng-controller="contro"> <p> <button ng-click="decr()">-</button> <input type="text" ng-model="num" readonly>原创 2017-06-19 22:18:51 · 4016 阅读 · 2 评论 -
Nodejs开发技巧集锦(4):使用multiparty获取上传的表单文件
1、安装multipartycnpm install multiparty --save2、引入var multiparty = require('multiparty');var fs = require('fs'); //文件模块3、表格一定要含有enctype="multipart/form-data"<form action="/doProductAdd...原创 2019-04-02 09:14:16 · 3024 阅读 · 0 评论