- 博客(60)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 微信小程序自定义checkbox样式
微信小程序自定义checkbox样式checkbox .wx-checkbox-input{ width:16px; height:16px;}checkbox .wx-checkbox-input.wx-checkbox-input-checked{ border-color:#e33c2b !important; background:#e33c2b !important;}checkbox .wx-checkbox-input.wx-checkbox-input-chec
2021-01-14 16:53:01
786
转载 微信小程序和支付宝小程序对应的差异
记录将微信小程序代码挪到支付宝小程序的过程中遇到的一些支付宝小程序和微信小程序的差异，以免每次都去官方文档查。1.文件后缀名微信小程序的四个文件后缀为.js、.json、.wxml、.wxss，支付宝小程序的四个文件后缀为.js、.json、.axml、.acss。使用命令将当前目录下后缀名为wxml的文件全部替换为axml，后缀名为wxss的文件换为acss：rename 's/\.wxml/\.axml/' * && rename 's/\.wxss/\.acss/' *使用
2020-10-17 14:28:04
1922
转载 exports、module.exports和export、export default的区别
原文地址： https://segmentfault.com/a/11900000104267781. 使用范围require: node 和 es6 都支持的引入export / import : 只有es6 支持的导出引入module.exports / exports: 只有 node 支持的导出2. node模块CommonJS定义的模块分为: 模块标识(module)、模...
2019-08-27 17:30:09
367
原创 magento2 composer安装
composer 下载magentocomposer create-project --repository=https://repo.magento.com/ magento/project-community-edition <install-directory-name>指定版本:composer create-project --repository=https:/...
2019-03-02 10:20:42
1294
原创 Swiper轮播切换暂停youbute视频
new swiper('.J-video-swiper',{ navigation: { nextEl: '.J-video-swiper .swiper-button-next', prevEl: '.J-video-swiper .swiper-button-prev', ...
2019-02-14 18:11:16
1845
转载 JavaScript原生错误类型及try、catch、finally
1. SyntaxError 对象SyntaxError对象是解析代码时发生的语法错误。// 变量名错误var 1a;// Uncaught SyntaxError: Invalid or unexpected token// 缺少括号console.log 'hello');// Uncaught SyntaxError: Unexpected string上面代码的错误，都...
2018-12-07 18:08:09
638
转载 立即调用的函数表达式（IIFE）
在 Javascript 中，圆括号()是一种运算符，跟在函数名之后，表示调用该函数。比如，print()就表示调用print函数。有时，我们需要在定义函数之后，立即调用该函数。这时，你不能在函数的定义之后加上圆括号，这会产生语法错误。function(){ /* code */ }();// SyntaxError: Unexpected token (产生这个错误的原因是，funct...
2018-11-20 18:06:34
264
转载 JavaScript闭包详解（二）
摘自wangdoc.com，原文地址：https://wangdoc.com/javascript/types/function.html#闭包闭包（closure）是 Javascript 语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。理解闭包，首先必须理解变量作用域。前面提到，JavaScript 有两种作用域：全局作用域和函数作用域。函数内部可以直接读取全局变量。va...
2018-11-20 17:53:35
164
转载 小程序注册程序，注册页面参数说明
摘自微信小程序开发官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html1.注册程序App(Object)App() 函数用来注册一个小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会...
2018-11-02 17:14:24
1027
转载 小程序全局配置、页面配置参数说明
摘自微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#全局配置全局配置属性类型必填描述支持版本pagesString Array是页面路径列表windowObject否全局的默认窗口表现tabBarObject否底部 ta...
2018-11-02 17:13:47
5496
原创 gulp实现开发生产版本，自动添加版本号为参数格式
gulpfile.js//引入gulp及各种组件;'use strict';var gulp = require('gulp'), uglify = require('gulp-uglify'), //压缩js minifyCSS = require('gulp-clean-css'), ...
2018-10-08 16:40:25
984
原创 css3 实现Loading加载动画
css3 实现加载动画.loading_animation { border: 2px solid #e10b0b; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; -webkit-animation: 0.6s loading...
2018-08-27 18:01:38
3862
原创 ECMAScript 5中的数组方法
ECMAScript 5中的数组方法（摘自javascript权威指南） forEach(): 没有for循环的break语句，不能终止遍历，只能通过try{}catch{}抛出异常终止 //三个参数: 数组元素、元素索引，数组本身 var data = [1,2,3,4,5] data.forEach(function(v,i,a) { a[i...
2018-08-27 17:49:06
146
原创 JavaScript 字节单位换算函数（bytes，KB）
函数:var byteConvert = function(bytes) { if (isNaN(bytes)) { return ''; } var symbols = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; var exp = Math.floor(Math.log...
2018-07-10 11:25:31
6127
翻译 Magento2 购物车添加头部尾部
在Magento 2.1（.1）中，徽标被移到了/vendor/magento/module-checkout/view/frontend/layout/checkout_index_index.xml它的正常位置checkout.header.wrapper，然后似乎在某处丢失了。这是祸根：&amp;lt;move element=&quot;logo&quot; destination=&quot;checkout.h...
2018-05-17 17:35:48
434
原创 Magento2添加面包屑代码
以购物车为例 1.创建以下文件 app/design/frontend/vendor/theme/Magento_Checkout/layout/checkout_cart_index.xml2.并在checkout_cart_index.xml文件中添加以下代码<?xml version="1.0"?><!--/** * Copyright © 2013-2...
2018-05-17 17:26:52
343
原创 Magento2自定义xml文件
1.创建了一个自定义模块app/code/Learning/RewriteSales/view/adminhtml/layout/sales_order_view.xml系统文件位置vendor/magento/module-sales/view/adminhtml/layout/sales_order_view.xml2.在module.xml文件中声明核心模块的依赖关系...
2018-05-17 17:19:42
595
原创 Magento2 引入外部js文件
创建web/js目录： app/design/frontend/own_Namespace/own_Module/web/js/own_name.js 2.创建或修改requirejs-config.js：“` app/design/frontend/own_Namespace/own_Module/requirejs-config.js...
2018-05-17 17:06:01
1950
1
翻译 magento2自定义添加.html文件
工作解决方案只需从下面的路径创建或编辑requirejs-config.js文件即可。/app/code/Namespace/Module/view/frontend/requirejs-config.js并将代码放置在requirejs-config.js中var config = { map: { '*': { 'Mage...
2018-05-17 16:44:47
823
原创 css利用after解决菜单栏，弹出层双阴影重叠问题
css 利用after.custom_nav_list li:first-child:hover > a:after { content: ''; background: rgb(255, 255, 255); position: absolute; height: 4px; width: 100%; bottom: 0px; left: 0
2018-05-05 12:22:24
748
转载 Web Notifications桌面通知js封装
var NotificationHandler = { isNotificationSupported: 'Notification' in window, isPermissionGranted: function() { return Notification.permission === 'granted'; }, requ...
2018-04-23 11:05:18
606
原创 $.each()迭代jQuery和非jQuery对象 .each()方法
迭代jQuery和非jQuery对象 jQuery提供了一个对象迭代器实用程序.each()以及一个jQuery集合迭代器.each()。这些不可互换。另外，还有一些有用的方法可以调用.each()以及一个jQuery集合迭代器.each()。这些不可互换。另外，还有一些有用的方法可以调用.map()，.map()这可以使我们常用的迭代用例之一变快。$.each() $.each()是循环
2017-12-29 11:31:21
3319
原创 JavaScript let的理解
1.简化内部函数代码当用到内部函数的时候，let会让你的代码更加简洁。var list = document.getElementById('list');for (let i = 1; i <= 5; i++) { let item = document.createElement('li'); item.appendChild(document.createTextNode('Item
2017-12-04 10:22:11
7193
原创 JavaScript for...of与for...in的区别
无论是for…in还是for…of语句都是迭代一些东西。它们之间的主要区别在于它们的迭代方式。 for…in 语句以原始插入顺序迭代对象的可枚举属性。 2.for…of 语句遍历可迭代对象定义要迭代的数据。以下示例显示了与Array一起使用时，for…of循环和for…in循环之间的区别。Object.prototype.objCustom = function()
2017-12-01 12:18:49
4224
原创 JavaScript闭包详解（一）
1.闭包定义 闭包就是能够读取其他函数内部变量的函数 应用的两种情况——==函数作为返回值，函数作为参数传递==第一，函数作为返回值如上代码，bar函数作为返回值，赋值给f1变量。执行f1(15)时，用到了fn作用域下的max变量的值。第二，函数作为参数被传递如上代码中，fn函数作为一个参数被传递进入另一个函数，赋值给f参数。执行f(15)时，max变量的取值是10，而不是100。=
2017-11-24 16:08:49
370
原创 JavaScript闭包常见错误：在循环中创建闭包
1.错误示例<p id="help">Helpful notes will appear here</p><p>E-mail: <input type="text" id="email" name="email"></p><p>Name: <input type="text" id="name" name="name"></p><p>Age: <input type="text" id="ag
2017-11-24 15:32:40
387
原创 Canvas绘制小球运动，检测碰撞变色
1.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bouncing balls</title> <link rel="stylesheet" href="style.css"></head><body><h1>bouncing balls</h1><canvas></canvas><scr
2017-11-22 15:54:01
1346
原创 JavaScript声明一个对象的三种方式
1. 声明一个对象的语法 var person = { name: ['Bob', 'Smith'], age: 32, gender: 'male', interests: ['music', 'skiing'], bio: function() { alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.a
2017-11-14 16:35:16
15497
原创 JavaScript数组遍历的几种方式
JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法，以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环代码如下:for(j = 0; j < arr.length; j++) {} 简要说明: 最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间第二种:优化版for循环代码如下:for(j = 0,len
2017-11-09 15:31:44
790
原创 JavaScript构造函数
function Person(first,last,age,gender,interests){ this.name = { first, last }; this.age = age; this.gender = gender; this.interests = interests; this.bio = funct
2017-10-17 10:36:42
215
原创 JavaScript内置函数
JavaScript内置函数1. join() 数组转字符串 arrayObject.join(separator)：可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。var myArray = ['I', 'love', 'chocolate', 'frogs'];var madeAString = myArray.join(' ');// returns 'I love
2017-10-17 10:36:15
160
原创 js,css模拟复选框
js,css模拟复选框 效果图 html<span class="rem_name "> <input name="rem_name" type="checkbox" value="1"></span> css.signBox .forgetPas .rem_name { vertical-align: middle; display: inline-block
2017-10-17 10:35:44
322
原创 Math ceil()、floor()、round()方法
Tags:JavaScriptMath ceil()、floor()、round()方法Math.ceil()功能：对一个数进行上取整。 语法：Math.ceil(x) 参数： x：一个数值。 返回值：返回大于或等于x，并且与之最接近的整数。 注：如果x是正数，则把小数“入”；如果x是负数，则把小数“舍”。 例：<script type="text/javascript"> do
2017-10-17 10:33:52
1684
原创 css智能显示隐藏返回顶部按妞
//返回顶部$('.gotop').click(function(){$('html,body').animate({scrollTop: 0}, 500);});$(window).scroll(function(e){ if($(window).scrollTop() >= 300){
2017-10-17 10:25:41
727
原创 css模拟对话框
使用背景图制作对话框.live-chat-tipbox{ position: absolute; top: -100px; right: 10px; width: 85px; border: 2px solid #ff8b00; padding: 15px 17px; font-size: 14px; line-height: 1.5;
2017-10-10 15:21:44
394
转载 gulp教程之gulp-imagemin压缩图片
gulp教程之gulp-imagemin压缩图片简介： 使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片），很多人安装gulp-imagemin都会出现错误，我也查了很多资料，也不知道所以然，我的做法是出错再重新安装，如果你知道问题所在，请一定告诉我！ 1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.j
2017-09-28 11:37:11
797
原创 input，textarea的placeholder属性设置字体颜色
input，textarea的placeholder属性设置字体颜色input::-webkit-input-placeholder { color: red !important; } input:-moz-placeholder { color: red !important; } input::-moz-placeholder {
2017-09-21 18:25:29
999
原创 css制作导航栏小三角形箭头 .clearance-product-title span.active:after ,.clearance-product-title span:hover:afte
.clearance-product-title span.active:after ,.clearance-product-title span:hover:after { border: dashed transparent; border-top: solid #fece00; border-width: 10px 10px 0; margin-left
2017-09-21 18:25:00
620
原创 如何用css实现一条直线渐变效果
#grad1 { background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0.09),rgba(251, 251, 251, 0.59),#FFF); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(251, 251, 251, 0.
2017-09-21 18:24:35
1272
原创 css动画效果：鼠标移上去底部线条从中间往四周动画延伸
css动画效果：鼠标移上去底部线条从中间往四周动画延伸如图：.top-nav a:after { content: ' '; position: absolute; z-index: 2; bottom: 0; left: 50%; display: block; width: 165px; height: 1px; trans
2017-09-21 18:24:08
9602
jQuery权威指南.pdf
2017-09-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人