- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 css文字超出点点点
css操作文字超出点点点一行内超出点点点overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/text-overflow:ellipsis;/* 支持 IE */超出两行显示点点点 overflow: hidden; text-overflow: ellipsis; display...
2018-10-25 16:47:40
9759
1
转载 微信小程序input为数字键盘
微信小程序input为数字键盘微信小程序的 input 有个属性叫 type，这个 type 有几个可选值：text：不必解释number：数字键盘（无小数点）idcard：数字键盘（无小数点、有个 X 键）digit：数字键盘（有小数点）注意：number 是无小数点的，digit 是有小数点的...
2018-10-17 10:50:39
22393
1
原创 vue blob格式流文件下载
vue blob格式文件流下载vue 下载文件vue 下载文件首先reques（config）里面设置responseType: ‘blob’;然后：对返回的流文件处理，获取返回头里面的文件名， let aa = res.headers['content-disponsition']; let bb = decodeURIComponent(dlNameDisposition.split("filename=")[1]) || ""; downloadByData (文件流数据，文件名称)最
2021-11-24 17:48:28
786
1
原创 h5调用微信api
h5注册公众号jssdk，使用微信方法h5注册公众号jssdk，使用微信方法h5注册公众号jssdk，使用微信方法首先引入必要的js，http://res2.wx.qq.com/open/js/jweixin-1.4.0.js，可用https。然后进行验证，通过wx.config接口wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端...
2019-12-11 16:02:39
3416
原创 微信小程序授权与拒绝授权处理
微信小程序授权及拒绝授权处理微信小程序授权种类很多，但模式都基本一致，只是参数不同，本次拒绝处理适用于各种授权小程序授权方法不理解的可以看官网，判断是否授权，等介绍的比较详细```javascriptvar _this = this wx.getSetting({ success(res) { if (!res.authSetting['scope.w...
2019-10-15 10:40:02
1824
原创 微信小程序上传图片
微信小程序上传图片下面为实例代码，具体文档看小程序官方文档//上传图片 chooseimage: function (e) { var _this = this; flag = "1"; wx.chooseImage({ count: 1, // 默认9 sizeType: ['compressed'], sourceType...
2019-05-28 14:23:05
229
原创 vue全局组件和局部组件
全局组件全局组件可以在任何一个页面引用，在main.js，中引入，代码如下import footer from './components/footer'Vue.component('footer-vue',footer);调用<footer-vue></footer-vue>局部组件在每一个页面内引入，但是只能在本页面使用import Compone...
2019-04-10 16:16:47
257
原创 vue嵌套路由的使用
vue嵌套路由的使用前提开始 路由嵌套前提首先创建一个有路由的项目，开始 路由嵌套一开始有一个主路由router-view，但是我们想在子页面使用自己的路由进行操作，就需要添加嵌套一个路由，在index.js里面进行设置，{ path: '/page3', name: 'page3', component: page3 }, { ...
2019-04-09 17:13:16
226
转载 简单了解flex布局
首先必备的是要有一个主容器，加上flex属性.box{ display: flex; display: inline-flex; /*块元素和行内元素都有*/}接下来就是主容器的可设置的属性flex-direction属性,flex-direction属性决定主轴的方向（即item的排列方向）。.box{ flex-direction: row | row-reverse...
2018-12-19 10:57:00
162
原创 数组按照内部对象的值进行排序
今天遇到了一个问题，请求接口返回的数据要按照某个字段进行排序，写个了方法记录下，主要用的是sort（）；方法，对传入的参数进行封装var arr = [ { name:'hunan', age:20 }, { name:'ccang', age:22 }, { name:'gn...
2018-12-12 11:01:06
611
转载 原生js写图形验证码
加上下面这段代码，直接调用即可，对应的宽高，文字大小，下面很容易看到function getGVerify(id){ function GVerify(options) { //创建一个图形验证码对象，接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id ...
2018-12-04 16:07:06
397
转载 package.json里面更改配置后用npm下载
package.json里面更改配置后用npm下载1.package.json不存在时命令:npm init可自动创建package.json文件2.package.json存在时直接命令:npm install 或者 npm install –save-dev会自动将package.json中的模块安装到node-modules文件夹下转载的文章，点击查看原文...
2018-11-14 13:58:18
2682
原创 vue-cli脚手架搭建项目
vue-cli脚手架搭建项目用脚手架搭建项目，平时也就很久用一次，我也好久没做这个项目了，有的已经记不清了，写下来记录一下各个步骤npm install webpack -gnpm install webpack webpack-cli -g // webpack 4.0 以上npm install vue-cli -gvue init webpack xaa(项目名称)...
2018-11-14 13:53:07
216
原创 百度地图仅显示一个省并有多个标注点，自定义标注点
百度地图仅显示一个省并有多个标注点今天拿到一个需求，要求做一个地图，只能显示当前省，并且标注多个点，标注点不能用它自带的红色的标记==；&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta name="viewport" content="width=device-wid
2018-11-09 14:27:39
2830
原创 微信小程序 多行相同内容分别控制它们的显示与隐藏
微信小程序 多行相同内容分别控制它们的显示与隐藏如图所示我要分别控制 wuie时的等等线面的一行字的展开与收起，首先这些都是后台数据动态渲染，显然不能通过data里面定义个变量，控制true or false 来操作，我们可以让后台在数组每一项里面加一个flag（标识符），当点击的时候获取下标，通过下标控制该数组项的flag值，怎么获取下标可以在.wxml中添加一个自定义属性data-...
2018-10-29 14:51:57
1357
原创 rem.js布局
rem布局的写法rem.jswindow.onload = function(){ /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是 为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(720,100)};window.onresize = f...
2018-10-25 16:52:10
260
原创 微信小程序封装请求并引用promise
微信小程序封装请求并引用promise//向服务器请求数据function ajax(option){ wx.showLoading({ title: '加载中', mask: true }) const url = `${option.url}`; console.log(`请求地址:${url}`); console.log('请求参数:' + JSON...
2018-10-19 15:32:49
792
原创 微信小程序setData的作用
小程序setData中修改和增加变量首先在data()中设置变量，data: { message: 1, hidden: true, showModal: false, customerId: "" },然后等到需要修改变量的时候就需要用到setData了，可直接对data里面的变量进行修改，如下showModal，有的朋友发现a在data中并没有，那他...
2018-10-18 14:39:55
1138
原创 css写出带边框的三角
css写带边框的三角代码如下： content: " "; position: absolute; width: 15px; height: 15px; border: #333 solid 1px; background-color: #fff; border-left: 0; border-top: 0; bottom: -9...
2018-10-16 15:13:58
303
原创 vue打包页面空白（最完美的解决办法）
vue打包页面空白，什么都不显示（解决）当打完包的时候，可以看到它提示一句话Tip: built files are meant to be served over an HTTP server.Opening index.html over file:// won’t work.这句话的意思就是打包的文件必须要通过服务启动，，直接打开无效。看到这句话就蒙了，不知道怎么改，就去百度了，...
2018-10-15 13:38:25
3000
原创 冒泡排序（数组排序）
冒泡排序（十大算法之一）直接上代码var arr1 = [6,4,2,8,4,5]; for(var i = 0; i &lt; arr1.length - 1; i++){ var flag = true; for (var j = 0; j &lt; arr1.length - 1 - i; j++) { if...
2018-10-11 10:48:03
226
原创 闭包（简单理解）
闭包的学习闭包就是一个函数引用另外一个函数的变量，因为变量被引用着所以不会被回收，因此可以用来封装一个私有变量。这是优点也是缺点，不必要的闭包只会徒增内存消耗！另外使用闭包也要注意变量的值是否符合你的要求，因为他就像一个静态私有变量一样。闭包通常会跟很多东西混搭起来，接触多了才能加深理解，这里只是开个头说说基础性的东西。一个小小的实例function buildList(list) {...
2018-10-10 11:09:49
229
原创 微信小程序页面跳转
小程序页面跳转（wx.navigateTo和redirectTo的不同）第一种方式也是最常用的方式wx.navigateTo(Object object);这种方式的特点就是：保留当前页面，跳转到应用内的某个页面，但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。wx.navigateTo({ url: 'test?id=1' })第二种方式wx.re...
2018-10-09 17:28:32
377
原创 小程序开发随记
前端小程序开发随记学习小程序，就是学习一个新的框架，但是和其他框架一样，部分规则是一样的，比如，一些数据的操作（请求回来的数据，动态替换数据）都是通过指令在页面html中操作，新建一个项目会自动配置出一系列文件，app.js是整个项目的整体，用APP包裹，app.json里面的一些页面的配置，谁在上面就显示哪个页面，config.js里面放一些公共的方法，一般都是接口的配置，小程...
2018-10-08 11:34:24
272
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人