- 博客(111)
- 收藏
- 关注
RSS订阅原创 Sciter的事件处理汇总
3)element.on(eventname,function(event){})//和第一种处理相似，可以通过事件来订阅，类似于捕获事件。※※※允许定义来自组件子元素的事件处理程序。该组件可以提供处理事件的方法，而无需向单个子级添加处理程序。※※※为了订阅某一个事件，必须有可用的DOM元素实例才能将处理程序附加到它。※※※为了解决大量相似元素，（一个一个的添加会占用内存和CPU周期）3、类/组件事件处理程序。1、特定元素的事件处理。2、组事件处理程序。...
2022-07-20 22:16:46
679
2
原创 vue3中provide/inject的使用 跨级组件通讯
使用provide 用于顶层组件inject 用于底层组件* 不能在方法中接收参数function event() {}const param = reactive({event,str:'字符串'})provide('communication',param)inject('communication')顶层组件可以向下传事件/参数等底层组件可以通过接收的事件来触发顶层组件中的事件demo嵌套层级Root└─ TodoList ├─ TodoItem └─ T
2021-11-25 11:37:31
744
原创 解决el-table设置了fixed固定列导致的滚动条无法拖动问题
el-table中的el-table-column提供了一个fixed属性设置固定列，但是设置了之后发现表格的滚动条无法拖动了，通过F12定位到页面元素发现是滚动条被固定列生成的元素给覆盖了，于是想办法通过修改样式的方式解决问题<style lang="scss" scoped> .el-table { .el-table__fixed { // 左固定列 height: auto !important; bottom: 18px; // 改为自动高度后.
2021-11-11 20:39:28
3014
1
原创 el-dialog嵌套el-dialog问题
⼀定要⽗级 el-dialog :modal-append-to-body=“false”⼦级 el-dialog 同时加上 :append-to-body=“true”含义：modal-append-to-body 遮罩层是否插⼊⾄ body 元素上，若为 false，则遮罩层会插⼊⾄ Dialog的⽗元素上append-to-body Dialog ⾃身是否插⼊⾄ body 元素上。嵌套的 Dialog 必须指定定该属性并赋值为true...
2021-10-28 11:28:39
3954
2
原创 canvas绘制验证码
1.创建dentify.vue验证码组件<!-- * @Descripttion: 说明 * @version: v1.0.0 * @Author: * @Date: 2021-08-03 15:13:13 * @LastEditors: Please set LastEditors * @LastEditTime: 2021-08-04 16:01:09--><template> <div class="s-canvas"> <c.
2021-08-05 15:51:23
151
原创 uniapp安装后提示HBuilderX 2.8.12 或对应的cli版本编译与手机端SDK版本不匹配，原因及解决方案
出现提示的原因1、HBuilderX版本很老，或cli编译器一直没升级，而云打包服务器已经升级，此时编译环境版本低，而运行环境版本高，就会报错。2、使用老版HBuilderX打包了App后，后来使用新版HBuilderX或新版cli制作了wgt升级包。此时编译环境会高于运行环境，也会报错。3、使用了cli或自定义基座或本地打包，虽然HBuilderX升级了，但这些配套并没有手动升级，也是报错。4、如果HBuilderX版本高于SDK版本，有可能是HBuilderX在升级时出现问题，手机端基座没有.
2021-05-28 21:39:40
4384
原创 API fatal error handler returned after process out of memory
报错API fatal error handler returned after process out of memory，导致项目起不来原因分析：进程内存不足后返回致命错误处理程序出现原因：打开应用过多、电脑老旧解决办法：关闭应用重启、换个电脑（我属于后者）参考https://blog.youkuaiyun.com/soulwyb/article/details/106205094...
2020-12-16 19:52:41
1818
3
原创 http-server localhost 发送的响应无效
问题 ：使用http-server时 localhost 发送的响应无效原因 与http-server 版本有关解决方案1.卸载http-servernpm uninstall -g http-server2.安装0.9.0版本npm install -g http-server@0.9.03.重启服务亲测有用https://www.pianshen.com/article/19771272447/...
2020-12-16 08:54:40
13129
原创 解决bug node_modules/_jest-diff@26.6.2@jest-diff/build/diffLines.d.ts(8,13): ‘=‘ expected. TS1005
问题重现：解决方案：将package.json中的 typescript版本升级到 >= 3.8.0 就可以解决cnpm i typescript@3.9.7参考连接https://stackoverflow.com/questions/61783437/react-typescript-error-on-build-in-node-modules-jest-diff-build-difflines-d-ts...
2020-12-09 12:05:46
880
原创 uniApp中 nvue和vue开发 小结
最近接手uniapp开发，对遇到的问题进行总结。什么是nvuenvue(native vue) : 原生渲染为何要用nvue开发weex ，有个很大的问题是它只是一个高性能的渲染器，没有足够的API能力（比如各种push sdk集成、蓝牙等能力调用），使得开发时非常依赖原生工程师协作，开发者本来想节约成本，结果需要前端、iOS、Android 3拨人开发，适得其反。 nvue 解决了这个问题，让前端工程师可以直接开发完整 App，并提供丰富的插件生态和云打包。这些组合方案，帮助开发者切实的
2020-12-06 22:50:21
8310
原创 csdn开发助手 Chrome插件 网址 及使用方法
点击下载提升：键盘按字母O，在万能框输入『help』可查看全部神奇的彩蛋口令代码！任意网页下，键盘按字母『o』，在弹出的万能框中，输不同的短口令，即可实现一键JSON转换 、一键转换二维码、一键翻译等，高效彩蛋技能不断更新中，高效解决开发问题。即日起，安装该插件新用户，可永久去优快云站内广告键盘按下 “b” : 仅搜索书签 ；键盘按下 shift+“t” ，切换标签页...
2020-12-03 08:51:08
371
原创 解决 uniapp 返回方向方向不一致问题
最近接手了uniapp开发，遇到了一个返回方向不一致的bug、有的往左边过渡，有的往右边过渡，找了一下原因页面生命周期中有一个监听页面返回的钩子 onBackPress用它进行了拦截并且用路由push的方法返回到了上一个页面，导致的建议用uni.navigateBack 就ok了（在我的项目中遇到的问题）...
2020-12-02 22:44:07
809
原创 uniApp路由使用及注意事项
uni.navigateTo( OBJECT) 保留当前页面，跳转到应用内的某个页面，使用 uni.navigateBack 可以返回到原来页面 注意： 页面跳转路径有层级限制，不能无限跳转新页面 跳转到 tabBar 页面只能使用 switchTab 跳转 不能在 App.vue 文件里进行页面跳转 路由API的目标页面必须是在 pages.json 里注册的vue页面。如果想打开 web url，在APP平台可以使用 plus.runtime.openURL .
2020-11-29 22:39:13
2726
原创 sass变量使用 vue中全局引用sass变量 sass-resources-loader webpack配置
温故而知新SASS允许一个选择器，继承另一个选择器。@extend .class1 { border: 1px solid #ddd; }class2要继承class1，就要使用@extend命令： .class2 { @extend .class1; font-size:120%; }mixin@mixin left { float: left; margin-left: 10px; }使用@include命令，调用
2020-09-23 20:53:31
1480
原创 ts笔记 --- 命名空间
用 namespace声明，命名空间和模块不要混用、最好在全局中使用namespace Shape { export function square(x: number){ // export 令其可以全局调用 return x * x; } } Shape.square(1) // 三斜线指令 <reference path="相对路径" /> 用来引进命名空间的文件命名空间命名叠名import cricle = Shape.cricle;命名空.
2020-09-14 23:30:29
269
原创 typeScript笔记 --- 高级类型
映射类型interface Obj { a: string; b: number; c: boolean; } 同态类型 只能映射存在的type ReadonlyObj = Readonly<Obj> // 只读 type PartialObj = Partial<Obj> // 接口所有的属性变成可选的type PickObj = Pick<obj,'a'|'b'> // 要抽取的接口的key 非同态类型 开定义新的属性t
2020-09-13 23:11:46
234
原创 ts笔记 --- 类型检查机制
类型检查机制： TypeScript 编译器在做类型检查时，所秉承的一些原则，以及表现出的一些行为。 作用：辅助开发，提高开发效率类型推断不需要指定变量的类型（函数的返回值类型），ts可以根据某些规则自动地为其推断出一个类型基础类型推断 场景一、根据右边的值推断左边的类型 let a = 1; //推断出为number类型 let b = []; // 为数组 值为any类型 let e = [1, null] // 为数字和null的联合类型 let c = (x
2020-09-06 22:43:15
861
转载 代码控制浏览器全屏
全屏 var docElm = document.documentElement; //W3C if(docElm.requestFullscreen) { docElm.requestFullscreen(); } //FireFox else if(docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } //Chrome等 else
2020-08-20 21:47:36
419
原创 解决 Chrome浏览器无法保存本地项目 cookie
在浏览器地址栏里输入：chrome://flags/搜索same-site如图所示 将前两项 禁用 即可哎，明天过生日，今天还被打击了。单身怎么了、真是的
2020-08-12 22:43:43
2957
3
原创 手写call()方法
需要了解的知识点 symbol 这是一种新的基础数据类型 ES6引入的新特性 应用场景： 1、使用Symbol来作为对象属性名(key) 2、使用Symbol来替代常量 3、使用Symbol定义类的私有属性/方法 参考博客 https://www.jianshu.com/p/f40a77bbd74e基础版 Function.prototype.myCall.myCall = function (context,...arg){ const fn = Symbol('临.
2020-08-11 23:23:27
1719
1
原创 vue 实现 可拖拽 宽度的菜单
用到的知识点一、vue中的自定义指令 directive// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})// 注册局部自定义指令directives: { focus: { // 指令的定义 inserted: function (el) {
2020-07-25 12:45:26
2749
原创 element-ui table中屏幕过小是出现错行问题
这个问题是这个框架本身存在的问题，现在已有解决办法新增doLayout方法用于重新计算 Table 的布局使用方法this.$nextTick(()=>{ // 我是每次更新数据的时候让其调用一次 this.$refs.table.doLayout()})开源中国...
2020-07-19 14:45:02
616
原创 el-input-number默认值为0如何置空？
el-input-number默认值为0如何置空？el-input-number的v-model绑定值不要为 “” , 而应该写为 undefinedcankao https://blog.youkuaiyun.com/qq_31248809/article/details/103761907
2020-07-17 10:28:31
3104
原创 vue中refs的妙用
获取DOM元素，一般用document.querySelector获取这个dom节点，然后在获取input的值但是用ref绑定之后，就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用即可this.$refs.input1 这样可以减少获取DOM节点的消耗 <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</
2020-07-16 20:10:30
426
原创 vue中回填时，下拉框/输入框无法选择或输入
<el-input v-model="student.name"></el-input>export default { data () { return { student:{} } }, methods: { update () { this.student.name='莉莉丝' } }}1.这样虽然可以显示值，但是不能修改原因：vue实列创建的时候 student的属性名并未声明
2020-07-16 20:06:46
1184
原创 vue父组件中调用子组件的方法
vue父组件中调用子组件的方法方案一：通过ref直接调用子组件的方法；//父组件中<template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div></template> <script>import Child from '.
2020-07-16 20:01:07
963
原创 角落里的命令行
创建文件夹 md <folderName> 或 mkdir <folderName> 进入文件夹 cd <folderName> 删除文件夹 rd <folderName> 或 rmdir <folderName> (只能删除空文件夹需要加上 /s/q /s强制删除 /q省略步骤) 创建文件 typ...
2020-03-05 23:06:49
211
2
原创 js中抛出方法的方式
在window上挂载 window.Fun = Fun //不建议使用抛出一个对象 var common = { arrayRule:function(){ }, methodRule:function(){ }, .... } export default common 引入方法 全局引入 import common from '...
2019-12-12 20:58:31
3566
原创 vue中路由跳转 配置
配置 export const routes=[{ path:'', component:()=>import('文件路径'), redirect:''//重定义项, meta:{title:'标签名字',icon:'icon图标名字'}, name:''//在做路由守卫的时候会用到name， children:[{ //同上 }]...
2019-12-12 20:29:57
218
原创 按汉字拼音排序、简单方法
var array = ['西安', '北京', '上海', '天津']; var resultArray = array.sort( function compareFunction(param1, param2) { return param1.localeCompare(param2,"zh"); } ); console.log(resultA...
2019-12-04 21:20:16
386
原创 锚点 两种方法
方法一<a href=”#title-1”>点击跳转到页面中的对应位置</a><div id=”title-1”></div>方法二 <span @click="fun('#title-1')">对应位置</span> fun(selector) { var str= this.$e...
2019-12-04 21:18:43
590
原创 vue.filters() 数据过滤方法
解决的问题 筛选数据用的 // ganjueshifeihua创建过滤器的方式 一、在组件的选项中定义本地过滤器 filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return va...
2019-11-24 17:15:50
2466
原创 vue.$nextTick() 数据更新视图没有更新
解决什么问题一、数据更新、视图没有更新怎么就用 this.$nextTick(()=>{ //把要执行的方法用this.$nextTick包起来})
2019-11-24 16:55:29
1474
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人