- 博客(25)
- 收藏
- 关注
原创 移动端table固定头部和左侧栏
使用stick实现stick实现是可以实现的,但是问题在于移动端的ios 会滚出去边界的时候有回弹效果,就很操蛋我看简书上有人尝试了挺多种方法去解决,但是效果并不好https://www.jianshu.com/p/6863ae08c76c有人可能会说直接用wekit-overflow-scrolling 配置解决就好了鸭以前还是可以这样去设置的,但是我查阅了很多的资料在ios13的版本之后就不再支持这个属性配置那到底如何解决呢,我们先来分析一下为什么ios会产生回弹效果.box-c
2022-02-21 10:54:54 2333 11
原创 Codemirror在Vue里面使用
codemirror首先先安装好依赖包npm install codemirroryarn add codemirror引入性对应的依赖包import 'codemirror/theme/ambiance.css';import 'codemirror/lib/codemirror.css';import 'codemirror/addon/hint/show-hint.css';const CodeMirror = require('codemirror');require('cod
2021-04-19 17:30:31 8331 18
原创 vscode Vue ts 自定义模板
vscode Vue ts 自定义模板首先打开vscode选择用户片段选择vue.json{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be ex
2021-03-15 19:20:56 1054 2
原创 小程序自定义组件slot的使用
小程序自定义组件slot的使用在自定义的组件中使用插槽slot自定义组件<view class="contant"> <view class="title-box">标题1</view> <slot class="contant-box
2018-11-14 17:34:30 15117 6
原创 webpack插件开发
记一次webpack插件开发需求背景,由于public里面包含另外一个项目,每次项目里面的index.html 都被缓存在客户端造成所以使用一个插件改造打包后路径,并修改文件md5开始编写插件新建一个puglin文件,放在哪里无所谓,只要你能找到就可以了class SetScriptMD5Plugin { // apply 函数 compiler-联系webpack 过程中的上下文 apply(compiler) { }}module.exports
2021-10-14 16:48:08 1409
原创 AMD和COMMONJS
ESMODULE静态引入(要用什么一开始就要想好)例子 import a from ‘a’if(ture){ import a from 'a'} else { import b from 'b'}上述不可以这样判断(无效)优点webpack,做代码的预分析,(依赖拓扑),如果是commonJS就会AMD动态引入(依赖前置)require([module], callback);require(['math'], function (math) { math.
2021-03-22 09:58:27 742 2
原创 什么是call和apply
什么是call和applycall 和 apply 的定义都是使用改变函数调用的this对象和普通函数传参一下,只不过是新增了一个this对象参数在第一位,传入的this对象可以改变函数实例本身的this对象,以至于函数使用的多样性bind 功能类似,只不过是在调用的时候返回的是一个函数对象,该对象是可以传入参数的简单来说就是call 或者apply 的在一层封装,以至于一个对象可以直接作函数使用var foo = {value: 1}function bar() {console.log
2020-06-05 20:09:05 298
原创 webpack是什么
webpack是模块化管理工具,使用webpack可以对模块进行压缩,预处理,按需加载,按需打包插件化:webpack本身就粉肠灵活,提供了很多插件接口,基于这些接口,webpack开发了很多插件座位内置功能**速度快:**webpack使用异步以及多级缓存机制,所以webpack速度是很快的,尤其是增量更新**丰富的Loaders:**loaders 用来对文件做预处理,这样webpack...
2020-03-11 17:38:07 264
原创 面向对象和面向过程理解
面向对象和面向过程面向对象面向对象是一种以事物为中心的编程思想,是把构成问题的事物分解成各个对象,简历对象的目的不是为了完成某一个步骤,而是为了描述某个事物在整个解决问题的步骤中行为面向过程面向过程适合于一个人的小量工作,而面向对象更侧重于团队合作,需要更多人完成大量的面向对象三大特征:封装,继承,多态对象:对象是人们要进行研究的事物类:有形同特性和行为的对象的抽象为一个类封装:...
2020-03-04 17:02:42 246
原创 事件委托
事件委托什么叫事件委托,事件委托就是通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件JS事件流(1)冒泡 冒泡时间大家也一定十分熟悉了,当某一个子元素的绑定的事件被触发了之后,会继续向着父节点触发同类事件(2)捕获 顺序相反,由下到上触发使用场...
2020-01-24 20:43:17 175
原创 echarts 世界地图
echarts 全球地图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FpHPOvSM-1579427471916)(C:\Users\yejiancong\AppData\Roaming\Typora\typora-user-images\image-20200119174903690.png)]这个是根据echarts社区上面改造的,不过上面没有贴上源码我...
2020-01-19 17:51:31 395
原创 保证所有Promise成功
var tastA = new Promise((resolve, reject) => { setTimeout(() => { resolve('成功A') }, 5000) }) var tastB = new Promise((resolve, reject) => { setTimeout(() => { ...
2019-11-26 21:27:46 561
原创 H5移动端远程调试
前端分享-H5移动端调试背景H5页面在PC上调试起来很方便,但是在手机上却很麻烦,此时移动端就像一个黑匣子,查看或修改DOM、CSS,localStore等变的很困难。这个时候远程调试就孕育而生了。weinre什么是weinreWeinre是单词缩写,全称是网页远程审查(Web Inspector Remote)weinre能做什么对应上面的菜单,weinre有5大功能Ele...
2019-08-25 00:33:08 877 1
原创 Vue模块化管理
Vue模块化管理一般vue文件:<!-- 渲染模板 --><template> <div></div></template><!-- 脚本执行代码 --><script> export default{ name:'', data(){ r...
2019-05-14 18:58:53 5714
原创 点击复制文字
点击复制文字老规矩先放传送门url:https://github.com/zenorocha/clipboard.js上面这一个是剪切板组件贴上我的vue demo<template> <div class="home"> <!-- Trigger --> <button class="btn_copy" @click="...
2019-04-29 20:53:35 1186 1
原创 小程序直播流
小程序直播流前端页面组件live-player(直播客户端组件)<live-player src="https://domain/pull_stream" mode="RTC" autoplay bindstatechange="statechange" binderror="error" style="width: 300px; height: 225px;...
2019-04-11 14:59:42 1984
原创 微信小程序学习(持续更新)
微信小程序学习(持续更新)wx.login()这个接口需要是开发出才会返回参数如果没有关注连complete这个函数都不会调用不要误以为是网络问题
2019-03-20 13:39:14 387
原创 Vue 开发学习(持续更新)
Vue 开发学习(持续更新)全局函数配置全局组件引入在app.js 下面注册组件import User from ‘./components/Users’注册Vue.components(“users”,Users)类似这样// 组件引入import ToastTitle from "./components/toastTitle/index";import Vue from...
2019-03-13 15:29:25 308
原创 Vue 跨域的那些事,持续更新
Vue 跨域的那些事,持续更新跨域问题,通常都是后端和前端的互相甩锅原由就是因为同源机制本地开发环境当使用vue本地开发的时候,可以使用proxy配置去解决跨域问题,当然后端也是需要配合打开跨域配置的线上环境线上环境如果是前后端都放在一个域名是没问题的Vue项目通常会使用axios,去请求参数,但是如果是不同域名呢,就会发生一些微妙的事情了首先axios的配置需要更改baseU...
2019-03-08 11:56:24 262
原创 Vue使用腾讯地图
腾讯地图在vue上面使用url:https://lbs.qq.com/javascript_v2/上面是腾讯地图的传送门准备步骤首先去注册一个账户,获取一个KEY,这个KEY 是腾讯那边提供的,等等再下面代码会用到使用步骤在vue项目的public 下,找到index.html 文件在head头部加入代码<script charset="utf-8" src="http...
2019-03-04 11:58:06 5245
原创 Vue input 最大输入长度不生效
Vue IOS input 最大输入长度不生效 <div class="input_view"> <input type="number" v-model="mobile" maxlength="11" class="input" ></div
2019-02-26 11:34:51 4746
原创 vue-cli 3.0 上线部署
上线部署vue. config.jsmodule.exports = { devServer: { // 设置主机地址 host: 'localhost', // 本地端口配置 // 设置默认端口 port: 9000, // 本地端口配置 // 设置代理 proxy: { ...
2019-01-07 14:22:56 1151
原创 小程序截图组件(轻量级)
小程序截图组件(轻量级)展示传送门https://github.com/qq894617385/congUIshowcongUI 传送门https://github.com/qq894617385/congUI.git截图功能还待优化截图组件为pictureCut,使用方法和小程序的官方文档组件使用方法一样...
2018-12-01 16:44:58 4722 2
原创 小程序组件.active引用变量【已解决】
最近在开发小程序的个人组件,想封装一个button的小组件方便以后自己用.想做那种点下去,背景色会有个动画效果的那种主要问题众所周知,小程序的.wxss文件并不能直接,直接传入变量那么我们如果要通过JS来修改CSS里面的值怎么办呢?没错,在标签的style直接绑定变量,例如 &amp;amp;lt;view styel=&amp;quot;backgroud-color:{{变量}}&amp;quot;&amp;amp;gt
2018-11-08 15:48:44 2121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人