微信小程序选项卡demo

页面<view> <view class="tabbox"> <view class="tabbox_children {{item.flag==true? 'active':''}}" wx:for="{{list}}" wx:key='id' bindtap="clickitem" data-id='{{item.id}}'> {{item.name}} </view> </view>
分类: 其他 发布时间: 10-09 11:58 阅读次数: 0

微信小程序Todolist demo

页面<view class="topbox"> <image src="../../img/home.png" bindtap="addlist"/> <input type="text" placeholder="这里是输入框" bindinput='getlist' bindconfirm='addlist' value="{{searchinput}}"/></view><view class="bodys" wx:for="{{
分类: 其他 发布时间: 10-09 11:58 阅读次数: 0

Vue中scoped样式穿透 修改第三方框架样式

相信很多小伙伴在开发中都遇到过,使用框架开发,但是有地的放的样式跟设计图不一样的时候,那么我们如何修改框架的样式呢?1、什么是scoped?它的作用是什么?在vue组件样式中使用scoped,相当于将样式私有化,即样式只用于与当前组件。通过该属性,可以使得组件之间的样式不互相污染。2、为什么需要穿透scoped?一般项目中会引用了第三方组件,需要根据需求在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。就需要样式穿透啦第一种:全局样式表进行样式覆盖
分类: 其他 发布时间: 10-09 11:58 阅读次数: 0

十道必须要理解的javascript面试题

this关键字(指向)1.谁调用指向谁2.自己调用指向window3.当函数作为构造函数的时候 this指向构造函数实例4.call/apply/bind 强制改变this指向事件模型:事件委托、代理?如何让事件先冒泡后捕获又叫事件代理,利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 先冒泡后捕获 给一个元素绑定两个addEventListener,其中一个第三个参数设置为false(即冒泡),另一个第三个参数设置为tr...
分类: 其他 发布时间: 10-09 11:57 阅读次数: 0

javascript文档碎片

概念:JavaScript中,文档碎片独立于DOM树之外,存在于内存中,在创建之初为一个空白的文档片段,我们可以使用createDocumentFragment来创建作用:将需要添加的大量元素 先添加到文档碎片 中,再将文档碎片添加到需要插入的位置,大大减少dom操作,提高性能。简单示例://创建100个li,只操作一次dom<body> <ul id="ul"></ul> <script type="text/javascri
分类: 其他 发布时间: 10-09 11:57 阅读次数: 0

HTTP与HTTPS的区别小结

1、HTTP是超文本传输协议,信息是明文传输,HTTPS是具有安全性的SSL加密传输协议。2、HTTPS协议需要ca申请证书,一般免费证书少,因而需要一定费用。3、HTTP和HTTPS使用的是完全不同的连接方式,用的端口也不一样。前者是80,后者是443。4、HTTP连接是无状态的,HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,安全性高于HTTP协议。...
分类: 其他 发布时间: 10-09 11:57 阅读次数: 0

一个项目,同时要适配移动端和pc端,你会怎么做

一般情况下:1.首先使用flex布局,把页面元素都转换成弹性盒子,2.然后通过rem去做页面细节适配.3.接着根据用户在浏览器端和手机端的屏幕大小不同使用媒体查询.根据不同的屏幕宽度做不同的样式布局展示...
分类: 其他 发布时间: 10-09 11:56 阅读次数: 0

vue2组件的书写方法

<template> <div> //页面基本布局 </div></template><script>export default {components: { },//导入的子组件要在此注册 name: '',//当前组件的名字 data() { return {};//可以定义数据及变量 }, mounted() {},//页面初始化显示数据调用 methods: {},//存放方法.
分类: 其他 发布时间: 10-09 11:56 阅读次数: 0

vue 强制更新视图(视图不跟新的解决方案)

方案一:this.$set(this.obj,'key','value') //把数据放进去方案二:利用Object.assign({},this.obj)创建新对象方案三:this.$forceUpdate(); //可以直接使用**这个是强制更新 但不推荐使用调用强制更新方法this.$forceUpdate()会更新视图和数据,触发updated生命周期。...
分类: 其他 发布时间: 10-09 11:56 阅读次数: 0

选项卡(精致版)

<template> <div class="box"> <!--省市区--> <div class="addBody" v-show="flag"> <ul > <li v-for="(item,index) in head" :key="index" v-bind:class="{act:active == index}" @click="active = index">{{ite.
分类: 其他 发布时间: 10-09 11:56 阅读次数: 0

window.location.href打开新窗口

window.location.href="URL"; 表示重新定向到新页面,同时刷新打开的这个页面;例子:window.location.href="http://www.baidu.com"//也可以直接放接口window.open("URL",'top'); 只是表示打开这个页面,并不是打开并刷新页面;...
分类: 其他 发布时间: 10-09 11:55 阅读次数: 0

TS安装及编译

安装:开始的前提 要安装好node.js首先打开dos命令 npm install -g typescript 或者 cnpm install -g typescript验证是否安装成功 重新打开dos命令 tsc helloworld.ts编译:因浏览器不支持ts语法所以需要编译成es5新建index.ts文件 , cd进入目录 输入 tsc index.ts 回车 目录里就会多个index.js //代码编写还是在ts里在index.ts里写完代码之后...
分类: 其他 发布时间: 10-09 11:55 阅读次数: 0

TS中的数据类型

typescript中为了使写的代码更加规范,更有利于维护,增加了类型校验,ts中提供了以下类型布尔类型(boolean) true false var flag:boolean = true //必须指定类型flag = 'str' //错误写法flag = flase //正确写法 只能复制布尔型数字类型 (number) var a:number = 123 //必须指定类型a ...
分类: 其他 发布时间: 10-09 11:55 阅读次数: 0

Element-ui 设置弹窗取消关闭

在main.js中配置如下代码即可ElementUI.Dialog.props.closeOnClickModal.default = false; Vue.use(ElementUI)
分类: 其他 发布时间: 10-09 11:55 阅读次数: 0

el-input 禁止输入特殊字符

<el-input size="small" v-model="city" placeholder="请输入" @blur="addCity(scope.$index)" @keyup.native="btKeyUp" @keydown.native="btKeyDown"></el-input>
分类: 其他 发布时间: 10-09 11:54 阅读次数: 0

javascript短路运算

普通写法 我们根据另一个值来设置一个值不是falsy值,一般会使用if-else语句,就像这样: getList(Frazier){ let lcStr; if(Frazier){ lcStr = Frazier }else{ lcStr = 'Tom' } return lcStr }, console.log(this.getList('Frazier'));//Fr...
分类: 其他 发布时间: 10-09 11:54 阅读次数: 0

vue项目中遇到的难点

input中type为number时 max-length 失效 解决:input type="tel" vue组件中click事件失效 解决:使用了bette-scroll插件做滚动。加.native也不好使,发现better-scroll的配置中没有设置 click:true,设置过之后click事件成功。 不同商品页,id变化,商品不变 监听$route变化,然后获取id重新去取数据。 修改完数据点击提交后,数据变了 页面数据没有更新 原因:因为v...
分类: 其他 发布时间: 10-09 11:54 阅读次数: 0

vue项目中接口api的封装

在utils下的axiosAPI.js在src下的api文件夹中创建每个页面的api在页面中可以直接使用了
分类: 其他 发布时间: 10-09 11:54 阅读次数: 0

CSS样式书写顺序以及规范

顺序1.位置属性 position, top, right, z-index, display, float 等2.大小 width, height, padding, margin3.文字系列 font, line-height, letter-spacing, color- text-align 等4.背景 background, border 等5.其他 animation, transition 等规范CSS缩写属性CSS有些属性是可以缩写的,比如padding,.
分类: 其他 发布时间: 10-09 11:53 阅读次数: 0

GitLab开发分支提交代码命令

首先查看是否在开发分支,查看分支 git branchgit branch -a查看项目所有分支如果不是,切换分支 git checkout -b切换分支git pull 拉取代码git add . 提交所有文件至暂存区git commit -m "注释" 向仓库提交代码 |将暂存区的内容提交至本地git仓库git push 提交文件至远程仓库git status 查看文件状态...
分类: 其他 发布时间: 10-09 11:53 阅读次数: 0