前端
文章平均质量分 52
twinkle_J
这个作者很懒,什么都没留下…
展开
-
当swiper碰到ajax
$.ajax({ url: "", dataType : "json", success: function (obr) { console.log(obr); var list = obr.data; $.each(list, function (n, obj) { ...原创 2018-05-26 11:16:24 · 1910 阅读 · 0 评论 -
vue中的作用域插槽(slot)
<body> <div id="root"> <child> <template slot-scope="props"> <h1>{{props.item}}</h1> </templa原创 2018-07-19 15:12:35 · 760 阅读 · 0 评论 -
动态组件与v-once指令
<body> <div id="root"> <!-- 动态组件 --> <!-- <component :is="type"></component> --> <child-one v-if="type ===原创 2018-07-19 15:33:17 · 174 阅读 · 0 评论 -
html元素样式的overflow属性对其before、after伪元素的影响
/* 内容会被修剪,并且其余内容不可见 */overflow: hidden;/* 内容会被修剪,浏览器会显示滚动条以便查看其余内容 */overflow: scroll;::before,::after 会为当前元素创建一个子元素作为伪元素。常通过 content 属性来为一个元素添加修饰性的内容。 此元素默认为行内元素。因为scroll使得ul的内容被裁剪了,于是作为子元素的befor...原创 2018-07-07 15:41:40 · 1347 阅读 · 0 评论 -
vue中css的动画原理
<style> .fade-enter{ opacity:0; } .fade-enter-active{ transition: opacity 4s; } .fade-leave-to{ opacity:0; } ...原创 2018-07-20 12:59:56 · 306 阅读 · 0 评论 -
git本地项目代码上传至码云远程仓库总结
git基本使用小结之前公司的版本控制工具一直用的是svn,最近要改用git,之前用svn一直很熟,没用过git,顺应公司形势学习一下最基本的使用,避免正式切换后影响项目进度。下载、安装都很简单,网上有很多资源,选个最新版本下载一下,安装。安装成功后,会在开始菜单中出现这几个东西: 如果你的本机是安装成功第一次使用,先配置一下一些基本的信息$ git config--gl...转载 2018-07-21 13:14:17 · 461 阅读 · 0 评论 -
多页应用VS单页应用
多页应用:页面跳转 => 返回HTML优点:首屏时间快,seo效果好缺点:页面切换慢单页应用:页面跳转 => JS渲染优点:页面切换快缺点:首屏事件稍慢,seo效果差 ...原创 2018-07-21 14:24:27 · 378 阅读 · 0 评论 -
gitlab基本的命令
1) 远程仓库相关命令检出仓库:$ git clone git://github.com/jquery/jquery.git查看远程仓库:$ git remote -v添加远程仓库:$ git remote add [name] [url]删除远程仓库:$ git remote rm [name]修改远程仓库:$ git remote set-url --push[name][...转载 2018-08-04 11:07:07 · 351 阅读 · 0 评论 -
人脸检测,身份证扫描调三方接口获取图片base64路径转file,存入数据库(Vue)
<template><div class="PersonInfoAuthPage"><Header headerTitle="个人信息认证"/><p class="msg">识别内容必须清晰可见<i>*</i></p><div原创 2018-09-01 14:00:23 · 2478 阅读 · 0 评论 -
vue路由传参及区别
1、用法A、query要用path来引入,接收参数都是this.$route.query.name。B、params要用name来引入,接收参数都是this.$route.params.name。2、效果A、query类似于ajax中get传参,即在浏览器地址栏中显示参数。B、params则类似于post,即在浏览器地址栏中不显示参数。query与params的区别1....转载 2018-09-05 10:38:10 · 738 阅读 · 0 评论 -
ES6 Promise 和 Async/await的使用
你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Jav...转载 2018-09-06 10:49:39 · 717 阅读 · 0 评论 -
前端大神博客收集大全
中文博客名称 活跃度 原创度 维护者 其他 W3Cplus ★★★★★ ★★★★★ 携程 @大漠 国内最优秀的前端博客,原创居多 前端观察 ★★★★☆ ★★★★☆ 腾讯 ISUX @神飞 曾经最优秀,最近更新不频繁了 腾讯web前端 AlloyTeam 团队 ★★★★ ★★★★ @腾讯Allo...转载 2018-09-07 17:38:43 · 3615 阅读 · 2 评论 -
vue插槽使用与具名插槽使用(slot)
<body> <div id="root"> <body-content> <!-- 单个插槽的使用 --> <h1>dell</h1> <!-- 多个插槽也叫具名插槽 -->原创 2018-07-19 14:58:36 · 2093 阅读 · 0 评论 -
非父子组件传值(Bus/总线/发布订阅者模式/观察者模式)
<body> <div id="root"> <child content="Dell"></child> <child content="Lee"></child> </div> <s原创 2018-07-18 14:10:37 · 231 阅读 · 0 评论 -
前端规范
命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news ...原创 2018-05-22 16:12:11 · 188 阅读 · 0 评论 -
即时通讯之融云连接状态监听器提示网络不可用错误
// 设置连接监听状态 ( status 标识当前连接状态 ) // 连接状态监听器 RongIMClient.setConnectionStatusListener({ onChanged: function (status) { switch (status) { case RongIMLib.ConnectionStatus.CONNECTED: ...原创 2018-05-23 10:22:39 · 2782 阅读 · 1 评论 -
jquery被遗弃的函数以及代替的函数
1: 弃用函数:.live() 被弃版本:jQuery-1.9以上 替代函数:.on()2: 弃用函数:.die() 被弃版本:jQuery-1.9以上 替代函数:.off()3:弃用函数:.size() 被弃版本:jQuery-1.8以上 替代函数:.length4:弃用函数:.toggle() 被弃版本:jQuery-1.8以上 替代函数:$...原创 2018-06-14 10:22:33 · 651 阅读 · 0 评论 -
商品列表筛选功能(完整功能)
html:<div class="product-list-main"> <ul class="product-list-wrap" id="ul_select"> <li class="select-result"> <dl id="dl_result" class="clearfix"&a原创 2018-06-08 15:53:15 · 6316 阅读 · 0 评论 -
关于API 下载 打开之后出现空白页面
我们打开一个后缀名为.chm的文档时,会出现如下的现象.点击每一个目录都是这样的,这是因为文档的权限问题,文档未解锁造成的所以需要在属性里面解除锁定...原创 2018-06-25 09:09:54 · 1400 阅读 · 1 评论 -
组件之间的细节一(Vue)
<div id="root"> <table> <tbody> <!-- 错误的写法 --> <!-- <row></row>原创 2018-07-17 14:36:19 · 150 阅读 · 0 评论 -
vue的ref引用 使用方法
<div id="app"> <counter ref="one" @change="handleChange"></counter> <counter ref="two" @change="handleChange"></counter>原创 2018-07-17 14:51:48 · 1330 阅读 · 0 评论 -
Vue父子组件传值(单向数据流)
<div id="app"> <counter :count="2" @change="handleChange"></counter> <counter :count="6" @change="handleChange"></counter&g原创 2018-07-17 16:28:35 · 402 阅读 · 0 评论 -
组件参数的校验和非Prop特性(Vue)
<body> <div id="root"> <child content="hello world"></child> </div> <script> Vue.component("child",{ p原创 2018-07-18 09:34:19 · 355 阅读 · 0 评论 -
给组件绑定原生事件加native修饰符(Vue)
<body> <div id="root"> <child @click.native="handleClick"></child> </div> <script> Vue.component("child",{原创 2018-07-18 09:59:12 · 801 阅读 · 0 评论 -
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理
前言见解有限,如有描述不当之处,请帮忙及时指出,如有错误,会及时修正。----------超长文+多图预警,需要花费不少时间。----------如果看完本文后,还对进程线程傻傻分不清,不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我,一定是我写的还不够清晰,我来改。。。----------正文开始----------最近发现有不少介绍JS单线...转载 2018-11-27 11:54:45 · 249 阅读 · 0 评论