微信小程序选项卡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>
微信小程序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="{{
Vue中scoped样式穿透 修改第三方框架样式
相信很多小伙伴在开发中都遇到过,使用框架开发,但是有地的放的样式跟设计图不一样的时候,那么我们如何修改框架的样式呢?1、什么是scoped?它的作用是什么?在vue组件样式中使用scoped,相当于将样式私有化,即样式只用于与当前组件。通过该属性,可以使得组件之间的样式不互相污染。2、为什么需要穿透scoped?一般项目中会引用了第三方组件,需要根据需求在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。就需要样式穿透啦第一种:全局样式表进行样式覆盖
十道必须要理解的javascript面试题
this关键字(指向)1.谁调用指向谁2.自己调用指向window3.当函数作为构造函数的时候 this指向构造函数实例4.call/apply/bind 强制改变this指向事件模型:事件委托、代理?如何让事件先冒泡后捕获又叫事件代理,利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 先冒泡后捕获 给一个元素绑定两个addEventListener,其中一个第三个参数设置为false(即冒泡),另一个第三个参数设置为tr...
javascript文档碎片
概念:JavaScript中,文档碎片独立于DOM树之外,存在于内存中,在创建之初为一个空白的文档片段,我们可以使用createDocumentFragment来创建作用:将需要添加的大量元素 先添加到文档碎片 中,再将文档碎片添加到需要插入的位置,大大减少dom操作,提高性能。简单示例://创建100个li,只操作一次dom<body> <ul id="ul"></ul> <script type="text/javascri
HTTP与HTTPS的区别小结
1、HTTP是超文本传输协议,信息是明文传输,HTTPS是具有安全性的SSL加密传输协议。2、HTTPS协议需要ca申请证书,一般免费证书少,因而需要一定费用。3、HTTP和HTTPS使用的是完全不同的连接方式,用的端口也不一样。前者是80,后者是443。4、HTTP连接是无状态的,HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,安全性高于HTTP协议。...
一个项目,同时要适配移动端和pc端,你会怎么做
一般情况下:1.首先使用flex布局,把页面元素都转换成弹性盒子,2.然后通过rem去做页面细节适配.3.接着根据用户在浏览器端和手机端的屏幕大小不同使用媒体查询.根据不同的屏幕宽度做不同的样式布局展示...
vue2组件的书写方法
<template> <div> //页面基本布局 </div></template><script>export default {components: { },//导入的子组件要在此注册 name: '',//当前组件的名字 data() { return {};//可以定义数据及变量 }, mounted() {},//页面初始化显示数据调用 methods: {},//存放方法.
vue 强制更新视图(视图不跟新的解决方案)
方案一:this.$set(this.obj,'key','value') //把数据放进去方案二:利用Object.assign({},this.obj)创建新对象方案三:this.$forceUpdate(); //可以直接使用**这个是强制更新 但不推荐使用调用强制更新方法this.$forceUpdate()会更新视图和数据,触发updated生命周期。...
window.location.href打开新窗口
window.location.href="URL"; 表示重新定向到新页面,同时刷新打开的这个页面;例子:window.location.href="http://www.baidu.com"//也可以直接放接口window.open("URL",'top'); 只是表示打开这个页面,并不是打开并刷新页面;...
Element-ui 设置弹窗取消关闭
在main.js中配置如下代码即可ElementUI.Dialog.props.closeOnClickModal.default = false; Vue.use(ElementUI)
el-input 禁止输入特殊字符
<el-input size="small" v-model="city" placeholder="请输入" @blur="addCity(scope.$index)" @keyup.native="btKeyUp" @keydown.native="btKeyDown"></el-input>
javascript短路运算
普通写法 我们根据另一个值来设置一个值不是falsy值,一般会使用if-else语句,就像这样: getList(Frazier){ let lcStr; if(Frazier){ lcStr = Frazier }else{ lcStr = 'Tom' } return lcStr }, console.log(this.getList('Frazier'));//Fr...
vue项目中遇到的难点
input中type为number时 max-length 失效 解决:input type="tel" vue组件中click事件失效 解决:使用了bette-scroll插件做滚动。加.native也不好使,发现better-scroll的配置中没有设置 click:true,设置过之后click事件成功。 不同商品页,id变化,商品不变 监听$route变化,然后获取id重新去取数据。 修改完数据点击提交后,数据变了 页面数据没有更新 原因:因为v...
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,.
GitLab开发分支提交代码命令
首先查看是否在开发分支,查看分支 git branchgit branch -a查看项目所有分支如果不是,切换分支 git checkout -b切换分支git pull 拉取代码git add . 提交所有文件至暂存区git commit -m "注释" 向仓库提交代码 |将暂存区的内容提交至本地git仓库git push 提交文件至远程仓库git status 查看文件状态...
今日推荐
周排行