- 博客(57)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 输入框基本输入正则
https://blog.youkuaiyun.com/xh_960125/article/details/111032824
2022-05-10 17:36:58
270
原创 【无标题】
互联网岗位职责和关系：https://www.bilibili.com/video/BV1Ng4y167Ya?from=search&seid=15911147615086466073&spm_id_from=333.337.0.0前端：https://www.bilibili.com/video/BV14J4114768?p=1javahttps://www.bilibili.com/video/BV18J411W7cE?from=search&seid=10033102
2022-01-17 15:10:53
700
原创 将字符串中的rgb颜色转换为16进制
定义四个方法用来转换 formatColor(str) { var _this = this const newstr = str.replace(/(rgb\()|(\))/g, '') console.log(newstr,"546") const arr = newstr.split(',') console.log(arr,"546") let res = '#' for(var val
2021-09-24 16:39:17
562
原创 JSON.parse
JSON.parse 可以将 "[1,2,3]"转化成[1,2,3]let arr = "[1,2]"//undefinedJSON.parse(arr)// [1, 2]
2021-07-16 13:33:05
140
原创 手机号加密 CryptoJS
1.下载源码保存本地 并引入https://cdn.bootcdn.net/ajax/libs/crypto-js/4.0.0/crypto-js.js2。 在标签上加入参数check_phone="<% $v[check_phone]%>" to_type="3" data_call_id="<% $v[call_id]%>" data_msg_id="<% $v[msg_id]%>" data_guest_id="<% $v[guest_id]%>"
2021-06-04 13:49:52
634
原创 react初始化模板拉取
1.git clone …2.进入克隆下拉下来的项目3.git checkout -b develop4.git branch --set-upstream-to=origin/develop5.git pull origin develop
2021-03-30 13:33:06
230
原创 笔记
1.数据未加载时，等到数据加载完成在进行赋值操作this.$nextTick(()=>{ this.list = 'aaaa' })2.数组去重，根据数组中对象的某个属性进行去重//数组去重 unique(arr1) { const res = new Map(); return arr1.filter(a => !res.has(a.title) && res.set(a.title, 1));
2021-03-05 14:40:44
175
原创 vue中使用sha1加密
1.安装sha1npm install sha1 --save2.在需要的页面引入sha1<script>import sha1 from "sha1";import qs from "qs";export default { components: {}, data() { return { msg: "Fj|uU920fsJ19fk1610699564624", getkefuflag: false,3.使用sha1加密 var
2021-01-29 17:02:25
3274
1
原创 前端分页（后端一次性返回所有数据）
1.请求接口接收数据一次性获取所有数据this.alllist展示列表数据this.datalist2.当页码改变pagenum_change(num) { this.pagenum = num; this.datalist = this.alllist.slice( (this.pagenum - 1) * this.pageSize, this.pagenum * this.pageSize ); }3.当每页数量改变时pag
2021-01-29 16:54:37
2524
原创 响应PC端软件最小化、最大化、关闭和拖拽
1.在页面中写入 <h6 class="setting_header_title cmd_move" style="position: relative;"> 聊天记录 <div style="width: 140px;position: absolute;right: 0;top: 0;height: 46px;"> <
2020-12-17 17:51:31
426
原创 前端实现数据base64解码
1.后端传输数据是base64格式，前端要展示成正常数据，需要解码decodeURIComponent// var attr = JSON.parse(decodeURIComponent(res.data)); // console.log(JSON.parse(decodeURIComponent(res.data)), 111);
2020-12-14 09:24:34
2140
1
原创 axios创建新的实例
对于不同的请求接口，需要传的请求头不同或者请求域名不同，此时需要一个新的axios实例进行请求1.创建新的js文件import axios from 'axios'const instance = axios.create({ baseURL: 'https://portrayal.71baomu.com/', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }});export default i
2020-12-03 14:25:46
1962
原创 js实现获取安装插件及其事件功能
首先拿到插件id2.在js中写入代码//获取插件信息 var targetExtensionId = 'benjmbndnehlnfafcpgemhaaongbibnh' //插件id var port = chrome.runtime.connect(targetExtensionId, { name: "connect" }); console.log(port) p
2020-11-26 17:48:16
1032
原创 JSON数据处理
对请求出来的数据对于这样的数据是读不到属性的需要进行数据转换从而读到对象属性要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问，而且这种情况下，需要是complete而不是success $.ajax({ url: 'https://talk.71baomu.com/settings/mc_year_public.php?arg=p10012964_10103795',
2020-11-04 10:34:00
250
原创 vue.mixin实现全局方法调用
需求：请求防抖 函数立即执行 且在后续时间内不会再次执行1.写一个common.js用来封装一下函数export default { data(){ return{ funcloading:false, functimeout:undefined } }, methods: { // 替换字符串中的空格和回车 replace_null(str) {
2020-10-29 13:52:32
902
原创 antdvue表格加分页
<template> <div class="page"> <div v-if="hasPermissions == true" style="width:100%;height:calc(100% - 50px)" > <div class="interface-head"> 人工质检 </div> <div class="page-box"&g
2020-10-23 15:06:44
1531
原创 横向滚动
在父元素中添加： display: flex;overflow-x: auto;overflow-y: hidden;在子元素中添加flex-shrink: 0;
2020-09-17 14:59:29
149
原创 audio标签使用
当 audio 标签添加上 controls 属性时，页面上会显示出所有的控制组件。若有些组件不需要只需要在css中设置相关属性把它隐藏掉即可。//全屏按钮 video::-webkit-media-controls-fullscreen-button { display: none; } //播放按钮 video::-webkit-media-controls-play-button { display: none; } /
2020-09-14 09:26:15
2420
原创 上传代码命令
1.git init2.git remote add origin git@git.local:linzy/ykfglpt.git3.git add .4git commit -m “客服关键词”5.git push --set-upstream origin master6没有加秘钥，查看自己的秘钥cd ~/.ssh7重新设置自己的秘钥git config --global user.name “changqh”8.git config --global user.email “chan
2020-08-04 15:46:43
446
原创 公司自己收藏的网站
1、公司接口网址https://doc.xueyibao.com/web/#/8?page_id=332、微信小程序图片保存本地https://www.cnblogs.com/nanyang520/p/11103094.html3、 微信小程序返回上一页并传参https://www.cnblogs.com/ldlx-mars/p/10598708.html4、极光开发文档https://docs.jiguang.cn/jmessage/client/im_sdk_js_v2/#_625、vu
2020-07-03 19:24:23
273
原创 写vue项目自定义tab主页
做出来的效果图1、首先定义路由在路由index.js页面中定义五个子路由，如图Vue.use(VueRouter) const routes = [ { path: '/', redirect: '/index' }, { path:'/index', name:'Index', redirect:'/home', component:Index, children:[ { path:'
2020-06-19 18:29:45
955
原创 vue做移动端适配问题
使用 postcss-px-to-viewport 注意：移动端用方便，不过在pc端会出新字体过大的现象npm install postcss-px-to-viewport 或者 yarn add postcss-px-to-viewportpackage.json中，在postcss中添加代码："postcss": { "plugins": { "autoprefixer": {}, "postcss-px-to-viewport": { "viewp
2020-06-19 18:19:18
477
原创 微信小程序中富文本解析
1.下载wxParese文件，拷贝wxParse文件夹到自己的小程序项目中。下载地址：https://gitee.com/likun_li/wxParse.git2、在项目文件中使用（1）在需要使用的wxml文件中引入WxParse.wxml示例：<import src="../../wxParse/wxParse.wxml" /><view class='uinn'> <template is="wxParse" data="{{wxParseDat
2020-05-25 18:43:31
585
原创 微信小程序中使用极点日历
1.微信公众平台》》 设置》》 第三方设置》》插件管理》添加插件》搜索“极点日历”》》 添加2.第一部没有做到，没关系，继续在app.json中添加 (与tabbar同级)"plugins": { "calendar": { "version": "1.1.3", "provider": "wx92c68dae5a8bb046" } } 3.使用的页面 xxx.json添加"usingComponents": { "calendar": "pl
2020-05-18 19:59:47
661
原创 安装大型vue项目
第一次接触这么大的vue项目，安装的时候也是报了很多错误1.用管理员的身份去安装2.淘宝镜像配置：问题：淘宝镜像安装失败。原因：代理的默认地址为proxy=http://93.184.216.34:8080 。解决方案：npm config set proxy null 代理置为空...
2020-04-26 17:30:19
280
2
原创 redux
reduxredux里要求把数据都放在公共的存储区域叫store里面，组件中尽量少放数据，假如绿色的组件要给很多灰色的组件传值，绿色的组件只需要改变store里面对应的数据就行了，接着灰色的组件会自动感知到store里的数据发生了改变，store只要有变化，灰色的组件就会自动从store里重新取数据，这样绿色组件的数据就很方便的传到其它灰色组件里了。redux就是把公用的数据放在公共的区域去存...
2020-02-24 22:04:26
273
原创 我的react学习之路
我的react学习之路先简单的说一下ReactReact是Facebook 开发的前端JavaScript库V层：react并不是完整的MVC框架，而是MVC中的C层虚拟DOM：react引入虚拟DOM，每当数据变化通过reactdiff运算，将上一次的虚拟DOM与本次渲染的DOM进行对比，仅仅只渲染更新的，有效减少了DOM操作JSX语法：js+xml，是js的语法扩展，编译后转换成普通...
2020-02-23 16:58:37
305
原创 面试题
面试题SEO优化，如何做？作为前端开发人员，你能做什么？web性能优化？浏览器兼容性，常见的浏览器内核？h5和css3中新增的内容position定位，有几种 区别是什么flex弹性盒rem和em和vw盒模型如何清除浮动移动端(手机页面)开发需要注意什么？css预处理语言?less和sass字体图标回流和重绘事件传播流程es6新增的有哪些原型和原型链同步和...
2019-12-27 09:05:42
237
原创 个人对redux的理解
redux里要求把数据都放在公共的存储区域叫store里面，组件中尽量少放数据，假如绿色的组件要给很多灰色的组件传值，绿色的组件只需要改变store里面对应的数据就行了，接着灰色的组件会自动感知到store里的数据发生了改变，store只要有变化，灰色的组件就会自动从store里重新取数据，这样绿色组件的数据就很方便的传到其它灰色组件里了。redux就是把公用的数据放在公共的区域去存储。Red...
2019-12-23 21:30:37
534
原创 犯的错误
1.const [model,setModel]=useState({})在详情页获取数据时，useState()一直用的小括号应该是一个对象或者数组
2019-12-18 22:26:43
156
原创 Vue中常用的三种传值方式
父传子父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送消息。父组件： 父组件: //child子组件通过 :inputName="name" 将值传过去 子组件： 子组件: {{inputName}} 子传父子组...
2019-12-13 21:39:45
340
原创 MVVM和MVC的理解
什么是MVVM模型，它和传统MVC模型有什么区别，接下来我们来总结探讨一下。MVVM即Model-View-ViewModel的简写。即模型-视图-视图模型。模型（Model）指的是后端传递的数据。视图(View)指的是所看到的页面。视图模型(ViewModel)是mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将模型（Model）转化成视图(View)，即将后端传递的...
2019-12-12 21:17:37
582
原创 seo搜索引擎优化
SEOseo 叫所搜引擎优化作为前端开发人员需要注意的事情为每一个页面添加关键词和描述信息(添加在 header 标签中)为每一个 img 设置一个 alt 属性优化网页加载速度不要在页面中数显空链接写代码要规范，使用语义化标签在网页中尽量设置 h1-h6 标签，增加 seo 的命中权重定期更新网站内容，发布新的文章 增加搜索引擎的收录vue 中如果做 seo 优化设置一...
2019-12-10 09:47:44
351
原创 学习git版本管理工具
学习git版本管理工具1.强制上传：git push -f origin master2.删除已关联的名为origin的远程库：git remote rm origingit remote rm github3.查看远程库信息：git remote -v4.关联GitHub的远程库git remote add github git@github.com:michaellia...
2019-12-09 17:43:00
186
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人