C2325-CSDN博客

转载 NodeJS实现登录注册功能（图文）

该Demo根据菜鸟教程的练手项目，请提前到菜鸟教程的官网查看nodejs的相关教程，根据教程实际操作一遍，然后自己动手去实现登录、注册功能，此Demo只作参考，不符合前端相关规范。使用的技术栈node+express+mongodb项目目录结构node_modules: 第三方模块目录public: 公共文件目录（js、css、image）login.html：登录页面...

2019-09-12 09:36:00 818

转载 HTML5元素分类

HTML5新增了27个元素，废弃了16个元素，根据现有的标准规范，把HTML5的元素按优先等级定义为结构性元素、级块性元素、行内语义性元素和交互性元素四大类。1、结构性元素结构性元素主要负责web的上下文结构的定义，确保HTML文档的完整性；section：在web页面应用中，该元素也可以用于区域章节表述；header：页面主题上的头部，注意区别于head元素；footer：...

2018-08-19 13:40:00 288

转载 Vue.js之使用vue-cli初始化项目

一、安装步骤step1、安装Node.js首先需要下载并安装Node.js，下载地址：Node官网。可查看我的另外一篇文章，仅作参考：Node.js入门及安装测试安装是否成功，打开cmd，使用 node -v，如果显示版本号则表示安装成功。step2、安装vue-cli使用vue-cli（脚手架）搭建项目，vue-cli是Vue官方提供的用于搭建基于 vue+webpack...

2018-08-16 22:34:00 148

转载 Vue.js简单入门

一、vue.js是什么Vue 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。Vue 完全能够为复杂的单页应用提供驱动。Vue 的核心库只关注视图层。Vue的核心是采用简洁的模板语法来声明式地将数据渲染进 DOM 系统。二、基本使用每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的，所有的 Vue 组件都是 Vue 实例。...

2018-08-15 21:36:00 212

转载 Vue.js学习之组件

一、组件是什么？组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。二、组件的使用（一）全局注册注册一个全局组件，使用 Vue.component(tagName, ...

2018-08-10 09:49:00 104

转载微信小程序之tab的实现（附源码和效果图）

tab功能的实现需要在项目根目录下app.json文件中配置,创建tab时，需要准备相应的图标文件和新建对应的页面，然后就可以在对应页面中写项目原型了。下面是一个简单的tab实现，直接可以拷贝到项目中使用，没有多余的代码。效果图：示例代码："tabBar": { "selectedColor": "#20B3AD", "color": "#999", ...

2018-08-08 09:41:00 349

转载微信小程序之轮播图的实现（附效果图和源码）

不管是做APP开发还是小程序，移动端离不开轮播图的功能，下面就写一个小程序的轮播图功能分享给大家效果图：step1:页面index.wxml代码<view class="container">  <swiper class="home-swiper" indicator-...

2018-08-07 00:02:00 1271

转载微信小程序之富文本解析（附源码和效果图）

示例效果图：一、简介及说明在小程序项目开发中，会遇到富文本编辑的内容，后台返回到小程序端无法解析，这时就需要一个插件来处理。微信小程序没有提供webview等html解析，原展示类文本没有办法图文并茂的原生展示，wxParse主要目的就是弥补富文本解析空缺的问题。插件由联盟网站DEV开发，开发者：icindy，最新版本请查看github地址：wxParse二、使用方法1、...

2018-08-06 09:51:00 947

转载微信小程序之多列表的显示和隐藏功能（附源码）

今天在项目碰到一个问题，之前在项目首页实现单列表的显示和隐藏，通过wx:if判断就可实现，现在要实现多列表的单项显示和隐藏功能应该如何实现呢？如果还用wx:if实现的话会出现点击一个列表项，多个列表同时显示和隐藏，明显不适合功能需求，然后简单地查了资料也没发现有类似的功能，最后思考一番后，慢慢地理清了思路...效果图：实现思路：实现单个列表的显示和隐藏应该使用唯一元素让...

2018-08-05 22:56:00 959

转载解决ios手机中input输入框光标过长的问题

在项目中做移动端页面，发现IOS 的光标大小很大，和安卓的完全不一样，思考怎么调整大小，通过实践和尝试，找到了解决方法，现分享给大家。修改前css部分代码：.receiving-info .receiving-info-list input { display: inline-block; width: 70%; font-size: 14px; co...

2018-08-03 14:21:00 419

转载微信小程序之转发功能（附效果图和源码）

小程序分享或转发有两种方式，一种是通过在页面中自定义按钮的形式，另外一种只需要在js中定义 onShareAppMessage 函数，页面右上角就会出现转发的按钮。详细文档请参阅微信官方文档微信转发API。目前小程序好像暂不支持转发到微信朋友圈。效果图： step1:在需要转发功能的wxml中定义一个button按钮，按钮的属性中加上open-type="share"。示例代码：...

2018-08-03 09:38:00 635

转载微信小程序之自定义组件（附源码）

最近在项目开发中，遇到好多雷同的页面样式，就想着可以将常用的功能模块封装成组件，方便在项目中使用和修改，下面就参照微信小程序的文档分步骤写一个微信小程序的组件。附上效果图：step1：创建文件并申明与创建微信小程序的页面一样，一个自定义组件也需要json,wxml,wxss,js四个文件。在项目根目录中创建文件夹，取名为：component，在该目录下继续创建文件夹succes...

2018-08-02 10:53:00 306

转载微信小程序之根据经纬度反查地址

最近做微信小程序项目中遇到根据后台接口获取城市某个区域内的信息，后台接口要求传入城市的区域名称，例如上海市杨浦区，小程序官方地址提供的API只能获取到用户当前的经纬度，如何通过经纬度查询到用户的当前位置成了一个问题。所以通过研究和查询资料解决了这个问题，现共享给大家。我是通过腾讯地图逆地址解析，在通过经纬度获取详细的位置信息数据。根据腾讯地图API，以图文的方式说明如何获取详细的位置...

2018-08-02 10:50:00 532

转载微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法

最近在做微信公众号的内嵌页面，发现点击输入框时键盘盖住文本框，找到一段代码解决了这个问题。iOS和android手机都已亲测，需要的可以直接拷贝到代码中使用。js代码如下：$(function () { //微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法 window.addEventListener("resize", func...

2017-07-28 15:06:00 270

C2325的博客