自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端开发技术栈博客

微信公众号:达达前端(dadaqianduan)

原创 微信小程序环境下将文件上传到 OSS

步骤 1: 配置 Bucket 跨域 客户端进行表单直传到 OSS 时,会从浏览器向 OSS 发送带有 Origin 的请求消息。OSS 对带有 Origin 头的请求消息会进行跨域规则(CORS)的验证。因此需要为 Bucket 设置跨域规则以支持 Post 方法。 步骤 2:配置外网域名到小...

2019-05-30 23:35:33

阅读数 365

评论数 0

原创 wepy代码知识点

index-page <style lang="less"> .index-nood-modal { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; backgro...

2019-05-30 23:15:58

阅读数 128

评论数 0

原创 阿里云环境搭建以及项目上线

今天我来讲讲阿里云环境搭建以及项目上线。全球领先、安全、稳定的云计算产品计算、存储、网络、安全、大数据、人工智能,普惠科技助您飞跃发展从申请到配置阿里云的流程如下:配置选型->创建...

2019-05-30 02:58:50

阅读数 50

评论数 0

原创 微信小程序向本地保存

提示框: wx.showToast(OBJECT) 显示消息提示框 wx.saveImageToPhotosAlbum({ filePath : "./test.png", //这个只是测试路径,没有效果 success(res) { console.log...

2019-05-30 01:37:43

阅读数 428

评论数 0

原创 NodeJS基础知识

console.log方法: console.log("This is a test string"); node app.js 使用重定向标准输出流: node app.js 1>info.log console.log = console.info cons...

2019-05-29 03:18:00

阅读数 75

评论数 0

原创 NodeJS后台

NodeJS后台 后台: 1.PHP 2.Java 3.Python 优势 1.性能 2.跟前台JS配合方便 3.NodeJS便于前端学习 https://nodejs.org/en/ 1.切换盘符 e: 2.改变目录 cd 目录名 3.执行程序 node xxx.js const http...

2019-05-29 02:08:57

阅读数 236

评论数 0

原创 payOrder

parent <script> export default class Parents extends wepy.page { data = { tabdata:{}, //下面要用这里必须要写上 } async on...

2019-05-28 01:34:47

阅读数 192

评论数 0

原创 快速上手mpvue 项目

初始化一个 mpvue 项目 $ node -v v8.9.0 $ npm -v 5.6.0 # 2. 由于众所周知的原因,可以考虑切换源为 taobao 源 $ npm set registry https://registry.npm.taobao.org/ # 3. 全局安装 vue-...

2019-05-26 15:09:10

阅读数 69

评论数 0

原创 前端技术前沿10

允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 通过 npm 命令来升级 $ sudo npm install npm -g 如果是 Window 系统...

2019-05-26 11:50:55

阅读数 1738

评论数 1

原创 前端技术前沿9

Node.js使用Module模块去划分不同的功能,以简化应用的开发。 var myModule = require('./myModule.js'); 将某些方法和变量暴露到模块外,可以使用exports对象去实现。 安装 Linux 下 Node.js的安装 sudo a...

2019-05-24 23:57:50

阅读数 274

评论数 0

原创 前端技术前沿8

实现倒计时(天数、时、分、秒) parseInt() 函数可解析一个字符串,并返回一个整数。 <body onload="leftTimer()"> <h2>剩余时间:</h2> <div id="timer&quo...

2019-05-23 10:00:54

阅读数 45

评论数 0

原创 前端技术前沿7

//加载一个http模块 var http = require('http'); //creatServer来创建WEB服务器名为server var server= http.createServer(function(req,res){//函数的两个参数分别为req和...

2019-05-23 02:34:28

阅读数 63

评论数 0

原创 前端技术前沿6

数据缓存setStorageSync和getStorage //获取输入值 getInput: function(e) { var self = this; self.setData({ storage: e.detail.value }) }, /...

2019-05-22 05:22:36

阅读数 232

评论数 0

原创 前端技术前沿5

CSS3 背景 CSS3 包含多个新的背景属性,它们提供了对背景更强大的控制。 background-size background-origin 调整背景图片的大小: div { background:url(bg_flower.gif); -moz-background-size:63px 1...

2019-05-20 16:47:59

阅读数 73

评论数 0

原创 前端技术前沿4

1:WeUI  小程序–使用教程 https://weui.io/ 2:美团小程序框架mpvue Github:https://github.com/Meituan-Dianping/mpvue 官网:http://mpvue.com/ 3:组件化开发框架wepy Github地址: h...

2019-05-20 10:22:23

阅读数 109

评论数 0

原创 前端技术前沿3

wepy框架 全局安装wepy: npm i -g wepy-cli 初始化项目: wepy init standard myproject 切换到项目目录: cd myproject 安装依赖: npm install wepy框架是腾讯内部基于小程序的开发框架 /index.js //获取应...

2019-05-20 02:47:29

阅读数 54

评论数 0

原创 前端技术前沿2

wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) wx.showModal({ title: '提示', content: '这是一...

2019-05-20 00:24:10

阅读数 96

评论数 0

原创 前端技术前沿1

git branch -a 查看本地和远程的所有分支() 查看本地分支 git branch 查看远程分支 git branch -r WePY组件使用 components={ child:Child, anotherchild:Child }; props静态传值:父给儿子传...

2019-05-19 23:21:56

阅读数 105

评论数 0

原创 wepy框架入门

安装 wepy 命令行工具。 npm install wepy-cli -g 在开发目录生成开发DEMO。 wepy new myproject 开发实时编译。 wepy build --watch 项目目录结构 dist node_modules src ...

2019-05-18 11:44:58

阅读数 713

评论数 0

原创 认识WebStorm-小程序框架wepy

WebStorm是一个功能强大的IDE,适用于JavaScript开发,适合使用Node.js进行复杂的客户端开发和服务器端开发。 WebStorm具有对JavaScript,HTML, CSS及其现代替代品以及Angular或React等框架的高级支持。 WebStorm集成了各种Web开发工具...

2019-05-18 09:56:40

阅读数 136

评论数 0

原创 列表

<!DOCTYPE html> <html> <head> <title>hello world</title> </head> <style type="text/css"> .list{...

2019-05-16 23:21:27

阅读数 29

评论数 0

原创 透明盒子

<!DOCTYPE html> <html> <head> <title></title> </head> <style type="text/css"> .box{ position:...

2019-05-14 23:51:34

阅读数 158

评论数 0

原创 wepy框架滑动组件使用

https://github.com/dlhandsome/wepy-com-swiper

2019-05-14 09:50:09

阅读数 221

评论数 0

原创 底部导航栏效果

<template> <view class="me"> 消息列表界面 </view> </template> <script> import wepy from 'wepy'; ...

2019-05-14 09:43:25

阅读数 138

评论数 0

原创 安装less/sass

安装sass npm i node-sass 安装wepy-compiler-sass插件 npm install wepy-compiler-sass --save-dev 在我的项目中使用才有用。

2019-05-14 09:24:30

阅读数 121

评论数 0

原创 wepy快速入门

Github地址 wepy官网:https://tencent.github.io/wepy/index.html 安装 wepy 命令行工具 npm install wepy-cli -g 在开发目录生成开发DEMO wepy new myproject 开发实时编译 wepy build ...

2019-05-13 10:12:01

阅读数 830

评论数 0

原创 实现返回顶部-wepy小程序-前端梳理

<script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js";></script> <script t...

2019-05-13 08:20:51

阅读数 213

评论数 0

原创 音乐播放器-图片切换-轮播图效果

* { margin: 0; padding: 0; border: 0; } CSS3 @keyframes 动画效果 @keyframs myframes{ from{ } to{ transform:translate(300px); } } -moz-an...

2019-05-13 02:09:34

阅读数 196

评论数 0

原创 css添加了原始滚动条要隐藏滚动条的显示

// 添加伪类 <style> ::-webkit-scrollbar {display:none} </style> <div style=" width:200px; height: 200px; overflow-y: scroll;&quo...

2019-05-13 00:22:45

阅读数 953

评论数 0

原创 jquery实现图片切换

<div> <img class="imgclick" src="img/pic1.png" /> </div> <script> $(".imgclick")....

2019-05-13 00:17:13

阅读数 353

评论数 0

原创 微信小程序1

小程序官方: https://mp.weixin.qq.com 小程序开发文档: https://developers.weixin.qq.com/miniprogram/dev/index.html 微信开发社区: https://developers.weixin.qq.com/ We...

2019-05-13 00:05:01

阅读数 99

评论数 0

原创 Web前端-JavaScript基础教程下

Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作。 charset为src属性指定字符集。 defer表示脚本延迟,等到文档被解析显示后才执行。 language已废弃。 src表示执行外部...

2019-05-11 22:46:36

阅读数 42

评论数 0

原创 全栈开发工程师微信小程序-下

app.json { "pages": ["pages/index/index"] } index.wxml <text>Hello World</text> index.js Page({}) { "p...

2019-05-11 08:52:35

阅读数 90

评论数 0

原创 PHP全栈学习笔记32

<?php $i = 0; do { echo $i; } while ($i > 0); ?> for (表达示1; 表达示2; 表达示3){ 需要执行的代码段 } <?php for ($i = 1; $i <= 10; $i++) { ...

2019-05-10 23:34:50

阅读数 62

评论数 0

原创 PHP全栈学习笔记31

伪类:未被访问状态,已被访问状态,鼠标悬停状态,活动状态 :link 未被访问的链接添加样式 :visited 向已被访问链接添加样式 :hover 向鼠标悬停时向元素添加样式 :active 向被激活的元素添加样式 :focus 向拥有键盘输入焦点的元素添加样式 :first-child 向第一...

2019-05-10 10:11:47

阅读数 36

评论数 0

原创 PHP全栈学习笔记30

变量:整型(int) 浮点(float)、布尔(bool)、字符串(string) 混合类型: 数组(array)、对象(object) 特殊类型:空(null)、 资源(resouce)、回调(callback) 所谓复合类型:就是在一个类型中可以同时存入字符串、浮点、整型、布尔等 define...

2019-05-09 11:00:39

阅读数 34

评论数 0

原创 PHP全栈学习笔记29

前言 这一章主要讲一讲PHP的背景,优势,PHP的环境搭建,书写和调式简单的PHP代码,如何解决简单的PHP错误等。 目录结构 PHP简介 PHP是面向对象,指令式编程,设计者是 拉斯姆斯·勒多夫 出生于格陵兰岛凯凯塔苏瓦克,是一个丹麦程序员,他拥有加拿大国籍。他也是编程语言PHP...

2019-05-05 21:59:04

阅读数 58

评论数 0

原创 PHP全栈学习笔记28

数据库Mysql概述,数据库操作,数据表操作,数据类型,管理数据库 order by asc; 升序 desc 降序 sql标准语言: 数据查询语言 select 数据定义语言 create/alter/drop 数据操作语言 insert delete update 数据控制语言 grant ...

2019-05-04 23:10:11

阅读数 82

评论数 0

原创 PHP全栈学习笔记26

php 验证码 <?php /* *@Author: 达叔小生 **/ header("Content-type:image/png"); // 发送头部信息,生成png图片文件 $str = 'qwertyuiopasdfghjklzxcvbnm123456...

2019-05-04 16:30:01

阅读数 36

评论数 0

原创 PHP全栈学习笔记27

数组概述,类型,声明,遍历,输出,获取数组中最后一个元素,删除重复数组,获取数组中指定元素的键值,排序,将数组中的元素合成字符串。 数组概述,数组是存储,管理和操作一组变量。 数组类型为一维数组,二维数组,多维数组。 数组分:数字索引数组和关联数组。 数字索引数组使用数字作为键名 关联数组使用字符...

2019-05-04 16:29:22

阅读数 71

评论数 0

提示
确定要删除当前文章?
取消 删除