- 博客(37)
- 资源 (1)
- 收藏
- 关注
原创 css解决内容超出屏幕出现滚动条时,图片或背景色未充满屏幕的问题
【代码】css解决内容超出屏幕出现滚动条时,图片或背景色未充满屏幕的问题。
2023-05-29 15:29:31
2698
1
原创 vite配置scss无效问题
如何生成vite的vue项目,网上教程已经有很多,在此就不多说了,在此聊一聊在刚接触vite时,配置scss所遇到的问题。首先执行初始化项目命令,并安装依赖,运行项目: npm init @vitejs/app vite-test cd vite-test npm install npm run dev写入样式内容:body { background-color: pink; color: orange;}安装sassnpm install sass -D
2021-10-09 16:06:08
8524
2
原创 vue-cli离线初始化项目
公司内网环境,无法访问互联网,无法正常使用vue-cli生成项目。每次生成新项目都是复制之前的项目然后再修改,或者在外网环境初始化好后,再导入内网环境进行开发,非常影响开发效率。然后开始研究离线生成项目的方法,最后成功。下载模板从 https://github.com/vuejs-templates/wepack 下载webpack模板文件:然后在路径:C:\Users\用户名\ 下创建 .vue-templates 文件夹,将模板文件解压至文件夹中:执行初始化项目命令:vue init
2021-09-03 17:27:23
1017
原创 JavaScript函数的防抖和节流
在前端开发中,经常会给元素添加一些事件,例如:click、scroll、input、mousemove。这些事件会存在一些隐患,比如点击事件,用户点击时可能手抖连续点击了两次。或者点击后发现没反应,频繁的点击按钮。按钮一般都会与我们的后台服务有交互功能,请求数据接口等等。如果像用户的操作一样,频繁去向服务器发送请求,这会占用很多不必要的资源,甚至出现bug。防抖函数防抖,如字面意思一样...
2020-03-26 14:14:28
302
原创 Navicat for MySQL连接报错1251
ALTER USER 'root'@'localhost' IDENTIFIED BY '123456';
2020-03-15 10:58:18
294
转载 手机端font-size:62.5%原理
原理: 是根据根节点html的默认字体大小font-size来计算的,以此进行rem的初始值设置。实现对不同屏幕宽度的适配。(100px/16px=6.25=625%, 100代表100px,这里是以100px来换算的,即:1rem=100px。当然有些地方是10px/16px=62.5%,以10px来换算的,即1rem=10px。)rem是css3中新增加的一个单位属性,是相对长度单位。相对于...
2020-02-05 11:34:41
1234
原创 JavaScript的事件循环和任务队列
JavaScript语言的一大特点是单线程,意思是同一时间内,只能做一件事。这就意味着所有的执行任务需要排队,上一个任务执行完毕,才会轮到下一个执行。有的任务可能执行时间比较长(ajax),后面的任务要执行就得等着,如果前面的任务时间太长,就会使整个页面卡住,这样对用户体验影响非常不好。JavaScript的一大特色,异步就解决了这个问题,异步的意思差不多就是你干你的,我干我的,都同...
2019-11-03 17:45:21
844
原创 使用vue-cli构建Vue项目
之前分享过 不使用vue-cli,一步一步构建Vue项目(小白入门),这篇文章是主要是为了更好的理解运行时构建vue项目(都是以.vue为后缀的独立组件)的构建过程和webpack相关功能的,对vue初学者比较友好。但是因为市场需要或者说是趋势,需要更成熟的vue项目架构,且能快速初始化一个vue项目,所以使用vue-cli也成为了开发vue项目的重要技能。1、node安装vue-cli...
2019-09-20 17:25:51
713
原创 Echarts地图添加引导线效果(labelLine)
最近有粉丝问我能不能出个案例:地图上的地区文字,或其他标示类的图层,因为区块面积相对太小,想放在地图之外,通过labelLine连接到对应的区块上。今天就分享一个类似简单的案例,铺设散点形式铺设label,部分地区用线连接,地图以广州地图为例:如果需要地图geojson或js文件的话,可以到我的个人 github 上自取:https://github.com/zhangqian00/echa...
2019-09-04 21:00:16
11375
5
原创 前端为什么使用框架?解决了哪些问题?
JavaScript 框架对于前端来说就像是,八倍镜对于98K一样重要,成为了前端开发事半功倍,不可或缺的一部分。但是很少有人思考过,我们为什么使用框架?仅仅是因为代码量减少吗?
2018-10-12 17:39:48
5634
原创 前端修炼——Node.js(二)
深入分析node.js原理。 异步I/O 现代的 Web 应用已经不再是单台服务器就能胜任了,在跨网络结构下,并发已经是现代编程的标配了,所以异步 I/O 在 Node 里非常重要。Node 完成整个异步 I/O 环节包括:事件循环观察...
2018-05-03 14:37:03
2906
原创 vue实现全选全不选
全选功能可以说是前端开发中非常常见的一个功能。从jQuery到vue的转变主要是一个思想想的转变,用数据驱动dom,也是vue框架的一个核心思想,思想转变过来,对功能的实现自然容易理解一些。
2018-03-27 13:17:21
15089
转载 web前端,常用js方法封装
搜索总结了一些前端日常开发中,常用的一些方法封装var myJs = { /* * 格式化日期 * @param dt 日期对象 * @returns {string} 返回值是格式化的字符串日期 */ getDates: function(dt) { var str = ""; //存储时间的字符串 ...
2017-11-02 08:53:47
6011
1
原创 sessionstorage中存储JSON数据
在web开发时,可能经常会用到sessionstorage存储数据,存储单个字符串数据变量时并不困难var str = 'This is a string';sessionstorage.setItem('param',str);获取sessionstoragevar item = sessionstorage.getItem('param');console.log(...
2017-10-24 11:56:52
10129
2
原创 提取数组中相同类别数据,组成新的数组
最近项目里遇到一个处理数据的问题,返回的数据很多都是一个类别下的子数据,根据名称key进行分类,下面是一个demo,如有不足之处,期待交流。处理方法function dataDeal(data){ var listArr = []; data.forEach(function(el,index){ for(var i=0;i<listArr...
2017-10-19 17:18:06
9220
1
原创 click事件的累加绑定,一次点击,执行多次
最近在工作上遇到一个点击事件累加的问题,为元素添加点击事件效果,但是总是效果失败,最后发现点击事件被执行了多次,上网查了一下,下边就是解决这个问题的几种思路 $("#adsCollection_tb .contentDel").on("click",function(){ $(this).each(function(){ var obj_address_name = $(t...
2017-10-04 20:47:17
5544
原创 MUi下拉刷新和上拉加载click事件失效问题
今天应用MUi的上拉加载更多方法后,发现给li元素注册点击click事件没有反应。最后折腾半个小时发现一个方法,用mui.on( )添加事件监听,用tap代替click事件即可解决mui("#ulId").on("tap","li",function(){ // 逻辑代码,例如跳转详情页、ajax});因为数据条数较多,所以这里用了,事件委托处理http..
2017-08-24 20:31:47
4997
原创 对MVC、MVVM开发模式的理解和总结
MVC模式概述MVC是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计规范,用一种业务逻辑、数据、界面显示分离的方法组织代码,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC模式可以分成三个部分。视图(View):用户界面控制器(Controller):业务逻辑模型(Model):数据保存...
2017-08-12 10:58:42
2139
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人