Web前端
文章平均质量分 72
Kotlin进阶
这个作者很懒,什么都没留下…
展开
-
小程序火星坐标系 (GCJ-02) 转百度坐标系 (BD-09)和经纬度转度分秒格式
if (that.wechat == 1) {that.formatDegree(that.latitude);//纬度转度分秒// console.log(that.formatDegree(that.latitude));that.latitude = that.formatDegree(that.latitude);that.formatDegree(that.longitude);//经度转度分秒that.longitude = that.formatDegree(that.longitu原创 2022-05-10 16:06:58 · 810 阅读 · 0 评论 -
安利一款非常NICE的-API-敏捷开发工具
创建API入参VO创建API出参VO创建Controller创建Service创建Dao创建Mapper, xml或者JPA在mysql客户端,或者mongo客户端中写执行脚本语句,复制到代码中反复重启,进行接口自测编写API文档完成一个功能点开发使用一些工具比如mybatis plus,jpa,或者idea的Easy code,MybatisCodeHelperPro等可以一键生成一些基于单表的操作的相关代码,但是业务场景来说,可能喜欢更灵活,代码执行效率更高的一些操作方式,并且一.原创 2022-05-10 16:05:00 · 378 阅读 · 0 评论 -
如何在uni-app中使用vuex
const store = new Vuex.Store({state: {hasLogin: false,userInfo: {}},mutations: {login(state, provider) {state.hasLogin = true;state.userInfo = provider;uni.setStorage({ //缓存用户登陆状态key: ‘userInfo’,data: provider})},logout(state) {state.hasLogi原创 2022-05-10 16:00:41 · 1713 阅读 · 0 评论 -
多线程学习笔记02Lamda表达式与静态代理
@Overridepublic void lambda() {System.out.println(“i like lambda”);}}用静态内部类、局部内部类、匿名内部类实现的语句用lambda简化为like = () -> { System.out.println("i like lambda4==>用lambda简化"); };静态内部类、局部内部类、匿名内部类可见文章[《Java基础09面向对象之内部类(学习笔记 专题补充 深化理解)(非原创)》](()Lambda原创 2022-05-10 15:58:58 · 78 阅读 · 0 评论 -
基于模版引擎实现-淘宝搜索案例
接下来封装一个getSuggestList函数,发送一个JSONP请求,获取到对应的建议列表 有个q属性 kw就是我们输入的关键字 function getSuggestList(kw) { $.ajax({ url: 'https://suggest.taobao.com/sug?q=' + kw, dataType: 'jsonp', suc.原创 2022-05-10 15:56:29 · 120 阅读 · 0 评论 -
基于JAVA实现的WEB端UI自动化 - WebDriver基础篇 - 元素定位
WebDriver基础篇 - 元素定位1、 元素定位1.1 简单的元素定位定位元素目的定位对象的方法1.2 层级定位元素定位的优先级2、定位一组元素3、使用工具快速定位元素3.1 Chrome开发者工具3.2 Selenium IDE[基于Firefox插件][基于JAVA实现的WEB端UI自动化 -自动化测试简单介绍](()[基于JAVA实现的WEB端UI自动化 - WebDriver基础篇 - 实现简单的浏览器操..转载 2022-05-10 15:53:59 · 832 阅读 · 0 评论 -
在 JavaScript 中如何克隆对象?
// [“前端小智”, “王大冶”, “前端小力”]// [“前端小智”, “王大冶”, “我是隔壁老智”][](()对象当引用值是一个对象时,也会发生同样的情况,对其属性之一的任何修改都会影响这两个变量。 若要克隆对象,请使用 Object.assign()方法,该方法会将一个或多个源对象的所有可枚举属性的值复制到目标对象,但是此方法仅对对象的一个浅拷贝。// 示例1const names = {name: ‘前端小智’,surname: ‘隔壁老智’}const names2 = n原创 2022-05-10 15:52:14 · 266 阅读 · 0 评论 -
吃透移动端 H5 与 Hybrid|实践踩坑12种问题汇总
body {overflow-y: hidden;}.wrapper {overflow-y: auto;}两者结合使用更佳!iOS 上拉边界下拉出现白色空白表现手指按住屏幕下拉,屏幕顶部会多出一块白色区域。手指按住屏幕上拉,底部多出一块白色区域。产生原因在 iOS 中,手指按住屏幕上下拖动,会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器,容器自然会被拖动,剩下的部分会成空白。解决方案1. 监听事件禁止原创 2022-05-10 15:47:57 · 501 阅读 · 0 评论 -
只用了几百行代码写的百度搜索引擎,你看咋样?
writer.addDocument(document);writer.commit();writer.close();}/**索引实体列表@param objects 实例列表@throws IOException IO 异常*/public void addModelDocs(List<?> objects) throws IOException {if (CollectionUtils.isNotEmpty(objects)) {List docs = new A原创 2022-05-10 15:45:41 · 347 阅读 · 0 评论 -
关于闭包的7道面试题
return message;})(100);《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】setTimeout(function delayedReload() {location.reload();}, 1000);这 3 个函数中的哪一个访问外部作用域变量?▼点击查看答案countClicks的countClicks从外部作用域访问变量。immediate 不访问外部作用域的任何变量。d原创 2022-05-09 17:04:22 · 231 阅读 · 0 评论 -
关于 click 事件的一个小坑
《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 我们来试一下 注意这里点击的时候要按住了,然后移开,这就相当于取消了 mouseup 的事件,所以点击事件也取消了,那么,是不是真的只有先触发 mousedown 和 mouseup 才能触发 click 事件呢javascript 高级程序设计上面在介绍 click 的事件时有这么一句click:在用户单击主鼠标按钮或者按下回车键的时候触发只有在同一原创 2022-05-09 17:02:44 · 233 阅读 · 0 评论 -
关于 click 事件的一个小坑(1)
javascript 高级程序设计上面在介绍 click 的事件时有这么一句click:在用户单击主鼠标按钮或者按下回车键的时候触发只有在同一个元素上相继触发 mousedown 和 mouseup 事件,才会触发 click 事件如果 mousedown 和 mouseup 中的任意一个被取消,就不会触发 click 事件这里把两句放在一起进行对比那么问题就来了,按下回车会触发 mousedown 和 mouseup 事件吗结果如下并没有触发 mousedown 和 mouse原创 2022-05-09 17:00:38 · 300 阅读 · 0 评论 -
全面分析 Vue 的 computed 和 watch 的区别
}}get 方法:first 和 second 改变时,会调用 get 方法,更新 full 的值。set 方法:修改 full 的值时,会调用 set 方法,val 是 full 的最新值。1.2、计算属性缓存我们通过方法,拼接数据,也可以实现该效果,代码如下。 {{ full() }} data(){return{first:‘美女’,second:‘姐姐’}},methods:{full(){return this.first + ’ ’ + this.second}原创 2022-05-09 16:58:50 · 247 阅读 · 0 评论 -
值得把玩的各色CSS气泡【精通CSS100例】
.bubb 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 le-box {position: relative;border: 2px solid #409eff;border-radius: 5px;width: 200px;height: 50px;line-height: 50px;text-align: center;}.bubble-box::before {position: absolute;ri原创 2022-05-09 16:56:34 · 815 阅读 · 0 评论 -
使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果
[](()需求说明:使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。具体要求如下:在页面中显示电影排行榜当单击“(收起)”链接时,排行榜中后三项的电影名称隐藏而且链接的文本更改为“(展开)” 当单击“(展开)”的链接时,后三项的电影名称重新显示且链接的文本更改为“(收起)”![](https://img-blog.csdnimg.cn/20201111224541934原创 2022-05-09 16:54:53 · 520 阅读 · 0 评论 -
使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 <span> 和 <a> 标签的样式
[](()[查看作业目录](()[](()需求说明:使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 和 标签的样式实现思路:《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】在 HTML 页面中导入 jQuery 框架 在页面加载完毕事件中,获取 标签对象,调用 css() 方法,设置字体颜色为红色在页面加载完毕事件中,获取 标签对象,调用 cs.原创 2022-05-09 16:53:19 · 422 阅读 · 0 评论 -
什么是版本控制?
[](()什么是版本控制版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统。 除了项目源代码,你可以对任何类型的文件进行版本控制。[](()版本控制的作用有了它你就可以将某个文件回溯到之前的状态,甚至将整个项目都回退到过去某个时间点的状态,你可以比较文件的变化细节,查出最后是谁修改了哪个地方,从而找出导致怪异问题出现的原因,又是谁在何时报告了某个功能缺陷等等。[](()版本控制系统分类[](()本地版本控制系统许多人习惯用复制整个项目目录的方式来保存不同的版本,或原创 2022-05-09 16:45:58 · 477 阅读 · 0 评论 -
什么是前端开发?什么是后端开发?
[](()技术栈那么技术栈中有什么?那么通常使用了三种主要技术对于前端开发,第一个是 HTML,它有助于在屏幕上创建 UI 元素第二个是 CSS,它基本上是定义网站的样式,包括字体间距和颜色等然后是 JavaScript,它也可以通过一些库,帮助处理屏幕上发生的事件,它负责发送和从后端接收数据前端开发需要确保任何人都可以使用的易于使用的界面,因此请确保它是可访问,并且 UI 可在不同的设备操作系统上运行、不同的浏览器和屏幕尺寸等,最后是确保您可以遵循一些规则,通过一些视觉细节为用户做导向并原创 2022-05-09 16:44:10 · 2211 阅读 · 0 评论 -
【React入门实践】结合Ant-Design 从0带你手把手开发包含【列表】和
目录1. 看页面需求2. 分析接口文档3. 参照UI编写页面代码(1) 列表部分(2)search查询栏部分4.初始化页面 - 列表数据显示5.列表数据按需渲染render7. 查询功能实现1. 看页面需求分析:页面分为两个核心部分:【搜索栏】【列表】2. 分析接口文档(1)留言列表接口-主要是在页面初始化时调用。pageNum pageSize为请求参数,非必须。响应参数在list中。(2)搜索接口 - 但搜索接口一般可以直接使用列表接口即可参照UI编写页面代原创 2022-05-07 21:53:16 · 371 阅读 · 0 评论