- 博客(24)
- 收藏
- 关注
原创 小程序日历,日期多选
字节跳动小程序永不了第三方组件,自己结合网上案例写的,多选日期日历,可以选六个月内日历样式如下: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
1064
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
402
原创 微信小程序生成海报带二维码功能
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
1106
原创 js去特殊字符
const pattern=/[`~!@#$^&*()=|{}':;',\\\[\]\.<>\/?~!@#¥……&*()——|{}【】';:""'。,、?\s]/g; this.form.name = e.target.value.replace(pattern,""); }
2020-06-18 17:05:33
298
原创 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
311
转载 Reatct “思维”入门(基础)
前言本文主要是针对思维上认识React,并不是React基础语法入门,有什么不正确的地方,可以留言指出,谢谢!!实战深入理解可以找前端大佬阮(ruan)一峰的入门实战教程。百度:“React入门 阮一峰”即可,有11个dom可供练习,都是很有针对性的dom。对React基本就属于基础中熟练了。React的基本认识1.官网1)英文官网:https://reactj...
2019-11-26 19:12:35
405
转载 Vue常见面试题
1、Vue的双向数据绑定原理是什么?vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。具体步骤:第一步:需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter,这样的 话...
2019-11-26 19:10:10
411
原创 webpack基本使用及其安装包
1.webpack的基本使用A.创建项目目录并初始化创建项目,并打开项目所在目录的终端,输入命令: npm init -yB.创建首页及js文件在项目目录中创建index.html页面,并初始化页面结构:在页面中摆放一个ul,ul里面放置几个li在项目目录中创建js文件夹,并在文件夹中创建index.js文件C.安装jQuery打开项目目录终端,输入命令:...
2019-10-23 08:28:14
323
原创 常见的HTTP状态码
2开头 (请求成功)表示成功处理了请求的状态代码。200(成功)服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。201(已创建)请求成功并且服务器创建了新的资源。202(已接受)服务器已接受请求,但尚未处理。203(非授权信息)服务器已成功处理了请求,但返回的信息可能来自另一来源。204(无内容)服务器成功处理了...
2019-10-11 21:12:30
141
原创 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
126
原创 ajax 封装函数
function ajax (options) {// 默认值var defaults = {type: 'get',url: '',async: true,data: {},header: {'Content-Type': 'applicatio...
2019-09-26 19:56:52
234
原创 上传文件
// 选择文件上传控件var file = document.querySelector('#file');var preview = document.querySelector('#preview');// 当用户选择完文件以后file.onchange = function () {// 1 创建文件读取对象var reader = new FileReader();...
2019-09-21 20:24:32
181
原创 Node.js 第三方模块 ------Gulp 插件的使用方法
1、使用命令进行第三方模块的下载和删除 使用 npm 命令:npm (node package manager) : node的第三方模块管理工具 下载:npm install 模块名称 卸载:npm unintall package 模块名称 全局安装与本地安装 命令行工具:全局安装 库文件:本地安装 -g表示全局安装,即模块的使用不局限于当...
2019-09-09 21:01:22
266
原创 package.json文件
项目描述文件,记录了当前项目信息,依赖了哪些第三方模块等。使用 npm init -y 命令生成。{ "name": "description", //项目名称 "version": "1.0.0", //版本号 "description": "", //项目描述 "main": "index.js", //项目主入口 "scripts"...
2019-09-09 20:05:21
168
原创 正则表达式表单验证
<!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
200
原创 简单版商品查询效果
<!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
161
原创 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
225
原创 图片跟随鼠标移动效果和动态创建表格效果
4、图片跟随鼠标<style> img { position: absolute; top: 2px; } </style></head><body> <img src="images/angel.gif" alt=""> &l...
2019-09-03 14:00:00
449
原创 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
394
原创 jQuery - 01
1.1.1 JavaScript 库 JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。...
2019-09-01 20:08:01
291
原创 快递单号查询、倒计时和发送短信效果
1、倒计时效果<style> div { margin: 200px; } span { display: inline-block; width: 40px; height: 40px; backg...
2019-09-01 19:45:58
549
原创 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
452
原创 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
692
原创 Js 面向对象 动态添加标签页 HTML
<main> <h4> Js 面向对象 动态添加标签页 </h4> <div class="tabsbox" id="tab"> <!-- tab 标签 --> <nav class="fisrstnav"> <ul>...
2019-09-01 18:04:49
847
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人