小王同学Max-CSDN博客

原创微信小程序阅读器功能

微信小程序小说阅读器效果基础功能：上一章，下一章目录显示全部章节，点击章节页面对应该章节，正序倒序功能基本样式设置，背景板切换，字号切换，亮度调节自定义返回按钮j静态仿照数据，和从数据库中取数据，两种方法，进行渲染页面新手编码，代码还有很大优化空间，欢迎大家来交流学习。静态仿照数据源var readList = [ { rid:0, title:'傲慢与偏见', imgtit:'/images/books.jpg', readcon:[

2021-01-24 14:23:07 5017 35

原创微信小程序购物车基本功能

首页+购物页+结算页的基本功能实现。我也是一个新人，正在自学中，欢迎大家来交流学习，如果有什么不足的地方交可以交流改进。index 首页<view class="header"> <text bindtap="navSwitch" data-index="0" class="{{navState==0 ? 'nav-switch-style':''}}" style="margin-left:

2021-01-09 22:43:17 616

原创 JQuery的基础语法(快速入门，适用较广)

JQuery 基础语法(快速入门)JQuery入口函数//默认写法$(document).ready(function(){ // 开始写 jQuery 代码...});//简写$(function(){ // 开始写 jQuery 代码...});JavaScript入口函数window.onload = function () { // 执行代码}JQuery入口函数与JavaScript入口函数的区别JQuery的入口函数是在html所有标签（DOM）

2020-12-30 18:27:57 311 1

原创微信小程序购物车功能

微信小程序购物车效果购物车是一个比较简单的小功能~购物车功能主要运用了微信小程序的缓存机制，在商品页面将需要添加的数据同步传入缓存中，然后在购物页面通过同步方法拿到对应的数据，最后在页面上进行渲染就可以了。关键方法var arrlist = wx.getStorageSync(‘key’) //获取缓存对应key得数据wx.setStorageSync(‘key’，arrlist) //修改缓存对应key得数据以下便是购物车页面的详细代码，以供交流参考：切记要根据自身实际，不要按部就

2020-12-29 16:11:05 4062 7

原创 Vue实现简易简易购车页面效果

Vue实现效果VUE实现简易购物车效果简易的购物车小demo引用了一下bootstrap3，的表格<section id="gouwuche"> <table class="table table-hover"> <thead> <tr> <th> <input type="checkbox" @change="handlechange" v-model="isAllCha

2020-12-27 17:01:00 331

原创 CSS3基础3D写法

CSS3实现效果3D视图盒子实现方法如下*{margin: 0; padding: 0;}.box{ width: 300px; height: 300px; margin: 0 auto; padding-top: 100px; perspective: 200px; border: 1px solid #e3e3e3;}.box ul{ list-style: none; width: 100px; height: 50px; border: 1px solid red

2020-12-27 16:31:39 140

原创 Vue实现简易播放器

Vue实现简易播放器看b站某马学习，实现一个属于自己的播放器HTML+CSS+JS<section id="xwyy">  <section class="box" style="margin-top: 30px;"> <div class="nav"> <div class="nava"> <h1>小王音乐</h1> </div> <!--

2020-12-27 12:39:16 490 4

原创 CSS3实现bilibili会员购效果效果

CSS3实现效果bilibili会员购展示块实现效果* { margin: 0; padding: 0;}.box { width: 1200px; height: auto; margin: 0 auto; padding-top: 150px;}.boxcv { width: 560px; height: 250px; background-color: white; border-radius: 7px; border: 1px solid #E3E3E3; t

2020-12-27 11:44:39 638

m0_51408910的博客