微信小程序选项卡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 查看文件状态...
今日推荐
周排行