- 博客(24)
- 收藏
- 关注
RSS订阅原创 小程序日历，日期多选
字节跳动小程序永不了第三方组件，自己结合网上案例写的，多选日期日历，可以选六个月内日历样式如下：wxml / ttml文件<view class="Box"> <view class='tips'>本期繁忙时间</view> <view style="margin-bottom:150rpx;"> <scroll-view scroll-y class='scroll-view'> <!-- 当前月 --&
2021-01-09 15:17:09
919
1
原创 小程序自适应瀑布流列表
<view class='content' > <!-- 左边 --> <view class="left" > <view class='item' wx:for="{{ProductionList}}" wx:if="{{index%2==0}}"> <image class="image" mode="center" lazy-load src="{{ ProductionList.mbr_Pic }}" data-src=
2020-09-07 11:45:04
341
原创 微信小程序生成海报带二维码功能
wxml文件<view> <text class='shareText'>生成海报分享至</text> <view class='imgBox'> <button open-type="share" class='zfbtn'><image src="{{wechat}}" class='img'></image></button> <button class='zfbtn m_l
2020-08-24 16:21:21
1040
原创 js去特殊字符
const pattern=/[`~!@#$^&*()=|{}':;',\\\[\]\.<>\/?~！@#￥……&*（）——|{}【】'；：""'。，、？\s]/g; this.form.name = e.target.value.replace(pattern,""); }
2020-06-18 17:05:33
240
原创 vue中定义一个格式化时间的过滤器
//写在入口文件中Vue.filter('dateFormat',function(originVal){constdt=newDate(originVal);//年consty=dt.getFullYear();//月constm=(dt.getMonth()+1+'').padStart(2,'0');//日co...
2019-12-01 20:03:54
276
转载 Reatct “思维”入门（基础）
前言本文主要是针对思维上认识React，并不是React基础语法入门，有什么不正确的地方，可以留言指出，谢谢！！实战深入理解可以找前端大佬阮(ruan)一峰的入门实战教程。百度：“React入门 阮一峰”即可，有11个dom可供练习，都是很有针对性的dom。对React基本就属于基础中熟练了。React的基本认识1.官网1)英文官网:https://reactj...
2019-11-26 19:12:35
302
转载 Vue常见面试题
1、Vue的双向数据绑定原理是什么？vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。具体步骤：第一步：需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上setter和getter，这样的 话...
2019-11-26 19:10:10
362
原创 webpack基本使用及其安装包
1.webpack的基本使用A.创建项目目录并初始化创建项目，并打开项目所在目录的终端，输入命令： npm init -yB.创建首页及js文件在项目目录中创建index.html页面，并初始化页面结构：在页面中摆放一个ul，ul里面放置几个li在项目目录中创建js文件夹，并在文件夹中创建index.js文件C.安装jQuery打开项目目录终端，输入命令:...
2019-10-23 08:28:14
262
原创 常见的HTTP状态码
2开头 （请求成功）表示成功处理了请求的状态代码。200（成功）服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。201（已创建）请求成功并且服务器创建了新的资源。202（已接受）服务器已接受请求，但尚未处理。203（非授权信息）服务器已成功处理了请求，但返回的信息可能来自另一来源。204（无内容）服务器成功处理了...
2019-10-11 21:12:30
110
原创 GIT 版本控制软件 相关命令
git config --global user.name //配置姓名git config --global user.email //配置邮箱git config --list //查看配置信息git init //初始化本地仓库git status //查看文件状态git add 文件名 //添加某个文件到暂存区，如果写 . 代表当前文件夹下所有的文...
2019-10-11 08:23:10
94
原创 ajax 封装函数
function ajax (options) {// 默认值var defaults = {type: 'get',url: '',async: true,data: {},header: {'Content-Type': 'applicatio...
2019-09-26 19:56:52
172
原创 上传文件
// 选择文件上传控件var file = document.querySelector('#file');var preview = document.querySelector('#preview');// 当用户选择完文件以后file.onchange = function () {// 1 创建文件读取对象var reader = new FileReader();...
2019-09-21 20:24:32
144
原创 Node.js 第三方模块 ------Gulp 插件的使用方法
1、使用命令进行第三方模块的下载和删除 使用 npm 命令：npm (node package manager) ： node的第三方模块管理工具 下载：npm install 模块名称 卸载：npm unintall package 模块名称 全局安装与本地安装 命令行工具：全局安装 库文件：本地安装 -g表示全局安装，即模块的使用不局限于当...
2019-09-09 21:01:22
215
原创 package.json文件
项目描述文件，记录了当前项目信息，依赖了哪些第三方模块等。使用 npm init -y 命令生成。{ "name": "description", //项目名称 "version": "1.0.0", //版本号 "description": "", //项目描述 "main": "index.js", //项目主入口 "scripts"...
2019-09-09 20:05:21
124
原创 正则表达式表单验证
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>注册页面</title><!-- register css文件 --><link rel="stylesheet" href="css/...
2019-09-09 14:23:16
151
原创 简单版商品查询效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compa...
2019-09-03 20:53:56
131
原创 js高级 -01
1.构造函数和原型1.1对象的三种创建方式--复习1. 字面量方式var obj = {};2. new关键字var obj = new Object();3. 构造函数方式function Person(name,age){this.name = name;this.age = age;}var obj = new Person('zs',12);1.2...
2019-09-03 20:44:22
166
原创 图片跟随鼠标移动效果和动态创建表格效果
4、图片跟随鼠标<style> img { position: absolute; top: 2px; } </style></head><body> <img src="images/angel.gif" alt=""> &l...
2019-09-03 14:00:00
366
原创 jQuery-02
day02 - jQuery1.1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ;1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 <a> 元素里面的 href ，比如 <input> 元素里面的 type。语法 注意：prop() 除...
2019-09-02 15:48:15
311
原创 jQuery - 01
1.1.1 JavaScript 库 JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。...
2019-09-01 20:08:01
215
原创 快递单号查询、倒计时和发送短信效果
1、倒计时效果<style> div { margin: 200px; } span { display: inline-block; width: 40px; height: 40px; backg...
2019-09-01 19:45:58
485
原创 Js 面向对象 动态添加标签页 CSS
<style>//图标字体 开始@font-face {font-family: "iconfont"; src: url('./iconfont/iconfont.eot?t=1553960438096'); /* IE9 */ src: url('./iconfont/iconfont.eot?t=1553960438096#iefix') format('emb...
2019-09-01 18:22:56
401
原创 Js 面向对象 动态添加标签页 JS
<script> var that;class Tab { constructor(id) { // 获取元素 that = this; this.main = document.querySelector(id); this.add = this.main.querySelector('.tab...
2019-09-01 18:21:46
612
原创 Js 面向对象 动态添加标签页 HTML
<main> <h4> Js 面向对象 动态添加标签页 </h4> <div class="tabsbox" id="tab"> <!-- tab 标签 --> <nav class="fisrstnav"> <ul>...
2019-09-01 18:04:49
728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人