- 博客(60)
- 资源 (17)
- 收藏
- 关注
RSS订阅原创 codemirror 代码折叠 codefold indent 可折叠
codemirror 支持代码折叠,js,html,python 等,但是sql 在相同配置下 代码折叠不生效,需要是使用下面配置支持indent-fold,虽然不完全契合sql语法,但能达到一定效果加载内容:// 折叠代码import 'codemirror/addon/fold/foldgutter.css';import 'codemirror/addon/fold/foldcode.js';import 'codemirror/addon/fold/foldgutter.js';
2022-05-13 15:12:39
2666
原创 yarn link 用法
什么是 yarn link？开发中，两个项目或多个项目之间相互依赖时，用yarn link连接， 例如：我们现在有项目B，B中利用npm / yarn 包管理器 引入了 包 A，A是我们自己开发封装的组件，我们修改了组件A的内容，在还没有重新发布组件A 的时候，想要在项目B 中 检查组件A修改的是否正确，这个时候就需要用到yarn link如何使用 yarn link？这里我想说一下，有些人通常用的是npm ，npm和yarn的作用是一样的，只是具体的指令有些许区别 而link的话，直接讲 y.
2022-03-22 09:52:38
1234
原创 ts 深拷贝
type _typeObj = { [anyKey: string]: any }/** * @param copy 深拷贝 * @param _object 如果不传返回为空对象 必须是js的{}对象 * @param _obj 可选 返回传入的@param _object 必须是js的{}对象, */export const copy = (_object: _typeObj, _obj: _typeObj = {}): _typeObj => { if (!(Object.
2022-02-15 10:04:39
2358
原创 vue-router 嵌套路由注意点
注意下面几点：1、 在组件中，我们可以通过 $route.params.id 来获取到user/小明/post 中的小明，这样，我们就可以进行个性化的设置了。2、以 / 开头的嵌套路径会被当做根路径， 这可以让你充分的使用嵌套组件而无需设置嵌套的路径。也就是说： 我们在children下，写path: "profile", 就相当于拼接成了 /user/:id/profile ，当然，我们也可以直接写为 path: "/user/:id/profile" ，最终的结果是一样的，但是我个人认为后者
2021-10-14 14:44:10
307
原创 常用样式收藏
水平垂直居中10种水平垂直居中对齐方式（史上最全） - 简书原文网址：http://yanhaijing.com/css/2018/01/17/horizontal-vertical-center/原文作者：@颜海镜，他的博客http...https://www.jianshu.com/p/907f99004c3e超出自动换行table{ table-layout:fixed;}td{ word-break:break-all; word-wrap:break
2021-09-10 09:34:49
80
原创 vue-cli移除typescript
vue cli添加typescriptvue add typescriptvue cli 移除typescript步骤一：移除npm依赖npm remove @vue/cli-plugin-typescriptnpm remove typescript步骤二：将所有ts文件改为js
2021-08-26 11:08:53
2298
原创 vscode vue+Ts 配置user setting eslint+prettier
{ "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.options": { "plugins": [ "html" ] }, "eslint.validate": [ "javascript", "javascriptreact", "html", .
2021-08-03 10:43:47
273
原创 github 访问慢 mac 配置
在终端中依次输入 1 sudo vim /etc/hosts 2 输入密码 3 按 i 进入编辑模式 ，按ESC退出编辑模式 4 按 ：进入行底 5 输入 q! 回车 是不保存退出， 输入 wq 回车是 保存退出。配置github地址# Github151.101.44.249 github.global.ssl.fastly.net192.30.253.113 github.com103.24...
2021-07-22 10:12:37
224
原创 vue3 调试工具最快安装方案(火狐浏览器)
火狐下打开https://github.com/vuejs/devtools/releases打开最新版本点击后安装,注意:如果安装了老版本要禁用老版本
2021-07-21 16:44:15
777
原创 vue3+vite+ts 安装汇总
vite 使用"vite": "^2.4.0""vue": "^3.0.5"npm run dev 后报错Error: esbuild: Failed to install correctly解决方案参考https://blog.csdn.net/m0_37682004/article/details/115001613执行node node_modules/esbuild/install.jsts添加 参考文档https://cn.vitejs.dev/guide/.
2021-07-14 10:53:06
673
原创 mock 用法
参照链接Vue项目中使用mockjs实现mock模拟数据mockjs官方示例vue-element-admin文档解析mock结合以上vue.config.jsdevServer: { port: port, open: true, overlay: { warnings: false, errors: true }, before: require('./mock/mock-server.js')//启动mock监.
2021-07-08 11:31:26
779
原创 npm 发布笔记
发布时注意使用代理时npm发布要注意恢复官方地址.否则会登录淘宝代理地址步骤如下1、在npm官网（https://www.npmjs.com/）创建自己的帐户；2、新建文件夹取名‘test’；3、打开cmd命令；4、输入npm init，创建package.json；5、恢复代理地址(如未使用淘宝或其他代理可跳过此步骤)npm config set registry https://registry.npmjs.org6、输入npm login；登陆自己的账号，密码，邮箱；7、输入np
2021-07-08 10:03:17
70
原创 npm 代理修改方法
淘宝代理命令临时代理目录临时代理永久代理查看代理命令使用cnpmnpm --registry https://registry.npm.taobao.org install express永久代理npm --registry https://registry.npm.taobao.org install express查看代理命令npm config get registrynpm info express如果需要恢复成原来的官方地址只...
2021-07-08 09:53:25
594
1
原创 vue-cli 打包后,无需重新打包修改ip方法
需求:打包后js文件被压缩,部署时拿到的打包后代码,上线前需要在单独文件修改压缩后代码的ip方法:index 引入 配置ip的js文件,作为变量传递给 baseUrl ,实现一处修改,刷新就用
2021-05-08 17:01:59
726
原创 vue中props 父组件更新子组件更新视图方法
不更新原因:从 props 的 info 传递给 data 的 list ，只有一次操作，就是在 mounted 中，往后即使 props 的 info 发生了变化，data 也接收不到解决:(推荐):computed 重新计算属性 赋值到子组件watch 监听props 变化...
2021-05-06 09:02:38
1055
原创 vue $on 重复触发 解决方案
原理:绑定前先解绑以前的绑定//main.js中添加$bus,使用 this.$bus.$on , this.$bus.$emitVue.prototype.$bus = new Vue()Vue.prototype.addEvent = function (key, fallback) { this.$bus.$off(key); this.$bus.$on(key, fallback);};
2021-04-07 08:27:28
414
原创 js 计算出现问题以及解决方案
计算精度丢失 0.1+0.2 !=0.3原理:https://mp.weixin.qq.com/s/I6uOfr9ybx3-Q4nwdWJvTw方法 四舍五入//number 数字 m 位数var a=function(number,m){return Math.round(Math.pow(10, m) * number) / Math.pow(10, m)}
2021-03-12 09:08:11
985
原创 vue自定义全局方法-获取href指定参数
第一步：创建utils.js文件，并保存到项目根目录1 export default{2 getUrlKey:function(name){3 return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null;4 }5 }第二步：在主j
2021-01-28 17:34:10
1013
原创 开发中遇到的js问题
js问题div默认无法聚焦，所以不能触发keyUp事件。为其添加tabIndex，可以使其能聚焦。$('div').attr('tabIndex',0);$('div').focus();此外，div如果包含a链接，也能聚焦。<div> <a href='#'>必须有内容</a></div>...
2021-01-14 16:22:35
72
原创 ts不同类型对象对应方法
Number 方法 toExponential()把对象的值转换为指数计数法。 toFixed()把数字转换为字符串，并对小数点指定位数。 toLocaleString()把数字转换为字符串，使用本地数字格式顺序。 toPrecision()把数字格式化为指定的长度。 toString()把数字转换为字符串，使用指定的基数。数字的基数是 2 ~ 36 之间的整数。若省略该参数，则使用基数 10。 valueOf()返回一个 Number 对象的原始数字值。Stri
2020-12-29 16:26:15
2303
原创 javascript xml字符串转为json对象
var xmlStr = '<?xml version="1.0" encoding="utf-8" ?><config><name>potatog</name><age>18</age><sex><man>1</man><wman>0</wman></sex></config>';var jsonObj = xmlStrToJsonObj(x...
2020-12-10 10:54:50
330
原创 js对比 object 代码
js对比 object 代码,有一个递归的思路function isObjectValueEqual(a, b) { if((a == null && b != null) || (b == null && a != null)){ return false; } console.info((a instanceof Array) + "<-x>" + (b instanceof Array));//数组对比
2020-12-07 10:54:06
343
原创 js数组操作
// 从一个数组中删除另一个数组中存在的元素let arr=[1,2,3,4,5], to_remove=[1,5],new_arr;// 从数组arr中删除数组to_remove中存在的元素new_arr = arr.filter((x) => !to_remove.some((item) => x===item));
2020-11-26 15:35:46
184
转载 vue-router 不跳转刷新
Vue项目中刷新当前页面的方法JS 原生刷新页面方法：window.location.reload() 利用路由刷新的方法：this.$route.go(0) 利用 vue 提供的 provide 和 inject 自定义刷新前两种方法：js原生方法和路由刷新相当于强制刷新当前页面，虽然比较简单方便，但是一旦调用页面会出现明显的白屏现象，用户体样不好。下面介绍第三种方式，可以较好解决白屏问题。利用provide和inject实现页面刷新 首先在 App.vue 的<r...
2020-11-20 15:03:03
1541
原创 vue动态组件 keep-alive
动态组件通过使用保留的<component>元素，动态地绑定到它的is特性，我们让多个组件可以使用同一个挂载点，并动态切换： var vm = new Vue({ el: '#example', data: { currentView: 'home' }, components: { home: { /* ... */ }, posts: { /* ... */ }, archive: { /* ... */ } }}...
2020-11-20 10:00:36
113
转载 vue 界面变化 字体大小 切换自适应方法
设置方法 // 设置 rem 函数 function setRem() { // 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。 const scale = document.documentElement.clientWidth / 1920 // 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整） document.documentElement.style.fontSize = ba.
2020-11-20 09:21:45
7854
3
原创 vue 基础知识 常用知识点
//你应该这样做, 在合并后形成新的对象, 在把新对象赋值给vue的数据对象// 这样多就会触发响应式vm.student = Object.assign({},vm.student,{ age:18})
2020-11-09 15:33:31
133
原创 vue-element-admin 菜单栏 三级目录生成无法展示问题
子菜单父级要带<router-view />这样 vuex才有容器去展示 子菜单的内容index.vue: <!-- 父级路由组件 --><template> <div> <!-- xxx html 内容 --> <router-view /> </div></template>https://panjiachen.github.io/vue-element-
2020-09-16 08:43:40
2639
原创 vue-element-admin $notify 内容过长不自动换行的问题
解决方案:样式覆盖自动换行/*设置内容超出后自动换行*/ word-wrap: break-word; word-break: break-all;
2020-09-16 08:37:29
926
原创 app平台跳转代码
<!DOCTYPE HTML><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>e交易平台</title> <script type="text/javascript"> // 获取终端的相关信息 var Terminal = { // 辨别移动终端类型 .
2020-08-06 14:14:47
472
原创 web新开页面js(第三方登录重定向)
代码来源https://github.com/PanJiaChen/vue-element-admin向大佬致敬//新开页面jsexport default function openWindow(url, title, w, h) { // Fixes dual-screen position Most browsers Firefox const dualScreenLeft = window.screenLeft..
2020-07-24 11:05:28
406
转载 Vue 骚技巧，策略模式实现动态表单验证
策略模式（Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。注意：本文可能用到一些编码技巧比如 IIFE（Immediately Invoked Function Expression, 立即调用函数表达式），ES6 的语法 let/const、箭头函数、rest 参数，短路运算符 等，如果还没接触过可以点击链接稍加学习 ~1. 你曾...
2020-07-22 11:20:12
241
原创 rn 开发房天下那种banner思路
插件react-native-swiper之前有问题的思路视频 vr 音频全部集成在swiper的里面做成数据切换,这种设计思路在开发时发现问题很大1 循环本身带有问题 ,各种切换都需要考虑 视频 vr 音频 导致代码逻辑很混乱2后期维护很痛苦,一旦有bug调试不好调试之后反思思路视频 , vr ,音频单独做成组件并展示图片使用swiper插件切换的时候使用不同插件好处:不同插件互不影响,代码逻辑非常清晰,切换不用考虑太多特殊情况,后期维护,修改...
2020-07-17 11:23:12
144
原创 数组数据 转化为 树状结构数据
codepen地址:codepen地址var aTree = [ {"id": "1", "name": "动物", "pid": "0"}, {"id": "2", "name": "鸟类", "pid": "5"}, {"id": "3", "name": "无脊椎动物", "pid": "1"}, {"id": "4", "name": "哺乳动物", "pid": "5"}, {"id": "5", "name": "脊椎动物", "pid": "1
2020-07-16 15:32:50
1485
原创 金额格式化 处理 (每三位逗号分隔)
/* * formatMoney(s,type) 只针对元 * 功能：金额按千位逗号分隔，负号用- * 参数：s，需要格式化的金额数值. * 参数：type,判断格式化后的金额是否需要小数位. * 返回：返回格式化后的数值字符串. */const formatMoney = (s, type) => { var result = s; if (s < 0) { s = 0 - s; } if (/[^0-9\.]/.test(s)) { retu..
2020-07-16 09:55:18
1411
官方 easyui最新主题9套。Metro（5套），ui（4套）
2017-06-05
html5参考手册
2014-11-11
magento中文版下载1.8.0.0原生态中文版
2014-10-24
屏幕截图软件(FastSton
2014-10-24
http协议抓包
2014-10-24
Magento-中文开发教程
2014-10-24
ZendStudio破解文件11.0.0
2014-08-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人