- 博客(49)
- 收藏
- 关注
RSS订阅原创 webpack笔记
6.babel是什么？,开发中的ES6和TS浏览器不能识别，所以需要babel帮我们语法转换，源代码转换，Polyfill实现目标缓解的功能。// 把环境变量放到node的process。和postcss一样可以直接使用，postcss src/word.css -o css/demo.css。31，loader的执行顺序从后往前，原理：1,2,3存到pitch-loader的时候，从上往下执行，我们可以通过一个webpack官方提供的一个解析库 loader-utils，安装对应的库。
2024-01-21 14:05:22
573
原创 webpack如何处理浏览器的样式兼容问题postcss
webpack处理浏览器的兼容问题，postcss，postcss-preset-env，postcss-loader
2023-11-29 10:49:58
324
原创 Vue3封装全局插件
定义一个index.vue文件loading....loading {第二步给dom元素添加，控制显示的开关和方法，然后通过defineExpose暴露出去isShow,show,hide})
2023-11-21 20:27:44
352
原创 Vue3的异步组件使用
通过defineAsyncComponent引入组件，使用Suspense渲染。Suspense有两个插槽，一个default一个fallback。子组件user.vue。
2023-11-20 21:34:20
87
原创 TS的class 继承 类型约束
使用关键字 implements 后面跟interface的名字多个用逗号隔开init(){抽象类 只能定义不能实现 继承了抽象类就必须实现定义的抽象方法b1.print()
2023-11-19 13:11:26
335
原创 apply,call,bind的三者异同
var name = 'join' var user = { name: 'Tom' } function helloPeople(age,work) { console.log('I am ' + this.name + ',' + age + 'year ' + work) } helloPeople('cqs1997', '前端开发')//I am jo...
2023-11-19 11:39:38
139
1
原创 typeScript的类型等级
1.首先安装typeScript2.方便学习安装一个@types/node方便编译ts可以直接使用命令 ts-node index.ts准备工作完成！！！
2023-11-01 23:22:28
148
原创 css选择器，布局，BFC
4、给元素添加display属性---display: inline-block, flex, inline-flex, table-cell，table-caption;每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。5、给元素添加overflow属性----overflow: hidden，auto，scroll(除了visible);1、给元素添加浮动，浮动元素就具有BFC特性---float: left/right;
2023-11-01 22:58:18
102
原创 tinymce-vue的自定义组件，实现多图上传
1.首先安装依赖npm install tinymce-vuenpm install tinymce2.组件中引入tinymce-vueimport Editor from 'tinymce-vue'3.初始化tinymce { selector: '#tinymce', media_live_embeds: false, lang
2021-02-03 19:57:28
1748
1
原创 修改tinymce默认字体和字号
setup: function (editor) { editor.on('init', function (e) { this.getBody().style.fontSize = '14pt'; this.getBody().style.fontFamily = '微软雅黑'; });}
2020-10-09 09:42:43
2593
4
原创 关于微信小程序支付的记录
一.微信小程序支付首先通过微信的登陆接口获取临时codewx.login({ success: res => { console.log(res.code) }}）2.通过微信的auth.code2Session接口传入login获取的code交换用户的openId wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessi
2020-07-01 14:08:54
1001
1
原创 文件流下载数据
fetch(Vue.prototype.baseUrl + urls, { method: 'POST', headers: { 'Content-Type': 'text/plain', 'token': JSON.parse(sessionStorage.getItem('ms_username')).token }}) .t...
2019-06-03 14:18:36
278
原创 删除数组的多个元素
问题：img.forEach()删除多个元素会出现删除元素错位解决：方向循环for(var i=img.length-1; i >= 0; i--) { let x = i; if(img[x].getAttribute('src') == 'img/选中.png') { car_box.removeCh...
2018-07-18 17:37:15
238
原创 解决页面加载轮播图下面的内容抖动问题
页面开始加载时，如果网络慢，图片加载会很慢，这是它盒子的高度并没有所以下面的内容会上移，当你的图片加载出来以后，刚刚的内容会下移从而出现抖动问题解决：给图片的盒子加一个初始值，当图片加载出来时，超出部分再隐藏 overflow: hidden width: 100% height: 0 padding-bottom: 30% （图片的高度大概）...
2018-07-13 11:39:18
2894
原创 移动端300毫秒延迟
npm 安装fastclicknpm install fastclick --savemain.js引入import fastClick from 'fastclick'调用fastClick.attach(document.body)解决问题
2018-07-11 21:04:49
384
原创 Vue路由跳转传值
实现效果从index/app 跳转到 index/search?text='123'，在search组件中获取app传的text值，然后渲染到输入框中。开始使用：created() { this.searchText= this.$route.query.text;},成功获取到值，以为结束了……返回到index/app的时候，再次跳转回search组件发现text没有更新问题：组件创建...
2018-07-08 17:27:46
560
原创 微信小程序的总结
微信小程序和Vue的思想极其相似，可以相互比较学习本地存储数据：var userName = wx.setStorageSync('username', 'root');//在本地存储username的值rootvar userName = wx.getStorageSync('userName');//获取本地username的值wx.removeStorageSync('username');...
2018-04-23 20:57:15
323
1
原创 正则表达式的示例
1.千分位分隔符10000=>10,000function thousands(num){ num = num.toString(); //将输入的数字转换为字符串 if(/^-?\d+\.?\d+$/.test(num)){ //判断输入内容是否为数字 if(/^-?\d+$/.test(num...
2018-03-11 20:01:40
246
原创 html-border实现小三角的巧妙实现
span {width:0;height:0;overflow:hidden;border:7px solid transparent;border-top-color:#2DCB70;//top就是倒三角，bottom就是上三角，left,right类似}
2017-12-18 21:27:14
5550
原创 js拼接字符串时转义字符的妙用
onclick="demoTop("字符串"，this)"js拼接的方式：onclick='demoTop(""+data.data[i].id+"",this)'
2017-11-24 18:02:59
1998
原创 利用window.location.href传值时，中文编码出现乱码问题？
原来的数据为：公司动态var title= window.location.href;得到的数据为：%E7%A4%BE%E4%BC%9A%E6%96%B0%E9%97%BB原本的中文变成了乱码这个时候可以使用var title= decodeURI(window.location.href);这个时候就变成了公司动态
2017-10-21 16:57:52
3999
原创 scss编译时添加中文注释报错error scss/style.scss (Line 51: Invalid GBK character "\xE6")
在scss文件开头添加一句@charset "utf-8";
2017-08-12 16:13:45
1496
原创 混合宏 VS 继承 VS 占位符
混合宏：缺点：他不会自动合并相同的样式代码，如果在样式文件中调用同一个混合宏，会产生多个对应的样式代码，造成代码的冗余。优点：不过他并不是一无事处，他可以传参数。如果你的代码块中涉及到变量，建议使用混合宏来创建相同的代码块。继承：缺点：继承是首先有一个基类存在，不管调用与不调用，基类的样式都将会出现在编译出来的 CSS 代码中，但是他不能传变量参数。优点：使用继承后，编译出
2017-08-09 10:10:44
379
原创 sass 的继承
在 Sass 中是通过关键词 “@extend”来继承已存在的类样式块，从而实现代码的继承。.btn { border: 1px solid #ccc; padding: 6px 10px; font-size: 14px;}.btn-primary { background-color: #f36; color: #fff; @extend .btn;}.
2017-08-09 09:52:49
1235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人