前端知识
文章平均质量分 65
youqitt
这个作者很懒,什么都没留下…
展开
-
react+ant 项目开发记录
react开发问题sytle互相污染解决一: 建一个*.module.less (里面的样式会相当于同级一样,即没有嵌套class层级关系)引用 import style from ‘*.module.less’classname={style.classname}解决二: 最外层套唯一的className坑2: 重复再引入全局变量,私文件less的样式会被再覆盖一次多个模块组件, 样式引入放在最前面,不然会报一个警告:Import in body of module ;reorde原创 2022-01-15 16:57:27 · 708 阅读 · 0 评论 -
2021-07-02 jquery项目开发记录
3月中开始了jquery项目的迭代开发,大部分功能是基于jquery、bootstrap框架,其它有用到 jsmind思维导图组件、ztree树组件、pqgrid表格组件。总体来说,初级比较需要花时间去了解api及常用方法。记录一下近3个月来的常见问题:数据共用/数组值被改变问题:数据处理时,数组或对象数据共用了地址,导致修改时、或多次用来赋值时,数据上不对。解决方案:深拷贝// 1newObj = JSON.parse(JSON.stringfy( obj ))// 2 // banA转载 2021-07-20 16:23:50 · 152 阅读 · 0 评论 -
web页面-电子签名
html<canvas id="canvas" style="border:none ;"></canvas> <div class="clearBtn" ng-click="clearDrew()">重新签名</div><div class="saveBtn" ng-click="saveDrew()">确认签订</div>angularjs 框架 - jsvar lastX, lastY; var canvasW =原创 2020-08-13 11:37:33 · 2004 阅读 · 0 评论 -
echart常用直/曲折线图
//<div style="width: 100%;height: 220px" id="chart1"></div>var myChart = echarts.init(document.getElementById('chart1')); option = { xAxis: { type: 'category', ...原创 2020-05-06 18:29:56 · 1382 阅读 · 0 评论 -
es6 常用总结
块作用域let 和 const let 声明块级变量const 声明块级常量,简单数据类型不可以变, 对象和函数可以变; 因为const指向地址箭头函数(1)在函数表达式中使用, 只有一个参数时, 括号()可以忽略;(2)没有参数和多个参数时要加上()(3)函数只有一行的简洁函数体时, 不用声明return直接返回; 块级函数体需要手动returnthis 是固定的...原创 2020-04-29 22:39:49 · 151 阅读 · 0 评论 -
angular项目优化时遇到的一些问题
初接触angular ,直接实践项目,对项目优化。记录一些花费较长时间处理的bug。angular fn 问题(因功能需求,添加了$rootScope,然后有fn报错)更改前代码:app.factory('NewestService', function($q,$http,CommonService) {更改后代码:app.factory('NewestService','$roo...原创 2019-12-03 16:30:37 · 284 阅读 · 0 评论 -
超简弹框显示隐藏实现
超简弹框显示隐藏实现使用了线上jqhttp://code.jquery.com/jquery-2.1.4.min.js<button onclick="showModal()">打开弹窗</button>//弹框<div class="modal hidden"> <div class="modalBox"> <...原创 2019-11-14 14:03:05 · 385 阅读 · 0 评论 -
小程序 常用记录
引用引用 js里的数据 // .js var infoData = require('../../gf_/data/info-data.js'); page({ data:{ cartList: infoData.cartList, } }) //info-data.js var c...原创 2019-09-11 13:07:11 · 434 阅读 · 0 评论 -
vue项目使用插件复制指定内容
页面部分<span class="content">{{item.content}}</span><button ref="copy" class="lr back-confirm btn" :data-clipboard-text="item.content" //绑定被复制的内容 @click="copy" ...原创 2019-05-21 11:50:55 · 297 阅读 · 1 评论 -
el-date 格式化成 yyyy-MM-dd
el-date-picker里加入:format=“yyyy-MM-dd”value-format=“yyyy-MM-dd”<el-form :form="form"> <el-date-picker type="date" placeholder="选择日期" v-model="this.form....原创 2019-04-17 09:49:17 · 855 阅读 · 0 评论 -
vue-router query和params方式传递参数和接收参数
query方式传参和接收参数[相当于get请求,页面跳转的时候,可以在地址栏看到请求参数]传参(把键值路由出去):this.$router.push({ path:'/XXX', query:{ 键名 : 值, } })接收参数(跳转的另一页面接收值):新键名(自定义)...原创 2019-03-21 16:57:18 · 796 阅读 · 0 评论 -
vue-router报错:Route with name ‘home’ does not exist
Route with name ‘home’ does not exist路由配置(一般路由配置文件名是router.js){ //正确 path: '/page', name: 'page', component: page }错误原因:没有添加name,或者name的值没有使用单引号 ’ ’...原创 2019-03-21 17:39:32 · 33228 阅读 · 6 评论 -
javaScipt闭包
function f1(){ var count =1; function f2(){ console.log(count); // 1 } }子函数f2能向上读取变量count ,父函数f1不能获取f2的变量。闭包:闭包就是能够读取其他函数内部变量的函数闭包就是将内部嵌套函数变成外部可调用的直接理解记忆成:funactio...原创 2019-03-25 14:29:09 · 89 阅读 · 0 评论 -
css3 + js 散列画廊
css3 + js 散列画廊基于慕课网散列画廊视频教学与模板,在vue里实现css3 + js 散列画廊,从中确实体验到vue框架带来的简便。经过这个页面的编写与思考,逻辑思维也更加清晰,后续进行了代码规范化和优化,并增加细节样式,提高页面使用体验。区域模块海报区选中的海报水平垂直居中允许<控制条>控制展现&翻转左右存放区分左右分区存放其他海报每个海报位置,...原创 2019-04-03 23:49:01 · 190 阅读 · 0 评论 -
分页功能warn获取不到选中的index
分页功能实现时,报一个warn,而且获取不到选中的index<div class="block"> <span class="demonstration">页数较少时的效果</span> <el-pagination layout="prev, pager, next" :total="50"> </el-pa...原创 2019-04-03 23:36:40 · 325 阅读 · 0 评论 -
vue 引入iconfont图标库
进入inconfont官网:https://www.iconfont.cn/选择/搜索想要的图标,加入购物车,将加入到项目文件夹,若没有,就新建一个,取项目名新建项目后,可以下载至本地4. 压缩包解压后,里面有这些文件5. 在需要的页面导入,如vue项目里导入:import ‘/assets/icon/iconfont.css’6. 也可以打开demo_index.html文件...原创 2019-04-09 14:58:51 · 350 阅读 · 0 评论 -
nodejs获取当前日期
安装插件silly-datetimenpm install silly-datetime引入插件var date = require("silly-datetime");var today = date.format(new Date(),'YYYY-MM-DD'); // 2019-01-01原创 2019-04-12 16:38:52 · 7400 阅读 · 0 评论 -
el-menu菜单进行路由跳转
el-menu菜单进行路由跳转el-menu 添加 :default-active=“this.$router.path” 和 router(default-active前面要有 “:” )<el-menu :default-active="this.$router.path" //路由跳转 router> ...原创 2019-04-17 09:10:54 · 30068 阅读 · 5 评论 -
HTTP协议
HTTP协议HTTP之URLHTTP工作原理HTTP的请求方法常见的状态码HTTP协议(HyperText Transfer Protocol,超文本传输协议)是因特网上应用最为广泛的一种网络传输协议,所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。HTTP之URLHTTP使用统一资源标识符(Uniform ...原创 2019-03-21 16:23:41 · 87 阅读 · 0 评论