sz_09的博客

翻译 es6学习笔记

一、环境的搭建https://blog.csdn.net/tozeroblog/article/details/80757001（也可以参考）https://www.cnblogs.com/PopularProdigal/p/7081188.htmlES6的开发环境搭建在搭建es6开发环境之前，先简单介绍一下es6。ECMAScript 6.0（以下简称 ES6）是 Java...

原创 uni-app 学习总结

1.关于设置背景图问题 uni-app不支持在css中设置背景图，可以设置图片的base64编码<view :style="{backgroundImage:'url('+imageBase64+')',backgroundSize: 'cover'}"></view>//其中imageBase64就是64编码2.uni-app中提示uni.sh...

原创 html5视频自动播放

<video width=100% height=100% controls autoplay muted> <source src="video/7.Ogg" alt="Second slide" style="width: 100%"> </video>

原创 小程序开发小问题

1.小程序获取时间ios 为NAN 错误微信不支持 2019-12-13 格式 改为 2019/12/13 即可2.

转载 修改select选择框默认样式

参考：http://uplifted.net/programming/change-default-select-dropdown-style-just-css/来源：https://blog.csdn.net/java_zhaoyanli/article/details/52549787select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ ...

转载 用vue实现多选框单选，全选和删除

原文链接：https://www.jianshu.com/p/0c00c2c47f41原文链接：https://www.jianshu.com/p/0c00c2c47f41原文链接：https://www.jianshu.com/p/0c00c2c47f41包含功能：单选 多选 全选 批量删除实现原理：fruits：决定显示元素的多少，所以，对元素增删改查都操作它 f...

转载 vue开关控制两张图片，点击展示不同图片

<div class="container"> <div class="row"> <div class="col-lg-6 col-lg-offset-3 text-center"> <div id="app"> <button @click="sort"&gt...

原创 点击按钮显示与隐藏

<div @click="showCont"></div><div v-if="show"></div>data:{show:true},methods:{ showCont:founction(){ this.show=!this.show; }}

转载 vue点击遮罩层阴影区域隐藏

原文链接https://www.cnblogs.com/fairy62/p/10179599.htmltemplate<button @click="writeMessageShow=true">打开遮罩</button><section class="wmassageMask" v-show="writeMessageShow" @click="wri...

转载 移动端ios浏览器双指禁止放大页面

window.onload = function() { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.prevent...

原创 小程序

"disableScroll": true

原创 h5页面在微信中进行分享

1.引入该文件<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>2.//微信分享 var now_url=window.location.href; $.ajax({ url : '链接',...

原创 移动端图片上传

<li class="photobox"> <span>头像</span> <div class="phobtn"> <input id="perPhoto" name="file" type="file" accept="image/*" capture="camera" /> <...

转载 webstorm

原文：https://blog.csdn.net/qq_33915006/article/details/79696319安装WebStorm是JetBrains 推出的一款强大的HTML5编辑工具，拥有丰富的代码快速编辑，可以智能的补全代码、代码格式化、html提示以及代码检查和快速修复等，支持不同浏览器的提示，同时也是一款JavaScript 开发工具，拥有即时编辑（chrome）、自...

原创 swiper手动滑动后自动轮播失效问题

在js部分增加var mySwiperpc2 = new Swiper('#swipercon-pc2', { autoplay: { disableOnInteraction: false,//增加此属性即可 delay: 2500, }, loop : true, navigation: { nextEl: '#swbunext1...

原创 引用swiper横向轮播 移动端

html部分<div id="certify"> <div class="swiper-container" id="swiperone"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="img/syimg/1.jpg"> ...

翻译 小程序 class 三元&&wx:if

//数组中的id三元用法<view class='item' wx:for="{{listCon}}" wx:key="content" wx:for-index="key"> <view class='zhandui {{ item.id==0?"red":"" ||item.id==1?...

原创 微信小程序 单选框，复选框样式自定义

/* radio未选中时样式 */radio .wx-radio-input{ border-radius: 3rpx; height: 26rpx; width: 26rpx; margin-top: -4rpx; /* 自定义样式.... */}/* radio未选中时样式 */radio .wx-radio-input{widt...

转载 瀑布流布局

原文链接 说到瀑布流布局，先上张图片来说明一下什么是瀑布流好了。 这个是我毕设中的一个截图（内容是我暂时从其他网站上爬下来测试的….），那么我们从这张图片中就能看到大致来说瀑布流就是一些等宽不等高的图片来排列展示的，因为每张图片都不一样大，以及我在图片下面展示了各种信息都不一样，所以导致这些展示的框它们的高度都不统一，那么为什么却要要求它们之间的宽度相同呢？这就是瀑布流实...

原创 懒加载

什么是懒加载懒加载就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而补一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。什么时候用懒加载当页面需要一次性载入很多图片的时候需要用懒加载。懒加载原理我们都知道HTML中的&lt;img&gt;标签是代表文档中的一个图像标签&lt;img&gt;标签有一个属性...

原创 CMS模板使用

翻译 小程序开发小游戏注意事项

原文：https://blog.csdn.net/weixin_41326021/article/details/80969811 今天研究小游戏开发，总结了一些自己遇到的问题 :一. 注册appId       用小程序开发的小游戏跟用小程序开发其他项目不是公用的一个appId       如果你现在的小程序账号已经选了别的类目（非游戏），那你就需要另外注册一个账号来单独申请小游...

翻译 HTML5+CSS3的响应式网页设计：自动适应屏幕宽度

原链接：https://www.cnblogs.com/libaoli/p/5779629.html作者：请叫我阿力这几天都在修改博客上面的样式。本来用的是d83.0的模板。自己又修改了许多地方，其中自己修改的一些地方在手机里面显示的效果不是很理想，于是想改成自适应的效果。对CSS3不是特别的熟练，只能去网上找找案例看了。发现一个不错的文章。写的比较入门，也很仔细。所以拿过来分享给大家。如...

翻译 css控制文字超出部分

CSS控制文字，超出部分显示省略号 http://www.daqianduan.com/6179.html   &lt;p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"&gt;     如果实现单行文本的溢出显示省略号同学们应该都知道用text-ove...

原创 html页面video标签

1.video标签禁止下载将属性改为controls="true" controlslist="nodownload"即可实现2.禁止自动播放html代码如下：&lt;video width="500" height="300" controls="controls" poster="../images/test.png" id="0"&

原创 轮播

http://sc.chinaz.com/jiaobendemo.aspx?downloadid=13790100818https://github.com/LuckyWinty/carrouselhttps://blog.csdn.net/qq_35515563/article/details/69568840

原创 百度地图标注

for(i=0;i&lt;循环次数;i++){ var marker=new BMap.Marker(Point对象);//创建标注 var html='你自己的html'; var infoWindow = new BMap.InfoWindow(html);//创建窗口信息 marker.infoWindow=infoWindow;//给当前标注新增一个属性以...

原创 OwlCarousel使用

参考：http://www.jq22.com/jquery-info6010使用方法Owl Carousel 2是上一版Owl Carousel的升级版本。Owl Carousel 2可以让你创建漂亮的响应式旋转木马的jQuery插件，它支持移动触摸屏，功能十分强大。Owl的新特性有： 可以无限循环 项目可以居中显示 灵活的速度控制 多级别的paddin...

原创 选择框可以同时输入和选择选项

&lt;li&gt;                            &lt;p class="address"&gt;校区&lt;/p&gt;                            &lt;div class="addresschoice"&gt;                                &lt;span class="addresse

原创 正则

//姓名正则验证 $("#chnName").blur(function(){       var username = /^[\u4E00-\u9FA5A-Za-z]+$/;       console.log($("#chnName").val())       if(!username.test($("#chnName").val())){        $("#chnNameM...

原创 wow.js使用

参考：https://www.cnblogs.com/xgxm13/p/7667296.html wow.js依赖animate.css，不需要jquery；animate.css是纯css动画 官网：http://mynameismatthieu.com/WOW/建议去官网一看bootstrap CDN服务：http://www.bootcdn.cn/wow/ 当...

原创 ehcarts 柱状图x轴坐标值改为图片

需求方法：1参考网站：http://www.echartsjs.com/gallery/editor.html?c=bar-rich-text&amp;theme=dark代码：x坐标值设置，尤其是图片路径提前设置好xAxis: {             type: 'category',             show: true,             data: ['Line', 'B...

原创 echar动态数据

http://echarts.baidu.com/examples/editor.html?c=dynamic-data

原创 Echarts柱状图使用笔记

一】、柱状图x，y轴显示导航线方法：二】、

原创 Echarts环形进度条使用二（修改部分）

一】修改进度条颜色https://jingyan.baidu.com/article/7f766dafff9b374101e1d093.html

原创 Echarts环形进度条使用一

一】.在页面引入js文件二】.定义div并且定义宽高三】.js部分

转载 net start MongoDB 服务名无效错误解决

点击打开链接

转载 详细图解mongoDB下载，安装，配置与使用

转载 原文地址详细图解，记录 win7 64 安装mongo数据库的过程。安装的版本是 MongoDB-win32-x86_64-2008plus-ssl-3.4.1-signed。我下载的源文件：mongodb-win32-x86_64-2008plus-ssl-3.4.1-signed我的系统：win 7 64 bit 8g内存为了方便下载，我把我当时下载的

转载 vue 搭建

Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接，今天我们就来了解一下Vue的环境搭建。一、node.js安装Vue项目通常通过webpack工具来构建，而we

原创 windows 安装node.js

第一步：下载nodejs，地址  http://www.nodejs.org/download/   打开后选择与自己相匹配的 rc 路径下   我选择的是node-v4.4.3-x86.msi第二步： 安装 node.js下载完成之后，双击"node-v4.4.3-x86.msi"，开始安装，可以改变安装路径。在cmd 小黑框中输入： node -v ； 控制台将打印出： v