csdn_zy_的博客

原创 canvas海报

在推荐一个人人都说好用的canvas海报插件，画家计划直达git链接（内有文档）关于各种是否立刻加载是否清楚这些，文档都有写，其中通知外部绘制完成，重置isCanDraw为false注意海报弹出关闭时这个变量的改变，如果需求不需要，可以忽略。**附赠个人用法**我先下载git链接里面的这些文件然后个人再次封装一层代码在这里下面是page文件如何使用<haibao imgData="{{imgData}}" id="shareBox" isCanDraw="{{isCanDr

原创 大转盘九宫格的插件

分享两个大佬推荐给我的九宫格、大转盘抽奖插件，目前自用的为100.net，推荐给新同事他也说好用。再次也做下笔记免得将来找不到目前自用的大转盘https://100px.net/这个也不错https://tgideas.qq.com/doc/frontend/component/m/loteryround.html...

原创 微信小程序使用echarts绘画动态图表

微信小程序使用echarts绘画动态图表#年月日#首先我们从官网下载echarts插件，路径是https://github.com/ecomfe/echarts-for-weixin，把echarts文件放到自己项目的根目录下在需要用到的页面js文件第一行引入插件import * as echarts from '../../../echarts/ec-canvas/echarts';,json文件也要引入；图表需要用到的数据部分的值，可以在page外面定义例如let dataListA=[]

原创 小程序canvas生成二维码二次不显示

各位。关于小程序用canvas生成二维码点击只能触发显示一次的问题。把if改成hidden就好了

原创 小程序 分享 登录

简介，如果有一个需求，就是，要求每一个分享的页面，用户a分享给用户b，用户b点开的时候判断是否登录，没有登录就去登录页。登录之后再返回到分享的那个页面，这是一个个页面写是有些累的，于是琢磨出了一个全局的方法， share: function() { let that =this; let bb=''; console.log('触发了分享方法') //监听路由切换 ...

原创 git小笔记

下载是git clone更新是git add./输入上传信息是git commit -m “”上传者是git config --global user.email+name然后再写一遍commit最后确定上传git push origin master输入账号密码别人的文件夹下载是git clone更新是git add./输入上传信息是git commit -m “”最...

原创 小程序定位、店面选择功能

由于小程序更新，在微信客户端7.0.0及以上版本需要使用精准定位的时候，需要再app.json里面加上permission属性之后才能调用scope.userLocation地址授权信息，先用getSetting检查是否授权，未授权authorize发起授权，已授权直接chooseLocation拉取定位，若是已禁止授权，则用类型为openSetting的button让客户打开授权页面，开启授权...

原创 transform无效问题

关于transform无效问题，请查找该元素是否是块级元素或者行内块级元素该属性对行内元素无效

原创 小程序组件化开发

经过三天的不懈努力，学会了一种新的小程序组件方法，类似于vue的组件化开发，学会了之后vue和小程序的组件化开发就都学会啦，这个不同于小程序的tem…组件化开发，那个组件化开发不能写js用起来感觉是没有这个方法方便的废话不说，直接上图，首先创建一个跟page同级的文件夹，里面放置组件，这里叫做子组件，这里的名字是自定义的，orderlist对应父组件里面的属性名，一个属性名传一个值，然后在子...

转载 width属性值扩展

今天无意中发现一列属性值fill-availablefit-contentmin-contentmax-contentinherit (继承父属性)nitial 用于设置 CSS 属性为它的默认值。找了很多博客终于找到了一个比较通俗易懂讲解不错的博客，https://www.cnblogs.com/xiaohuochai/p/721...

原创 微信小程序之--弹窗跳转

有的时候可能需要微信弹窗的两个按钮分别跳转到不同的地方，这里在微信文档里面没有找到，但是认识的一位大神有教，在这里分享wx.showModal({ title: '提示', content: '您还未有新八大测评或48项测评的测评结果，若并未购买请前往购买，若已购买请前往个人中心制作测评', cancelText: '去48项', ...

原创 rem

js原理就是 真实宽度/设计图宽度 = 真实字体号大小/设计图字号大小所以 js应该是 获取当前页面的宽度为真实宽度然后通过上面这个公式 把真实字体字号大小求出来然后这个真实字号大小赋给html的字号 作为rem的计算比例最后再根据这个计算比例 来设置所有容器的宽度需要在JS里面 设置的 是设计图字号 和设计图的宽度然后再计算出来真是的宽度<script type="...

原创 小程序的登录逻辑

登录页面的逻辑大概是主要需要用到小程序自带的两个按钮方法-----用户授权 && 手机号码绑定和一个微信api里面的登录方法wx.loginwx.login里面需要做的逻辑是1、判断是否授权2、判断授权信息里面有没有用户信息3、获取用户信息发送给后台4、查询这个账号在后台的登录状态是否为正常登录5、把一些常用的信息更新到app.js里面去用户授权按钮和方法...

原创 Vue---指令篇~~

v-bind绑定属性之类的，不介绍了，v-once 指令在第一次 DOM 渲染完成后，数据将被视为静态内容，当数据改变时，插值处的内容不会更新。数据在传递过程中，受到不同场景的影响可能会发生改变，采用 v-once 指令可以避免此类情况的发生。无论页面如何，这个值都不会改变<div id="app"><p v-once> 第一次绑定的值：{{message}}&...

原创 微信小程序——日历

上下月的点击不写，懒，第一步在data里面设置各种初始值，QJE的写法是为了，在后期迎合客户的要求，客户想展示城什么样子，就直接选择就好了，比在js里面写数组，取值，方便的多（后期哦），data: { defaultIndex:0, weekList:{ Q: ['星期日','星期一','星期二','星期三...

原创 微信小程序——提交表单

一般使用form标签来写表单，以为这个样子可以减轻js负担，本节来讲如何调教表单到后台 <form bindsubmit="goform"> <input class="" name="name" placeholder="姓名" /> <input class="" name="zhiye" placeholder=...

原创 微信小程序——封装调用方法，

因为app.js是属于全局文件，所以如果所有的全局方法都写在app.js里面会加载的很慢拖慢速度，一般采用另建一个新的js文件封装方法，并导出，然后在app.js里面引入，闲话不多说，上图，在需要调用此方法的page文件的js文件里面调用const app = getApp();onLoad: function(options) {app.ajax（）}...

原创 vue----class样式技巧

对于多个class 属性值，可以采用如下绑定方式。<div v-bind:class=”[classA, { classB: isB, classC: isC }]”>

原创 vue三级路由跳转

效果图代码

原创 vue引入elenmet

引入scsscnpm install node-sass --save-dev

原创 vue项目怎么开始

创建一个文件夹专门装组件src\components\common 创建一个src\components\home.vue用来放头部和底部， 创建一个头部组件

原创 vue基础

什么是vue？是当前最受推崇的三大前端框架之一，采用MVVM设计模式进行开发。M：model，数据层，也叫模型层V：view，视图层，也叫页面层VM：viewmodel，数据状态层M层通常情况下是后台程序，用来提供数据。V层通常情况下就是前端程序，用来展示页面的效果，也就是HTML程序。VM就是连接M层是V层的桥梁，也就是项目用到的JS文件，用来向M层获取数据，同时将数据进行保存。...

原创 超出两行用省略号表示

display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;//控制行数overflow:hidden;

原创 微信小程序for循环之控制当前的列表项的样式

for循环的列表项里需要控制单个样式的地方加绑定id &amp;lt;view class=&quot;money inlineblock {{blue?'moneyn':'moneyt'}}&quot; catchtap=&quot;money&quot; id='{{item.id}}'&amp;gt;数组这个样子写， list_search: [ { pic: '

原创 半圆并只有一半边框

原创 微信小程序---聚焦事件，动态控制样式

通过输入框的聚焦事件和失去焦点的事件控制样式绑定聚焦事件和失去焦点的事件&lt;input type='text' placeholder='使用優惠券或輸入折扣碼' catchfocus="inp_focus" bindblur="inp_focusx"&gt;&lt;/input&gt;绑定两个样式&lt;button class="{{btncl?'hui':'bluee'}}...

原创 微信小程序之左滑删除，

先来讲一讲原理，第一步，布好局，把垃圾桶隐藏用绝对定位和层级控制藏在下面，在上层需要左滑的那层，编写样式，margin-left:{{item.del ? ‘-212’:‘0’}}rpx;&quot;三目运算符，如果前者为true，则左滑212rpx；如果为false，则不动，如果需要过渡效果的小宝贝，可以添加一个时间时间，或者改成transform，列表的每一项的总盒子记得绑定id,接下来是布局...

原创 微信小程序之for循环的取值渲染

&lt;text class='disblock' catchtap='scort_star' wx:if="{{hideee}}"&gt;{{sort_star}}&lt;/text&gt;&lt;view class='sort' wx:if="{{hidee}}"&gt; &lt;block wx:for="{{sort_list}}" wx:for-item.

原创 微信小程序之页面跳转

wx.redirectTowx.navigateTo两者都是跳转到别的页面，但是前者跳转之后属于一级页面，没有返回箭头，后者输入从上一个页面跳转过来的二级页面，有一个返回箭头注：url里面不需要添加后缀.wxml...

原创 微信小程序之显示隐藏

wxml文件 &amp;lt;view class='head_span' wx:if=&quot;{{head_span}}&quot; bindtap='search_cancel'&amp;gt; &amp;lt;span&amp;gt;取消&amp;lt;/span&amp;gt; &amp;lt;/view&amp;gt;

原创 微信小程序教程之------基础前端篇--page的js逻辑文件

逻辑层使用 Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。注意Page首字母要大写以下是逻辑文件的object 参数说明data----页面的初始数据onLoad ----生命周期函数–监听页面加载onReady----生命周期函数–监听页面初次渲染完成onShow----生命周期函数–监听页面显示onHid...

原创 微信小程序教程之------基础前端篇--app.json

1、学习微信小程序需要具备的基础有----html 、css、 js、 ajax基础 、 简单的面向对象基础2、微信小程序开发工具的安装，自己找官网，或者走这个链接 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=190219183、如何创建自己百度，4、文件夹有images、page...

原创 全选反选的逻辑和代码

布局上大体是这个样子&lt;div id=""&gt; &lt;div&gt; &lt;span class="all"&gt;&lt;/span&gt;我是全选按钮 &lt;/div&gt; &lt;div&gt; &lt;span class="notall"&gt;&lt;/span&g

原创 如何创建vue项目,及基础了解

第一步,安装node, 第二部,检查npm的版本 npm -v 第三部,下载淘宝镜像(随便下载在哪里) npm install -g cnpm --registry=http://registry.npm.taobao.org 第四部,安装脚手架工具, cnpm install -g vue-cli 第五步,创建一个空的文件夹,键盘按住shift键，然后...

原创 v-model

v-model有什么用,v-model 的效果是使input的value和 data.body 建立双向绑定，因此首先 data.body 的值会给input的value属性，其次，当input中输入的值发生变化的时候，data.body 还会跟着改变。把表单的值绑定到变量里面,输入什么 变量就变成什么,然后需要用到这个表单的值的时候直接获取这个变量就好了,例如:登录的时候 吧用户名和密码...

原创 文字竖排

文字竖排的话,直接加上两句代码就好了,两句都加上,就没有兼容问题writing-mode: vertical-rl;writing-mode: tb-rl;

原创 vue 轮播图

&lt;template&gt; &lt;div class="lunbobox"&gt; &lt;div class="lunbo"&gt; &lt;!-- 四张轮播图 宽960高375--&gt; &lt;transition-group tag="ul" name="image"&gt; &a

原创 echarts图表制作

送上这个echarts文档http://www.echartsjs.com/option.html#xAxis.splitNumber坐标轴的样式控制 yAxis: [ { //y轴配置// name: '流量(m^3/s)', type: 'value', max: 80, ...

原创 layu弹框

$("#zhifu").click(function() { $("#sell2-box").show() //显示dom layer.open({ type: 1,//弹窗类型，默认0 title: "立即支付",//弹窗标题 shadeClose: true,//是否显示遮罩 content: $('#sell2-box'),//dom area: ['500px', ...

原创 bootstrap导航

今天向大家介绍一些bootstrap的导航类型，包括响应式导航&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;a